eeeeee.org风格设计标准

作者:Eureka 撰搞时间:2005-03-08

总标准:简则简从,易则易知

页面的风格设计能简单就简单,所有页面以内容取胜,而不以华丽的表面来表现。在代码上满足xhtml strict标准,对页面和布局统一使用CSS进行设计。

关于前景和背景:任何页面都是由前景(突出显示的东西)和背景(辅助效果等)组成。套在易理上,即阴与阳、乾与坤,虽然可以以阳色为背景亦可以阴色为背景,但现在的规则总是以坤会背景,如我们看的纸,总是以白底黑字为多而黑底白字为少,象本页的背景色是黄色,即坤的颜色,浅色。当然,把本页的所有颜色互换一下亦能够很好的显示页面,这就是阴、阳可以互相转换的原理。不管怎样,现在先暂以坤色(黄)作背景而阳色(大赤)为前景。

在色彩的设计上尽量使用少的颜色。页面设计颜色主要分两种,深色和浅色,分别代表阳色和阴色代表。即深色代表阳色,以浅色代表阳色。例如本页只用到四种主色,阳色:黑白,深红。阴色:白色,浅黄;另外为了着重标示内容,在四色基础上添加一些接近四色的内容作为辅助颜色。如本页的浅淡白黄色。

64卦的颜色

64卦的颜色在设计初期时有三种方案,分另为一号方案二号方案三号方案。可参见各自的CSS文件,最后在这里取了一号方案作为64卦的颜色,这些颜色全部是网页安全色,区别也比较明显,如下:

䷁坤 ䷖剥 ䷇比 ䷓观 ䷏豫 ䷢晋 ䷣萃 ䷋否
䷎谦 ䷳艮 ䷦蹇 ䷴渐 ䷽小过 ䷷旅 ䷞咸
䷆师 ䷃蒙 ䷜坎 ䷺涣 ䷧解 ䷿未济 ䷮困 ䷅讼
䷭升 ䷑蛊 ䷯井 ䷸巽 ䷟恒 ䷱鼎 ䷛大过 ䷫姤
䷗复 ䷚颐 ䷂屯 ䷩益 ䷲震 ䷔噬嗑 ䷐随 ䷘无妄
䷣明夷 ䷕贲 ䷾既济 ䷤家人 ䷶丰 ䷝离 ䷰革 ䷌同人
䷒临 ䷨损 ䷻节 ䷼中孚 ䷵归妹 ䷥睽 ䷹兑 ䷉履
䷊泰 ䷙大畜 ䷄需 ䷈小畜 ䷡大壮 ䷍大有 ䷪夬 ䷀乾

字体颜色和字体轻重:

为了使整个网站的颜色色彩不于于太多,颜色上一般只采用一个卦的颜色,本标准采用了以上64卦颜色的最后一行之色来表示,如下:

缺省基本颜色:

原定为基本前景色,即深红色#660000,现暂定为现代文颜色modern类的颜色加深51,加深只是为了更易增加对比度,更易读,即e6_57_darkcolor之颜色。

标题颜色

标题颜色暂定为缺省颜色,所加边框和修饰如本页所示。

文章内容的字体颜色

易经引用原文类:

  • guanci:用在易经卦辞原文,颜色代码:e6_63_color
  • yaoci:用在易经爻辞原文,颜色代码:e6_62_color
  • tuan:用在易传之彖传原文,颜色代码:e6_61_color
  • xiang:用在易传之象传原文,颜色代码:e6_60_color
  • wenyan:用在易传之文言传原文,颜色代码:e6_59_color

其它类:

  • scripture:经文(更正式的原文,通常有固定格式,断前一般不空两格,用style属性指定,因为style属性要比其它选择符更高的优先权。字体重量:bolder,如易经原文),颜色代码:e6_63_color
  • original:原文(整段的文言古文或其它文字,空两格,缺省的段落格式,字体重量:bold,如易传原文和其它古文),颜色代码:e6_61_color
  • notation:注释(对单个词组或文字进行注释,段前不空两格,可用style属性指定。字体重量:normal),现代文对古文的注释,通常文章会是古文与现代文混和的情况,颜色代码:e6_58_color
  • modern:现代文(现代文整段文字,段前空两格缩进,缺省段落格式,字体重量:normal),纯现代文,如用在已经把古文译成现代文的情况。

 

XHTML1.1   CSS   CC   CC中文   直接打印   易易工作室   易网