首页 > 技术知识 >
PS网页设计注意事项
发布时间:15-12-17

PS网页设计注意事项
1. 页面宽度和高度
网页宽度尺寸:现在用户电脑分辨率以1024*768分辨率较为普遍,页面宽度一般上控制在960px-1003px,如果超过1003px,浏览器将会出现左右滚动条,不够美观。有老师疑问,分辨率分明是1024怎么走出1003就出现滚动条了呢?是以IE浏览器为准,IE浏览器显示的范围只有1003px,剩下的21像素刚刚好是IE上下滚动条的宽度。
网页高度尺寸:一般设计首页效果图高度有限制,(高度具体根据首页内容而定),网站内页,高度不做限制,注意设计高度要随着页面内容拉伸,保证页面的左右是一个整体。

2. 页面布局
网站首页页面布局,可以分为左、中、下结构。注意:每个部位的距离,要根据一定的规律去做排版,注意利用版心线,网格等控制网页部位的比例。
3.栏目布局明确 一个网站有很多的页面和主题、链接,这就需要注意其流畅的导向性。要做到使页面合理流畅、环环相扣、可信安全,这几点是一个优秀网站的精神所在,也是吸引力的来源。强调要注意要网站内容的层次性和空间性突出显示出来,使人一眼就能看出你的网站重点突出,结构分明。

4网页留白
注意控制留白之间的距离,如上、中、下之间的距离,左、中、右之间的距离,甚至网页上每个模块与模块之间的距离,模块内容距离边界的距离,文字与文字之间的行高等,要保持距离。

5页面内容翔实
网络是虚拟的,而网站往往体现的是现实世界中的一个实体,如学校或个人。如何把这些实体的元素通过虚拟的网络空间来展现出来,并且引起浏览者的注意呢?只有那些极富特色、内容翔实、浏览顺畅、效果独特的网页才能使人驻足观看,及使用、功能和服务容于网站之中,从而达到网站的特定目的。

6.网页中的文字(特殊字体慎用)
要避免你所选择的字体在访问者的计算机上不能显示,特殊字体要慎用!一般中文网正文文字大小多为12px,门户网站的正文多为14px。英文文字大小多为9px,标题文字多为14-16px加粗。
(注意PS设计里正文文字,样式效果要设置为无,切不可出现锐利,浑厚等样式)
7.分辨率的设置
网页效果图分辨率,统一为72像素/英寸,不按照这个为参照的话,你会发现打在图层上的文字不显示正常尺寸,或大或小。

8.颜色的使用
一般上网页出现的颜色不超过三种,具体根据客户的建站类型和阅读群体,选择正确的色相型。
9视觉效果新颖
网页形象要不落俗套,要重点突出一个“新”字,这个原则要求我们要结合自身的实际情况创作出一个独特的网站。我们在设计网页时,要尽量做到“少”而“精”,又必须突出“新”。把内容的独特的元素,如名称、标志、标准字体、标准色等 。通过这些元素的合理应用,来实现网站形象与个性的塑造提高视觉效果。

上一篇:用户思维 战胜2016挑战的利器
下一篇:知识管理解决方案