web设计规范

内容区尽可能的采用像素(缺省)字,12px~14px宋体。

网页设计中,除必须用图片(BANNER设计或者特殊标题)或者FLASH(互动站)制作外,内容一律采用宋体像素字进行设计,企业站字号统一为12px,门户站/专题活动站出现部分14px。
一般情况下,接近字体尺寸的行距设置比较适合正文
12px宋体行距一般为16~30px,以20px最为常见

标题区尽可能的采用黑体(雅黑),14px~24px。

质感的应用应统一而协调

我们网站界面的构成和设计,在非常多的时候,总是会伴随着各种丰富多彩的背景色或重复图案的铺底装扮。 可以说非常多的漂亮设计总是离不开界面的一个色彩,质感等方面大表现的!
选用合理的背景色,辅以各种质感体现,或图案体现等,不光可以让我们的界面显得更漂亮!在很多情况下还可以体现出商业性质,情感表现等!
例如做咖啡的网页,使用咖啡色搭配欧式花纹图案素材,就可以显出一种历史沉淀,品质等情感。也体现出咖啡悠久历史,高贵品质等商业感。又或是做食品的站点,我们辅以绿色背景,适当加入绿叶装扮!就可以体现出绿色,健康的良好形象。

网页各板块主次关系按照从上至下、从左至右的原则进行区分

 

 

 

 

尺寸大小与主从关系

可视范围的定义
IE在1024*768分辨率下显示满屏宽度为1003PX,而我们通常定义的可视范围为920px~1000px之间。
最为常见的是960px、990px、1000px。
高度根据不同显示器的长宽比与浏览器设置,无法对其进行定义。整屏高度一般为650px。

各板块的主从关系
LOGO与导航尽可能设计在网站的头部并采用平铺的形式,需要突出、醒目、方便浏览者试用。
背景、内容区尽可能简洁化,颜色选择上尽可能低纯度,色相与明度变化不要太大,追求整体性、统一性、协调性。
LOGO、导航、按钮、标题等需要突出的元素需要设计得明显一些,颜色选择上纯度调高,各板块对比加强。但这几个元素之间同样要注意协调性,否则各元素相互冲突,整个画面就杂乱无章。

布局设计与效果打造

布局方案
尽可能的避免弧线、不对称效果等不适合做切片的设计。
采用横平竖直的设计简约、大方、便于设计与制作、便于浏览者阅读,
*横平竖直的设计容易造成画面呆板,在设计上需要适当的调整。

效果风格实现
任何风格都能用于网页设计,一个网站只能出现一个风格。
风格的打造与网站本身主题相匹配。
避免注重风格忽视内容的设计。

猜你喜欢

转载自www.cnblogs.com/ngz311616/p/10007566.html