半点优化网 http://www.bdxc.net/
当前位置首页 > 网站技术问题> 正文

网页设计注意事项有哪些?

1、网页设计的尺寸标准
面向1024-768显示器分辨率开发的网页尺寸,宽910px
面向800-600显示器分辨率开发的网页尺寸,宽778px

2、网页设计中的画布设定

尤其注意分辨率为 72像素/英寸

3、设计中的网页字体问题

中文字体

尤其注意“设置消除锯齿的方法”选项 要选择 “无”
宋体是最常用的网页字体,12px是中文操作系统可以表现的最小的字体,内容文字大小一般用两种,12px或14px
(现在的新的vista据说能表现10px的中文字,但现在使用并不多,)

英文字体

其中英文字体最小表现为10px 字 verdana 字体是大多数网页使用的英文字体,比起arial 字体更美观和均衡。

效果图

网页效果图中的网页字体,虽然在最后制作网页的过程中不需要裁剪。但做为设计中不可分割的重要元素,一定要认真使用,因为你不单要设计文字与整体网页的关系,还要设计字体的样式表颜色,


3、网页色彩
1、页面主色调
·网页都应该有特定的2-3种主色调,辅助色调不适宜太多。
2、文字的色彩
·文字的颜色要便于阅读
·文字的超链接要明确(下划线、变色)
·背景颜色切勿与文字反差太小且杂乱。

4、关于网页布局
基本的两种
居中对齐 居左对齐

避免不同寻常的令人眼花缭乱的设计、密密麻麻的内容,特别要注意的是整齐,和透气。

这个设计就是太过密集,不透气,也不整齐,阅读性比较差

太过靠近边线,也给人拥挤的感觉。


5、设计从哪里入手
A 先定下你的网页布局形式

B 然后定页面宽度,拉出辅助线。


C 再把基本的文字内容输入进来,要用的图片素材拷贝到指定的目录来。

D 确定需要表现的文字主题,和使用的图片,发挥自己的能力,完成设计头部(这个是重点)


E 设计文本区域的头部




F 布局剩下的内容,调整和头部的关系。


G 设置文字样式,行距,调整细节。


6、设计的可制作性
不要做天马行空的设计,在做网页设计的时候,脑子里一定要时刻想着,你做的这个设计是不是可以在网页中表现出来,会不会有表现上的差错,是不是给制作带来了麻烦。
例如这个作品是不是在给制作增加难度,并且对于修改图片中的文字,提出了苛刻的要求。

7、photoshop使用习惯
1、PSD文件按区域把图层打包放文件夹中 并对图层文件夹命名,
(这个比较重要,养成了这个习惯,不单方便你以后的修改,并且也可以使你的同事能快速的接替你的工作。)
2、去掉没有用的隐藏层,合并可以相关图层。
(减轻计算机的负担,加快制作速度)
3、所有网页文字放在最上面的文件夹里。
(网页文字就是需要制作成网页字的文字,)

8、网页设计基本准则
设计必须是完整的,不能留有空白的,需要口头表述的部分。
每个人的设计风格不径相同,但一个好的设计是最起码应该是细致的。

猜你喜欢