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

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

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

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

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

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

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

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

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

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

转载于:https://www.cnblogs.com/babyzone2004/archive/2010/07/10/1774983.html

浅谈网页设计的形式美法则相关推荐

浅谈网页设计中的色彩理论
无可争议的是,色彩是任何设计领域中最重要的一方面. 设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择.颜色是很有力的工具,所有设计师在设计网页时就应该明白这 ...
浅谈网页设计中的构图
网页给人最直观的感受就是它的页面框架与构造,就像一座大楼的主体框架与形态,你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外墙,但我想你一定记得起它们的什么样的形状.同样,网页设计中的构 ...
浅谈网页设计中的黄金分割
您还可以参考以下网页设计相关资源: <美学设计-黄金分割与九宫格> <使用CSS创建三列固定布局结构> <精选15个国外CSS框架> <精选31个网站界面设计 ...
浅谈数据库设计技巧(上)
浅谈数据库设计技巧(上) 说到数据库,我认为不能不先谈数据结构.1996年,在我初入大学学习计算机编程时,当时的老师就告诉我们说:计算机程序＝数据结构+算法.尽管现在的程序开发已由面向过程为主逐步过渡 ...
中鸣循迹机器人_浅谈机器人设计方法
浅谈机器人设计方法摘要: 机器人是人类完成智能化中非常重要的工具, 随着时代的发展, 机器人已经在世界有了一定的发展,甚至很多国家机器人已经运用到实际的生活中去. 而机器人的设计方法无疑是很多人 ...
浅谈工厂设计--java必备技能
浅谈工厂设计–java必备技能说到工厂,我就联想到了亚洲的大工厂富士康–接过订单然后按照固定的模板生产商品,其实java中工厂类中的工厂方法也是一样,接过参数,根据参数来生产需要的商品: 今天我们一 ...
浅谈购物中心设计之外立面设计注意点
购物中心的主体定位中,可以通过外立面设计充分的发挥和展现个性,吸引八方游客,从而使购物中心的商圈辐射超越了地区的界限.具体来说,购物中心外立面设计需要注意哪些方面呢?我们今天就来浅谈购物中心设计之外立 ...
计算机中用户的分类有哪些,用户分类浅谈交互设计 -电脑资料
说到网络产品,离不开的话题就是用户,就像传统行业的消费者, 不分类不好定位, 好的用户分类让我知道了我在追求哪些人,满足哪些人,影响哪些人.但分不好类又会错位,更糟,那怎样才能对某一款产品的用户群进行 ...
我的家乡网页设计_Graphic Design|康石石浅谈LOGO设计在作品集中的创作方法
写在前面的话平面设计范畴极广,其领域不仅限于常见的版式设计.海报设计.LOGO设计.VI设计.书籍装帧.广告设计.网页设计.在艺术留学申请过程中,学习平面设计的同学们需依据目标院校对作品集项目及页数 ...

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

浅谈网页设计的形式美法则相关推荐

最新文章

热门文章