zoukankan      html  css  js  c++  java
  • 浅谈网页设计的形式美法则

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

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

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

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

     

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

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

     

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

         

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

        

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

  • 相关阅读:
    汉罗塔问题
    有进度条圆周率计算
    turtle库笔记
    OwnCloud建立属于自己私有的云存储网盘
    HTTP 常见请求状态码
    虚拟机部署Kubernetes集群
    常用文件头(16进制)
    配置LAMP环境
    Linux系统日志
    Java的socket通信与操作系统的SocketAPI关系探究
  • 原文地址:https://www.cnblogs.com/babyzone2004/p/1774983.html
Copyright © 2011-2022 走看看