UI设计高手是如何去做的！
更新时间：2019-12-24
如果你发现自己做设计时常常把时间花在一些重复性很高、却好像没用到什么大脑的琐事，那可能是你的方法或习惯有待改进；如果自己做出来的稿子怎么看好像都有哪里不对，却又说不上来，那可能是因为有些细节不小心被忽略掉了。
点文案与标点符号
做UI 时无可避免地会包含文字，使用假文是一个暂时的做法；但如果有时间的话，将稿子完成交出前可将里面的文字换成比较真实的内容，这样子会让你的作品看起来更有一回事。
这些真实的文字内容也会协助观看者理解你的作品，一看就能理解了。
另外，应该详细检查是否有错字，或是标点符号是否有用对，如果设计里出现这类低级错误，将会给人一种「连这个都没注意到，那设计恐怕是乱做」的不信任感。
还有一个常见错误是重复出现一样的内容，记得就算是用假文，也要将它做得有机一点，画面的呈现会自然许多。
假图
使用假图也是有诀窍的，这边就直接列表说明：该放头像的地方就放头像，别放插画或是风景照如果TA 是黄种人，就尽量别用白种人的照片（反之亦然）记得解析度要够，别让图片出现马赛克。
点色彩系统
做平面设计或识别系统的时候都知道应该定义好一套色彩系统，做UI当然也是一样，先定义出能满足使用需求的一系列色彩，接着就「尽量」只选用这些颜色，而非每做到一个地方就在检色器里依第六感随便乱选。
而在Sketch 或是Photoshop，可以在色卡表中先把颜色储存好，方便随时取用：
内容增多时的排版应对
在一般状况下，文字溢出换行的机会不高，但身为设计师的你应该要先预想到「万一文字多到需要换行时该怎么办？」，并且确保你的版面能够延展腾出空间来，并在稿子里象征性地放上一两个例子，这样工程师才方便知道如何实作。
UX 心得分享，处理意外状况有三个档次：
让使用者无法触发错误，触发意外/错误时，设计一个自动解决方案，让使用者感觉不到，告知使用者，让使用者处理。
点文字样式
上个部分有提到应该使用一套固定的色彩系统，而非依照感觉随意选色，文字当然也是一样，UI 里各个地方的文字应该有一致的表现，例如一样是标题，就应该要有一样的文字粗细、颜色等样式。
替所有文字设定行高
在Sketch 里，如果你新增一段文字时没指定行高，Sketch 会自动给一个Default Value，但如果将它制作成Symbol，你在原本英文的栏位输入中文，行高会有微小但肉眼可见的垂直偏移：
插入图片的大小
我们有时候会需要在稿子里放一些精美的图库照片，但插入图片时请注意，解析度只要足够UI 呈现就好，图档的宽度比这个数字大是没有意义的，那只会让你的档变肥、电脑变慢而已。
模糊效果
很多人做UI 时都超爱用的模糊效果，但在大范围使用模糊效果要非常地谨慎，如果想让软体跑快一点，可以考虑把有使用模糊效果的图层直接压平成点阵图层（但注意，这是不可逆的）。
本文只是选取了几个方面进行叙述，想要做好UI培训设计，除了专业的技术，还要有创新和认真审查素养。同时，设计完一款UI产品之后，可以以受众的身份进行自我体验，从而找出更多的不足，争取做出一款更优秀的产品。
