网页设计流程是怎么样的( 三 )




分割,是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使观者一目了然 。在信息量很多时为使观者能够看清楚,就要注意到将画面进行有效的分割 。分割不仅是表现形式的需要 。换个角度来讲,分割也可以被视为对于页面内容的一种分类归纳 。


对比就是通过矛盾和冲突,使设计更加富有生气 。对比手法很多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等 。在使用对比的时候应慎重,对比过强容易破坏美感,影响统一 。


和谐是指整个页面符合美的法则,浑然一体 。如果一件设计作品仅仅是色彩、形状、线条等的随意混合,那么作品将不但没有“生命感”,而且也根本无法实现视觉设计的传达功能 。和谐不仅要看结构形式,而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通,产生心灵的共鸣 。这是设计能否成功的关键 。


网页设计流程的第六步 :网页的优化


在网页设计中,网页的优化是较为重要的一个环节 。它的成功与否会影响页面的浏览速度和页面的适应性,影响观者对网站的印象 。


在资讯类网站中,文字是页面中最大的构成元素,因此字体的优化显得尤为重要 。使用css样式表指定文字的样式是必要的,通常我们将字体指定为宋体,大小指定为12px,颜色要视背景色而定,原则上以能看清且与整个页面搭配和谐为准 。在白色的背景上,我们一般使用黑色,这样不易产生视觉疲劳,能保证浏览者较长时间地浏览网页 。


图片是网页中的重要元素 。图片的优化可以在保证浏览质量的前提下将其size降至最低,这样可以成倍地提高网页的下载速度 。利用Photoshop6或Fireworks4可以将图片切成小块,分别进行优化 。输出的格式可以为gif或jpeg,要视具体情况而定 。一般我们把有较为复杂颜色变化的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优化为gif,这是由这两种格式的特点决定的 。


表格(table)是页面中的重要元素,是页面排版的主要手段 。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数 。很多时候,我们将表格的边框设为0,以此来定位页面中的元素,或者籍此确定页面中各元素的相对位置 。我们知道:浏览器在读取网页html原代码时,是读完整个table才将它显示出来的 。如果一个大表格中含有多个子表格,必须等大表格读完,才能将子表格一起显示出来 。我们在访问一些站点时,等待多时无结果,按"停止"按钮却一下显示出页面就是这个原因 。因此,我们在设计页面表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少 。在使用Dreamweaver制作网页时,会自动在每一个td内添加一个空字符“ ” 。如果单元格内没有填充其它元素,这个空字符会保留,在指定td的宽度或高度后,可以在源代码内将其删去 。


网页的适应性是很重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,我们将会看到不同的结果,因此设计时要统筹考虑 。一般我们在800*600下制作网页,最佳浏览效果也是在800*600分辨率下,在其它情况下只要保证基本一致,不出现较大问题即可 。


说了这么多,只是希望能对做“网页设计”的人有所帮助,希望他们在做网页的时候能够从整体着眼,无愧于“设计”这两个字 。

推荐阅读