理论教程之微观角度看网页(2)

布局是内容组织的必然结果，它往往是自己逐渐形成的。一旦周全考虑了页面的所有需求，并且确定了每一块的内容，你的工作就变成了看着所想要的布局自己展现在你的眼前。这个过程类似拼图游戏，只不过没有最终完成的提示图，但是每个部分都可以改变大小位置。

网页设计中，设计者要注意到网页排版的“最佳视域”这一细节会引导用户去观看整个页面，并且能够创造出一种别称之为“Diagonal Balance(对角线平衡)”的和谐状态。人们在浏览页面或布局的时候，视线往往趋向于从左上角移动到右下角，因为人们通常都是从左至右、又伤往下地阅读，久而久之视线自然会沿着这一路径移动。

左上角是第一视觉落点区(Primary Optical Area，POA)，而右下角则是最终视觉落点区(Terminal Anchor， TA)。与之相对，右上角和左下角则是视觉盲点。页面上部注意力强于下部，左部强于右部。因此，上部、左上部、中上部为“最佳视域”。

设计者在页面的设计中要注重网页“导向视觉流程”，通过诱导元素主动引导读者视线向一定方向由主到次的移动。

页面排版的字体位置、形式自由灵活，但要考虑与正文之间的关系。细节在于副标题是对标题内容的补充说明，其视觉强度不能超过标题，一般采用不同于主标题的字体和字号。

图片和字体在页面排版中起到相辅相成的效果，字体可以给图片提供解说说明，而图片也给字体提供装饰、补白的效果。一个页面图片可以占据页面很大一部分，相比其他页面更具有视觉冲击力。网页界面设计不能只用文字，过长的文字篇幅会使网页显得单调。在网页中插入图片可以令网页生色不少。但图片也不能用得太多，简单的图片堆砌，会让人觉得累赘，而且影响网页的下载速度。所以网站中的图片既要美观、符合网站的内容，又要少而精，放在最需要的地方，起到画龙点睛的效果，增加网站的吸引力。页面设计中图片形象的远近处理会产生不同程度的视觉吸引力。根据页面的需要我们可以改变图片的位置、面积、数量和组合形式来达到页面的整体美观和保持页面的视觉冲击。

网页页面的信息“发源地”—文字、字体。随着网页设计开发的更新和进步以及平面设计的逐渐成熟，网页页面的文字、字体也逐渐呈现出多样化的趋势。从最早的宋体、黑体。到现在的衬线字体和无衬线字体，都发映出网页页面设计在时代的发现下逐渐进步和完善。

而网页界面的文字字体越来越丰富，富有设计感。网页界面不再变得枯燥乏味，而是更注重页面字体所带来的设计美感。字体种类的搭配是展现设计师能力的一个表现。

图5:

如上图所示，此页面采用的字体主要有Square721 BT、Arial、Modem No.20 三种字体。LOGO中的“WHISPERING”运用的Modem No.20字体 主要突出LOGO在页面中的特殊性和特殊样式，让LOGO与界面中的字体与众不同，既有美化效果也有增强视觉效果。让LOGO变得易于让用户发觉。运用不同的字体可以增强界面内的效果，不同的字体、字号、字据、行距、行宽的设置都会对网页产生微妙的效果。页面内可以由多种字体组成，但是不能多到泛滥，这样会误导用户是用户无法根据网页中的字体这一微妙的形式 去寻找共同特点。让用户产生不知道下一步应该怎么做。什么样的字体就用作什么样的位置，比如：标题文字就是页面中最活跃的一个元素，具有很强的导读功能。

网页中使用的文字大多分为中文汉字和英文、阿拉伯数字等。中文使用语网页设计中内容部分一般会采用9-12 Px大小的文字字体，而英文和阿拉伯数字由于易读性较高，字号可相对缩小。

应用透明的效果来烘托页面的层次感和动态感觉，通过阴影，凹陷，透明来实现立体的网页。

搜索栏隐藏效果，为了让用户看的更清楚我添加了绿色的“发光点”细节和指示箭头的效果。这个小小的细节可以更人性化的让用户参与体验我的网站。

网页说的简单点就是网络的一种招贴形式，同处在一种环境下其实我们和平面招贴设计并没有多大的区别。唯一不同的是我们通过各种细节的效果把一些元素烘托出来，让他们更加逼真立体，从而把用户由旁边观看改变成主体感受。

进入论坛交作业：http://www.missyuan.com/viewthread.php?tid=485349