法则1：光线来自天空
阴影能够告诉人脑我们到底在看什么样的UI元素。
这可能是学习 UI 设计时，最容易忽略却又极为重要的一点了: 光线来自天空。光线总是从天空（上方）来的，从下面照上来的光看起来会非常诡异。
当光线从天上照下来的时候，物品的上端会偏亮，而下方会出现阴影。上半部分颜色浅一些，而下半部分深一些。
通常会内嵌的元素：
文字输入框
按下的按钮
滑动槽
单选框（未选择的）
复选框
通常会外凸的元素
未按下的按钮
滑动按钮
下拉控件
卡片
选择后的单选按钮
弹出消息
等等，现在不是追求扁平化的设计吗？
法则2：黑白优先
在上色前用灰度模式设计可以简化大量的工作，让你更加关注空间和元素布局。
UX 设计师现在都喜欢“移动优先”的概念，这就意味着你要先考虑好在手机上如何显示页面，然后才考虑在超清的 Retina 屏幕上的显示效果。
这种限制非常好，能够帮你理清思路。先解决一些棘手的问题（在小屏幕上显示）。然后再解决简单的问题（在大屏幕上的可用性）。
法则3：增加空白空间
为了让UI看起来更加有设计感，留出一些空白的空间。
在第 2 条法则中，我说到了黑白优先的原则，让设计师在考虑颜色之前先想想空间和布局，那么现在我们就来说说如何安排空间和布局。
法则4：学会在图片上呈现文字
在图片上优雅地呈现文字并不容易，如果你想要成为好的 UI 设计师，你必须学会在图片上美观地呈现文字。优秀的设计师在这方面做得都不错，而水平较低的设计师往往在这方面也比较差，甚至完全不会。在学习了这部分以后，相信你会有很大的提升。
法则5：做好强调与弱化
把文字设计得又美观又得体通常就是通过放大或缩小文字，做出反差的效果。
我认为，UI 设计最困难的地方就在于文字的装饰，因为设计文字时需要考虑的因素太多了：
字号
颜色
字体粗细
大小写
斜体
字母间距
页边空白（准确的说不是文字的一部分，但是容易影响阅读时的注意力，所以也算在这个列表里了）
法则6：只用合适的字体
有些字体很不错，就用它们吧。
注意:这一部分没有太多知识要学，我只是给你推荐一些好用的免费字体给你。
有的网站很有个性，会用到比较特别的字体。但是，大多数产品的 UI 设计只要保持干净、简洁就可以了。所以，把那些太花哨的字体放到一边吧。
法则7：像艺术家一样偷师
我第一次坐下来试着设计按钮、图标、弹窗等各个 app 元素时，我感到我对于什么是“好”知之甚少。但是我也很幸运，我并不需要完全设计全新的 UI，因为有很多优秀的作品可以借鉴。
扫一扫 就有礼！
有价值的教育培训资讯 扫一扫 收听优训网微信
广州市越秀区解放南路123号金汇大厦24楼
189 2234 6950
Email:
手机访问优训网
机构入驻 加盟咨询