网页设计四大原则

zxh5566  2016-07-17 15:21   Hits: 

做出优秀的设计从某个角度来说其实很容易只要知道网页设计的四大基本原则并能融会贯通,你会发现设计出优秀的网页要比你想象的要容易的多。
以下列出的就是设计的四大基本原则:对比,重复,对齐,亲密性;其中重复对于网站的设计具有重要意义,在一个好的网页设计中,最重要的两个因素就是重复和清晰,其他三项原则可以使页面看起

来很不错,更合理;

对比 :对比的基本思想是:要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。
要让页面引人注目,对比通常是最重要的一个因素,它正是读者看页面时首先看到的。
对比的根本目的有两方面,这两个方面相辅相成,一个目的是增强页面效果,让内容看起来有意思,更有可读性。另一个目的是有助于信息的组织。读者应当能立即了解信息以何种方式组织,以及逻辑

过程,对比元素不能让浏览者混淆,错误地强调重点。
可以通过字体选择,线宽、颜色、形状、大小、空间等等来增加对比。对比一定要强烈。不要犹豫。
如果你想形成对比,就加大力度。不要将一种粗线与一种更粗的线进行对比,不要将棕色 文本与黑色标题建立对比,要避免使用两种或者多种类似的字体,如果各个项目不完全一样,那就……干脆让他

们截然不同

重复:让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片等等,这样一来,既能增加条理性,还可以加强统一性。
重复的目的就是统一,并增强视觉效果。不要低估页面视觉效果的威力,如果一个作品看起来很有趣,它往往也更易于阅读。重复可以保持一致性,现在需要把现在的一致性推进一步。
重复就像是强调你的衣着。如果一位女士穿着一件可爱的晚礼服,戴着一顶别致的帽子,她可能会用红色的高跟鞋、红口红和一朵小花来突出衣着。要避免太多地重复一个元素,重复太多让人讨厌。要

注意对比的价值(马上揭晓)。
例如,合理的运用重复会让访问者知道自己是否还在同一个网站中,要有一致的导航系统和图片风格,使访问者总能知道他们仍然在同一个网站中,可以重复一种颜色方案,使用同样的字体或按钮,或

者在每一个页面上面的同一个位置放置风格类似的图片元素,这些都能帮助你达到目的;合理的重复可以提供一种统一和连续性,这是所有优秀的网页设计比不可少的特性;


对齐:对任何东西都不能在页面上随意安放。每个要素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。
对齐的根本目的是使页面统一而且有条理。其效果类似于把客厅里四处零落的洋娃娃捡起来,并把它们放在一个玩具箱里。
要避免在页面上混合使用多种文本对齐方式。另外,要着力避免居中对齐,除非你有意识地想要创建一种比较正式、稳重(通常也更乏味)的表示。
并不是完全杜绝居中对齐,有时可以有意选择这种对齐方式,但是不要把它做为默认选择;要特别注意元素放在哪里。
应当总能在页面上找出与之对齐的元素,尽管这两个对象的物理位置可能相距很远。

亲密性 :彼此相关的项应当靠近,归组到一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。
这有助于组织信息,减少混乱,为读者提供清晰的结构。亲密性的根本目的是实现组织性。利用亲密性的原则,就能自动实现条理性和组织性。这样使得信息更容易阅读,也更容易被记住。
另外一个好处是可以使空白区更美观,也更有条理。粗略的扫一下你的页面,统计你的眼睛停顿的次数来数一数页面上有多少个元素。
如果超过3-5个,就应该建立更近的亲密性,使之成为一个视觉单元。
不要因为有空白就把元素放到角落或者中央。避免页面上有太多孤立的元素。
不要在元素之间留下同样大小的空白,除非各组同属于一个子集。
标题、副标题、图表标题、图表能否归入其相关材料?尽量避免任何含糊,只在有很近的亲密性的元素之间建立关系。
不属于同一组的元素不要建立关系!如果元素彼此无关,把它们都分开。


上一篇:网页设计中的创意
下一篇:教你快速设计网页效果图