2009年4月15日星期三

评: 网页的布局和配色技巧

有一些关于“我”的事情大多数人可能都不了解:虽然我做设计已经5年了,但我第一个工作是 Flash 工程师,大部分时间都工作在 ActionScript 上。事实上,我的所有教育背景都有关电脑程序设计,而且从来没有专门学习过设计。
尽管如此,有些时候我确定我喜欢设计更多,特别是网页设计。所以我既不是权威的程序员,也不是优秀的艺术家。我只是一个喜欢干净、专业的外观设计,对网页设计略知一二的家伙而已。
我知道很多人很奇怪:一个根本没学过设计的家伙怎么能制作出美观的网站呢?是的,我认为可以做到。怎么做?就用常识!以下是8大有关干净网页设计常识:

1. 布局


如果你不仅想当一个优秀的设计师,还想当一个有效率的设计师,你应该学学如何化繁为简。要学会站在前人的肩膀上。只需使用标准的网页布局就可以了,限幅和执行都会简单得多。

2. 配色方案


可别两眼一抹黑就埋头开始设计。制作一个协调的网页,很重要的是要先决定配色方案。如果你已经有了一个品牌规划(或者至少一个 logo),问题就简单多了。或者也可以使用在线配色工具。建议去 Kuler (来自Adobe Labs)看看。

3. 透明度


是的,没错。透明度是你的朋友。透明度可以帮助你减淡或加深颜色。我总是喜欢用 Alpha 通道处理纯色或选区,以达到我想要的效果。设置透明度也可以丰富你的配色方案。只需要添加一个黑色或白色图层,然后调整图层透明度就可以了。

4. 对比度


这里没什么要点。只要记住确认文字可以清晰显示就可以了。不是每个人都有那么好的眼力,所以要保证内容的易读性。要不然,你的跳出率就会倍增。当然有的时候也要使用较低的对比度,但是打死我也不信红底黑字很美观。

5. 版面与字体


颜色方面,如果你已经有了品牌规划就很简单。但如果没有任何规划或没制订任何标准,问题就大了。如果你还不确定使用什么字体,千万别用那些稀奇古怪的字体。版面和字体可能是建立品牌的最重要的外在因素。找资源的话可以去“ I Love Tipography”:一个专门讨论版面与字体的博客。

6. 渐变


你是否见过那些明显的渐变,从非常暗到非常亮?我恨那些渐变!嗯...当然,也有些设计能很好地利用渐变,但是大多数情况下它们都很糟糕。如果你想用渐变 的话,尽量使用接近的两种颜色。否则,色调很难与文字配合。其实你只要安排好了版面和字体,渐变不渐变就不重要了。以上只是个人的一点拙见。

7. 图片


既然有那么多高质量图片资源,使用低质的图片就是一种耻辱。我个人最喜欢的是 iStockphotoFlickr 的创作共用(首先要读一读版权)。添加图片的时候,你应该谨慎选择文件格式,以保证高质量与高速度并存。

8. 华美的网页


我之所以写这一项,是因为我希望所有人都忘掉了“充斥着GIF、蹩脚的美工图案和满目的阴影”疯狂愚蠢的90年代。否则,我要告诉你两个词:Google+Search">CSS 画廊。好好看看,学点有用的!

9. 好吧,我说谎了!

我知道以上所有内容对于经验丰富的设计师来说都是最基础的,我并不是指望通过分享智慧来获得赞美。这篇文章仅仅面向刚刚接触网页设计的人,提供一些建议,帮助他们制作干净、专业的网站。
我的最后一个建议也许是最重要的一个建议:如果你正处于某种尴尬境地,不知该选择设计工作还是编程工作,不管怎样选择你最热爱的。如果你根本不热爱设计,别选择设计工作,因为所有人都在设计。网络上充斥着无聊蹩脚的设计。当一个牛逼的程序员可比当一个平庸的设计师好多了。

原文标题:8 Common Sense Tips for Creating Clean Designs
原文地址:http://rubiqube.com/8-common-sense-tips-for-creating-clean-designs/
作者:Adrian Diaconescu
译文:http://zanbu.blogbus.com/logs/30138513.html


-------------------------------------------
i3server
i3server
www.86-00.com

没有评论: