界面设计中需要注意的小细节

标签：

界面设计包括哪些细节、如何深入？

我们常说“细节决定成败”，有些界面会让人觉得不精致，缺细节，而这些细节又包括哪些呢？如何去深入呢？

• 界面元素的对齐，我见过很多同学对齐是永远靠眼睛的。确实在布局的时候经常需要做到视觉上的对齐，而不是机械的对齐，但这不是界面元素可以随意摆放的借口，该对齐的内容需要对齐，有时候只是举手之劳，养成好习惯很重要，有点强迫症也不是坏事情。
• 像素精确，虽然现在的分辨率越来越高，但是很多图标、按钮的边缘还是最好都检查一遍保证垂直和水平边缘不会被虚化。
• 界面光源的一致性，一致性是个很大的课题，应该能写一篇论文那么长，细节方面的一致性应该包括界面元素、文字阴影、图标等的光源。假设深色的标题文字用了向下的淡色投影表现内凹效果，那正文就应该避免用深色的文字向上投深色的阴影
• 图标面积的一致性，这也是一个一直难以避免的问题，而且有很多主观成分，最好的方法是设计的时候放到实际屏幕上以较远的距离查看，是不是有哪些会特别轻或特别重，然后再去调整尺寸
• 文案，虽然这不是直接的界面设计元素，但是严谨、完整的文案也是给所有设计加分的。常见的问题有中文错别字、英文该大写的没大写、拼写错误等等
• 别直接使用 Windows 自带宋体 / 黑体里的英文！！！这个不解释
• 谨慎地使用高饱和度颜色、大差别渐变，我们 GUI 设计师总喜欢把自己当做艺术家，即使 GUI 真算艺术那也是限制最大的一门艺术（天朝的电影、电视剧不算。。。），大家大部分情况下遇到的设计场景没有非常大的颜色空间去发挥，所以一些醒目出跳的颜 色和渐变使用起来要比较小心，否则很容易产生“俗气”的感觉
• 适当的留白，留白是个很好的东西，尤其是当老板 / 客户 / PM 要求你做一些“大气”的设计时候能成为一个很好的说辞，但是留白同时也很难掌握度，过度的留白有时候会起到反作用，让我们的作品看起来没有细节、内容空 洞。就跟那些学画画的同学在电脑上画图经常水平镜像检查画面一样，有时候我也会把做到一半的设计去色、然后反白，看看那时候画面里的黑色会不会产生一种令 人恐怖的感觉（好吧，我承认我是个很感性的同学，很多设计思路和方法都不够科学）。。。

其实这些问题罗列一下很容易，但是日常工作当中要做到真的是很难，我们大家一起共勉吧~

界面设计中需要注意的小细节

标签：

原文地址：http://www.cnblogs.com/moyuling/p/4785233.html