11 丰富的平面效果
许多web 2.0 风格的网站适当地使用精致的3D效果，以加强设计的质感。
我们都知道这些精细的效果感觉很好，但并不知其中缘由。
逼真的平面效果（如阴影、渐变及倒影）有助于让可视界面感觉更真实、结实、精致。这些效果也可以唤起我们对某些现实世界中物体的触觉和美感，比如水滴、闪亮的塑料按钮、大理石地板。让界面看起来结实、真实可以让人感觉是可触摸的，有呼之欲出的感觉。
何时、如何使用丰富的平面效果
这里金科玉律是慎重使用，而且不要过度使用。
正如我在 3D效果设计指导 中解释一样，这些效果不应该用于所有对像。
和所有的技术一样，敏感地、适当地使用丰富的平面效果可以增加设计的价值。
如果网站的导航/icon/logo/布局根本上很糟糕，那么并不能以此达到效果，正确的基本原则才是首要的。
保持一致的光源也很重要的。虽然可以借助逆光散射制作更复杂效果的按钮等，但是仍然需要把握总体设计感觉的一致。3D效果也可以是元素从页面中突出来，但仅仅在其余的页面相对平的情况下有效。
避免试图让整个设计3D化，因为：
- 更大的工作量
- 将会增加页面的大小
- 不需要这样做。3D效果使用许多不同的像素，而不同的像素应该是有意用来吸引用户注意关键内容，或者加强“软”信息外观的，少量即可见其效。
12 渐变效果
Web 2.0 设计使用中许多渐变效果。
为什么渐变如此有用？
渐变使原本平乏的色块变得柔和。
渐变可以创造非平面的错觉，在Alex Dukal作品集中达到了良好的效果。
渐变可以用来逐渐加亮或加深色块，以创造网页的整体氛围。
在网页背景中，渐变也可以创造距离的错觉。常用的渐变组合是由蓝色到白色，产生 空中透视（aerial perspective）的效果，创造背景在地平线消失的效果。
渐变经常被用在网页背景的顶部，以助于产生可视区域的分界线。
渐变也是阴影、内发光、镜面高光的主要部分，正如在玻璃质感或塑料质感的按钮中所见。
注意，渐变在并列区域颜色平铺的时候最有效。
在Curve2 主页中，渐变显得更加有效，因为每个渐变放在临近白色或灰色块的地方。这是常见的渐变加强基色（在Photoshop中使用诸如颜色加深、覆盖的混合效果），创造巧妙的不同的色调。
上图中，突出的绿色比深的基色更加温暖、更加友好，总体效果柔和、丰富兼具。
13 倒影Reflections
倒影的视觉错觉是在渐变中最经常使用的效果之一。
通常有两种实现方式：
- 光在有光泽的平面上反射产生的高光效果
- 有光泽的桌面效果
高光曲线-Specular highlights
水滴、玻璃珠、闪亮的塑料按钮等效果在过去几年已经很流行。我不知道这种趋势何时开始，但苹果的网站应该是最有影响力之一，以及以前的水滴界面外观Aqua interface look & feel。
下面是一些例子：
Apple.com 经典的标签按钮，现在仍然在使用。它们使用标签上的光源结合内外发光产生的高光实现塑料效果。
这些标签源自我最近的设计中，这里有一个抛光（从一个亮白色的高光里）碳纤维外观。碳纤维的效果来源于对角线中的图标发光。
更漂亮的光泽塑料，注意倒影如何附着在图形的边沿上，产生边缘圆滑效果的错觉。
类似的效果在方形上看起来像一个徽章。非水平角度产生活力的感觉。
来自 cafepress.com 的光泽按钮使用圆滑的倒影，如同一个宽光源反射在圆形表面上。
来自主机商 Mediatemple 的按钮有更多的漫反射，达到无光泽的玻璃效果。
桌面光泽（反光）效果！
这也是苹果开创的（我确定）。现在这个确实漂亮的效果如此流行，使其处于过度使用的危险中，现在已经开始审美疲劳并被设计师抛弃。
记住，网页设计师通常对这些东西更感性，这是理所当然的，所以即便这种效果被设计师抛弃，在未来的一段时间里一般公众也许仍然觉得这种效果很酷。
标准的苹果外观，白色基调上的灰色褪去。
在着色的背景上。
向两边淡出
更极端的角度，丰富的分层效果。
如何制作这样的效果（来源于photoshoplab.com） »
14 可爱的图标Cute icons
图标在Web 2.0 设计中扮演着一个很重要的角色。现在我们使用更少、更精致且具有更多含义的图标。
当图标易于辨别且带有明确含义时是有用的，而在许多其他案例中，一句简洁的话更有效。
在过去，图标被过度地使用，看起来每个人都想为每个导航链接或标签使用图标。现在，我们更广泛地使用清晰的文字，不愿再去用图标弄乱页面。
做图标的Web 2.0设计师被保留在价值更高的地方。
更简洁、更开阔的设计要求对丰富的图标更少关注和允许。
一些例子，说明各种情况。
简洁、干净的
可爱、古怪的
没有必要的特写小山！
丰富详细地
设计灵感源于Mac OSX， Enhanced Labs 查看更多案例。
15 星光闪耀 Star flashes
下面是粘贴在网页上的星形标签，用于提醒用户注意某些重要信息。
星形在低价商店中做价格标签吸引客户。由于这个原因，许多Web 2.0 网站中开始使用它，同样的原因是它可能比其他网站便宜。
星形标签很有效，当然只能用于吸引注意力到某些重要的信息。我建议一个页面上只用一个（最多一个）！
另一种风格看起来被过度使用了，在未来一年可能会按常规发展。
（译文完）
via：http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm
Loading...
