原文地址:WEB2.0 Design Style Guide
翻译整理:西米CC
本教程中将详细阐述传统的图形设计元素是如何应用在现代(2.0时代)的页面设计中的,然后我将解释为什么它们能流行开来,以及如何、何时、在哪里使用这些元素。相关的理论都是建立在“传统样式”这篇文章的基础上,在这里只是针对如何将之应用到当前的web2.0中做了更深的分析而已。
这里先罗列当前的一些典型”web2.0″站点的风格特征,当然,一个站点没必要将这些元素都发挥到极致,并且即使用上了这些元素,也不能让你的设计看上去就像2.0了:
1. 简约的界面风格
2. 严谨的中轴布局
3. 精炼的内容分列
4. 独立的顶部版块
5. 鲜明的版块划分
6. 简明的站点导航
7. 醒目的Logo标志
8. 大号的字体应用
9. 易读的文本介绍
10.亮丽的颜色搭配
11.友好的视觉感受
12.柔和的颜色渐变
13.晶莹的抛光效果
14.精致的页面图标
15.灵动的星形标志
这些设计风格并不是在所有场合都有效,凡事总有例外的。所以肯定存在一些错误地、过度地、没经过思考就使用这些元素的反面教材。仅仅将它们全都揉合在一起可不能为你创造出一个好的页面设计来,就像将鸡蛋、糖及面粉搅和在一起可不能马上就得到个蛋糕。
设计网页需要一种能将各种元素巧妙的融合在一起的能力,而且大多数时候它们都是相对的,而一个好的页面设计当然就是平衡了各种元素的方案了。
Web 2.0?!
我使用“Web 2.0设计”来描述一种当前很流行的页面设计方案,而有很多人将Web 2.0描述为:
1.网络经济的复兴;
2.网站与服务之间更高级别的交互技术;
3.或者是一种建立在当前在线社区及社会化网络之上的社会现象。
还有一些人将这个术语用在最近的网页设计教学中,我觉得这个语义很符合我这里用的感觉。
引言—— 简约:返璞归真的设计风格
接下来我们开始体验当前最流行的各种页面设计风格及要素,并为你分析为何它们每个都那么成功,最后当然是教你如何在自己的站点里使用它们了。如果要我用一个词来总结Web 2.0设计,我会选择”简约”。我觉得“简约”是未来设计的发展方向,当今这些简单、醒目、优雅的页面用更少的元素传递了更多的信息:
1.它让设计师能从网站的功能出发,避免用户被无用视觉元素干扰,引导用户一步步的使用这些功能;
2.它用更少的话去表达更多的含义,这样就要求每张图片都必须经过精心选择以达到所需要的效果;
3.它颠覆了我们无法预测用户需求的观点。