标签：
本文原文来自于 Medium：https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda，作者为：Erik D. Kennedy https://twitter.com/erikdkennedy。
虽然是译文，但是我在字里行间里也会加入自己的一些看法。
首先，这个讲义并不适用于所有人，他主要是为了：
如果你是一个设计学院的学生或者认为自己是一个很不错的 UI 设计师，那么你也许会觉得这篇文章有点乏味，错误甚至是令人反感的。不过，anyway。
那这些准则可以告诉你什么？
首先，我曾经是一个完全没有 UI 技术的 UX 设计师。当然，我热爱设计交互，但我之前并没有很重视他直到发现设计一款好的交互有很多的好处。
我和很多人一样，有一个接口，那就是我对“美”没有概念。作为一个工程师、程序员，做一个其丑无比的样式简直像是天赋。
最后，和学习其他的创造性工作一样，我也掌握了一些美学的标准：他们标准化，需要认真的思考。并去借鉴那些展示效果很棒的设计。因此，在被支付1个小时的薪酬下，我用了10个小时来研究一个 UI 项目，而多出的9个小时则是无尽地学习。玩命地在 Google, Pinterest 和 Dribbble 上去搜索、抄袭那些成功的设计。
而这个文章里的“准则”就是从这些多余的学习中总结出来的。@那些“nerds”，如果你觉得我现在做的 UI 设计确实不错，那是因为我用了很久地时间去思考和分析，而非找到了什么窍门或是神乎其技的直觉。
这篇文章也非理论，而单纯的是一些应用层面的指导。所以你绝对看不到啥黄金分割，更不会有什么配色，唯一需要的就是学习、分析、训练。
做个比喻，如本的柔道经历了几个世纪的发展，里面蕴含着武道、哲学的思想。你去上柔道课，除了击败对手，也会学到很多关于能力流动、平衡的知识。而这篇文正里的内容更像是 Krav Maga（一种自卫搏击术），它发明与1930年代的捷克接头，用于反抗纳粹。这种波技术力没有任何的“道理”，你所要学的就是用尽一起方法干掉对手。
阴影可以非常有效地让人类大脑去快速分析理解一个 UI 里的元素。
这也许一个非常重要的、但被人忽视的 UI 准则：光从上天上照射下来。当光从上测照下，物体的上面被照亮，而下面会被映出阴影，因而上端颜色略浅，下端略暗。如果翻转过来，你可能会回想起那些恐怖电影里，用手电筒自照的女子。
在 UI 设计里这是同理。为所有的页面元素的底边加上一点点的阴影，就会让一切有一种 3D 效果。
例如这个简单设计过的buttons：
这样的光影效果可以被应用于很多地方。 
例如 iOS 6 里的开关设计，你可以明显感觉到内嵌的按钮通广上端的光纤呈现出拟物立体感，而这其中包含着很多很多的效果：
同样的设计也出现在下图中：
那些内嵌的元素：
那些外凸的元素：
这样的设计几乎随处可见。
iOS 7 的非标准扁平化设计轰动了整个技术设计界。在没有凸起和内嵌的世界里，只剩下了简单的直线、几何图形和纯色。
我同样喜欢简单干净的设计，但是这可能不是一个长期的潮流，因为抽象出来的类 3D 效果肉眼看起来舒服太多了。而更有可能的是，那种半扁平的设计将会主导设计风格，而这种风格被我称作 “flatty design”。它维持了干净简单的观感，但是较为隐晦的阴影会凸显那些 点击、滑动、点触的效果。
当我在写这篇文章的时候，Google 为其全产品线推出了他们的设计语言 “Material Design”。这样一种统一化极高的设计风格其实就是在寻找一种高度抽象的光影色彩来模拟现实世界。
所有的 Material Design 展示、讲解中都明确地表达了不同高度下风格的特点：
这种 微妙 的样式变化，展现了一个全新的但又更贴近现实的设计风格。当日，这和 2006 年的电脑界面不同，那时没有纹路、渐变色和光泽。
Flatty将会引领未来，那扁平设计呢？哈哈，其实早就实现啦：
标签：
原文地址：http://www.cnblogs.com/goodbeypeterpan/p/4252255.html
