现在的位置: 首页 > 综合 > 正文

浅谈网页设计的形式美法则

2013年01月28日 ⁄ 综合 ⁄ 共 912字 ⁄ 字号 评论关闭

    不知为什么会突然想起写这方面的内容,作为一个前端开发人员,设计能力不是主要的,但是我觉得艺术或者关于美学方面的知识,了解多些对提升自我是大有裨益的。它不仅仅对前端开发的用户体验方面有较大的帮助,也会提高个人的审美眼光和品味。世间万物基本都有着千丝万缕的联系,设计也一样,它对个人的提升不仅仅限于设计上那么简单。

     这里我仅仅谈一些我个人对设计的看法和以前平面设计理论总结。主要分析一下“形式美”法则。网页设计上常用的形式美法则主要是:统一与变化,主从和重点,对秤与均衡。

 

     1,统一与变化:就是说,设计的网页在颜色等主题上统一,在统一基础上最求变化。看下面的例子:http://scoot.co.jp/

    这是个日本网站,色彩以白色为主,你也许会说很多网站都是白色背景的,没错,白色是最常用的色彩也是最简约的,当白色为背景色的时候,主色调不一定就是白色,要由视觉决定的。白色为主,辅以黑色和灰色,就是这个网站的主色调,也就是统一色调。变化的地方就是绿色和红色,这两种色虽然占的面积很少,却避免了画面的呆板。

 

    2,主从和重点:在设计中,主从关系非常密切,没有重点,则显得平淡;都是重点,也就无重点可言了。视觉中心设置的好坏可直接影响到设计的艺术感染力。一般来说,一个造型,一幅图画或一个镜头,视觉中心往往不止一个,但必须有主次之分。主要的视觉中心必须最突出,最有吸引力,而且只能有一个,其余为辅助的次要的。

    还是以上图为例,第一眼的视觉中心就是左上图片,当点击图片的时候,右边的内容就是新的重点,很符合视觉心理学。

 

    3,对称与均衡:上图的例子的元素看起来虽然看起来有些无章法,但是看起来并不觉得乱,这是因为视觉上比较对称均衡,右下角的那个红色的LOGO元素,它就是起到平衡视觉的作用,面积虽然小,但是红色在视觉心理上是重色彩,左上角的元素色调普遍比较轻,所有能起到对称平衡的作用。

     

    基本上,大多优秀的网页设计作品,都能看到以上三点法则的运用。在生活上,很多美学的设计也应用到这些原理。例如摄影,如果上面三点运用得当,拍出优秀的作品是没问题的。

 

    

背景的虚化就是常用的突出重点的手法

抱歉!评论已关闭.