网页设计师两项必备的基本能力

文章来源于站酷，感谢作者 deuly 给我们带来经精彩的文章！

设计教程/前端设计/前端设计2010-09-14

此文章是近期一次公司组织的设计师培训活动中，我为公司北广东区准备的《我在这里做设计——空》演讲中的节选。

此文章是近期一次公司组织的设计师培训活动中，我为公司北广东区准备的《我在这里做设计——空》演讲中的节选，主要讲的是网页设计师必备两项基本能力——版面设计和彩色配搭，自身经历和方法可能对在战斗一线的设计师有所作用吧，那也是此次活动中我觉得唯一自己能讲的东西。因为有上下文联系，如果看得有一些茫然请谅解。

一、版面设计

正在我对软件操作得得意洋洋的时候，热衷于各种快捷键操作得溜的时候，以飞快的速度处理各种效果的时候，隐隐约约地感觉到我做出来的网站似乎总是看不顺眼，感觉好像老是不对，对于哪里不对劲，自己也一直搞不清楚。平时做网站的时候大家一般都喜欢到酷站找一些灵感还有参考，我也是一样，有几次打了几个非常简洁的国外网站，进去之后感觉非常不错，这些网站通常就是几条线条和几个色块组成，简单之余给人第一眼看着感觉就很舒服。于是沿着这个思想慢慢进行探索，发现了网站的版面比例分配是让人感觉舒服的一个关键点，简单的一个例子，版面上只有两个方块，但是有的人摆出来就看着好看，有的人搞出来感觉老是不到位。

网页设计师两项必备的基本能力

版面设计举例

打个比方吧，在座的帅哥和美女，爱美之心人皆有之对吧，帅哥都喜欢看美女，美女都喜欢看帅哥，觉得美觉得帅的根本原因是什么，是面部的五官的比例分配，眼晴、鼻子、眉毛、嘴巴、耳朵大小和位置分配得好了就美了帅了，如果分配得不好了那也没有办法嘛，天生的嘛。版面设计也是同一道理，各位块与块之间的大小比例和位置也是决定版面的第一感觉。

网页设计师两项必备的基本能力

版面设计举例-美女

提高版面设计水平的方法，一方面是通过学习版面设计一些专业书籍，比如我看过的佐佐木刚土的《版式设计原理》、达博纳的《英国版式设计教程》这些国外的书籍，或者靳埭强老师的经典之作《视觉传达设计实践》，因为我看过感觉还可以，推荐大家如果有空的时候可以简单地看一下;另外对排版我自己有一个比较土的方法，可能有点愚笨但还是想在这里与大家分享一下。当时我采用了完全黑白色块的排版方式，把每一块内容暂时先用一个灰色的色块暂时代替，然后看彼此之间的大小比例和位置是否协调，如果不理想的话调整至合理比例之后再填充内容，这种就是典型的书籍排版方式。

二、色彩搭配

然后填充进去内容无论是文字还是图片，我都把他们调整成黑白色，为了是保证我的版面布局的合理性。然后就发现我变成色盲了，整个灰白色的版面。接下来就是训练自己对色彩的敏感度了，将一个灰白色的版面要调整成一个你事先想象中彩色鲜明的效果图。第一步我喜欢先把释放标志的色彩，因为一般标志都会包含企业色彩，也直接决定了整个版面色系选择。然后再一步一步把背景、导航、边栏的色彩逐步做上去。这样反反复复来回调整，选择一个自己感觉合适的方案。对色彩的感知是可以通过训练慢慢提高的，如果真的感觉自己找不到方法无法提高的话，我建议还是要找几本书好好去看一下，例如日本视觉设计研究所的《七日掌握设计配色基础》就是一本不错的教程。关于色彩设计的书可以让设计师学习找到色彩的最基本感知能力。

版面设计和色彩搭配这两个方面如果掌握好了，那对于一个设计师来说就相当吃了一颗定心丸，因为这时你已经拥有了为企业网站设计做出一个漂亮的界面两项最重要的能力。当时整个公司的设计师都在PK工作量，每天都传出来哪个公司的设计师做了多量，那时我保证每个月大概完成相应量的情况下，我花了更多的时间在训练版面设计和色彩搭配上面，而这段时间至少是半年到一年。

讨论：http://www.missyuan.com/viewthread.php?tid=479401

情非得已