我要投稿
当前位置:首页 > 经验分享 > 网页设计有哪些设计原则?
网页设计有哪些设计原则?
2018-4-17 10:54:00   作者:安安靜靜的當自己   人气:3次  评论(0)
所属标签: 设计经验 

  网页设计也有原则哦,设计出一个美丽、吸引人、大方的网页需要遵循几个原则才能使网页体现出美感。

  

  设计是有原则的,无论使用何种手法对画面中的元素进行组合,都一定要遵循五个大的原则:统一、连贯、分割、对比及和谐。网页设计的原则有一下几点:

  

  网页设计的几大原则 统一,是指设计作品的整体性,一致性。设计作品的整体效果是至关重要的,在设计中切勿将各组成部分孤立分散,那样会使画面呈现出一种枝蔓纷杂的凌乱效果。

  

  连贯,是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应,并注意整个页面设计风格的一致性,实现视觉上和心理上的连贯,使整个页面设计的各个部分极为融洽,犹如一气呵成。

  blob.png

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

  

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

  

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

  

  以下是在网页制作时要注意:

  

  1、20秒60kb原则

  

  据统计,按目前网络下载速度(窄带),浏览者可忍受的时间大约为20秒,文件大小约为60KB,否则一页图文太大,没有人愿意等待。

  

  2、设计工具选择

  

  我个人观点是使用Micromedia出品的Dreamweaver。其功能强大,可以区分两大主流浏览器Netscape和IE各自所支持的语法。而微软的Frontpage,正如VJ++、Winperl等其他微软系列只强调了微软Windows操作系统,同样的,Frontpage也不太关心除IE之外的浏览器。而且Frontpage98在字体排版的上下文关系上,经常令人头痛。

  

  3、测试

  

  测试常用浏览器Netscape、IE高低版本;测试浏览器窗口大小;测试不同尺寸显示器效果;测试各种分辨率(可以使用专门测试软件Broswersizer);测试图片颜色、字体大小;测试各种操作系统包括英文系统外挂中文平台方式的语言解码是否正常。

  

  4、经常更新网页内容, 有新鲜感

  

  网站内容保持新鲜,定期检查,不能有“空”的链接。另外,版主要避免过多发表个人化色彩浓重而偏激的言论。

  

  5、改版

  

  每隔几个月到半年,可考虑“中规模”更改版面设计,循序渐进,避免一下子产生大的版面变化,使浏览者一时无法适应。

  

  6、文件名大小写

  

  Unix服务器文件名大小写敏感。

  

  7、图像文件不要太大

  

  找一些图像压缩工具反复尝试,把图片尽量做小。若“256色”和“高彩真彩”看起来相差不大的,就用256色罢;如果图片颜色丰富,选用jpg格式可能就比gif格式得到更小的文件。加入alt,可以在载入过程中显示替代图片的文字;加入width和height,可让浏览器预留没下载完的图形文件位置而去先显示别的文字内容。如果网页图片较多,有文本方案最好,因为总是有些人在“美”和“用”之间,选择“用”。

  

  8、考虑不支持某些功能的浏览器

  

  如Applet、javascript、VBScript、CSS、XML、ActiveX、Frames,VRML等等,都要事先设计替代的图片或者文字。

  

  9、交互性设计

  

  例如讨论组、购物登记,但需要注意,一是不可滥用技术,象过多的使用Applet;二是不可设置无必要的障碍。像新浪网的讨论组我就不喜欢,因为在上面发帖子之前需要登记一大通,麻烦的是你还要等几个小时到一天时间才能收到确认的账户密码。

  

  10、不可作“强暴”访客之势

  

  比如页面打开, 劈头就是一篇音乐唱个不停,却不明确终止播放的方法。