在创建网页时,需要遵循一些基本的设计原则和完善。
先是一致性,即确保网页设计的整体风格一致。防止每个部分被隔离和分散,否则会导致页面看起来混乱。
连贯性,这点在处理网页内部页面之间的关联关系时非常重要。应利用元素内容的内在联系和呼应,同时保持整个网页设计的风格统一,实现视觉和感观的连贯,使整个网页设计无缝衔接。
接着是划分,也就是将网页内容分割成几个部分,让每个部分都有清晰的视觉辨识度,以便用户阅读。信息量过多时,需要注意如何有效地划分页面,从另一角度看,划分也可以看作对页面内容的分类和归纳。
对比是通过矛盾和冲突来增添网页的活力。对比的方法有许多,如多少、曲直、强弱、长短、粗细、疏密、虚实、主次、黑白、动静、美丑、聚散等等,但使用时应注意,过度对比可能破坏美感,影响一致性。
和谐是整个页面符合美感规则,一体化。如果设计只是颜色、形状和线条的随意拼凑,那么作品不但没有“生命感”,也无法达到设计的传达功能。和谐不仅要看结果,还要看视觉效果能否与用户产生联系,产生共鸣,这是评价设计是否成功的关键。
在网页设计中,优化是一个重要环节,它影响了页面的浏览速度和适应性,以及用户对网站的印象。
在新闻类网站中,字体也是重要的元素之一,必须优化。通常,我们会通过CSS样式表来指定字体的样式,比如将字体设定为宋体,大小设定为12px,颜色根据背景色来设定,原则上要求清晰且和整个页面协调。在白色背景上,我们通常使用黑色,这样能减少视觉疲劳,保证用户在长时间浏览网页时的视觉效果。
图片是网页中的重要元素,需要进行优化。优化图片可以在保证浏览质量的前提下,降低其大小,从而提高网页的下载速度。使用Photoshop6或Fireworks4等工具可以将图片切成小块,分别进行优化。
表格是页面布局中的重要工具,我们可以设置表格的宽度、高度、边框、背景色、对齐方式等。当我们需要定位页面中的元素或确定元素的相对位置时,常常会将表格的边框设为0。由于浏览器在加载网页代码时,要等读完整张表格才会显示,因此,设计页面表格时应尽量避免把所有元素嵌套在一个表格里,同时嵌套层数也要尽可能少。
网页的适应性也很重要,由于在不同系统、分辨率和浏览器下,界面的展示效果会有所不同。一般,我们会在800*600的分辨率下设计网页,以保证在其他条件下能保持基本一致且无大的视觉难题。