细节决定成败:UI界面设计师应注意的小细节

要想比别人更优秀,只有在每一件小事上下功夫。大家常说:细节决定成败。对于设计师尤其重要。因为一个作品的精致与否,往往取决于你对作品中的细节是否用心。简约而不简单,看似简单,实则设计师是下过一翻硬功夫的。那么对于UI界面设计师,所谓的细节又是哪些了?小林Design整理了一些UI界面设计的细节,希望对你有所帮助。

元素对齐–我看到过很多同学在对齐元素时永远都是靠眼睛,靠感觉。虽然说在界面布局时经常需要做到视觉上的对齐,而不是机械的对齐,但这不是界面元素可以随意摆放的借口,该对齐的内容需要对齐,通常的做法是,在Photoshop中设置好参考线。好习惯很重要,有点强迫症也不是坏事情。

像素精确–虽然现在的分辨率越来越高,但是很多图标、按钮的边缘还是最好都检查一遍保证垂直和水平边缘不会被虚化;

界面光源方向的一致性–需要大家反复的练习和对比,细节方面的一致性应该包括界面元素、文字阴影、图标等的光源。假设深色的标题文字用了向下的淡色投影表现内凹效果,那正文就应该避免用深色的文字向上投深色的阴影。特别是有些同学在给文字,或图片做效果时,添加投影方向不一致,看起来特别的别扭;

图标大小统一–这也是一个一直难以避免的问题,而且有很多主观成分,最好的方法是设计的时候放到实际屏幕上以较远的距离查看,是不是有哪些会特别轻或特别重,然后再去调整尺寸;

文案–虽然这不是直接的界面设计元素,但是严谨、完整的文案也是给所有设计加分的。常见的问题有中文错别字、英文该大写的没大写、拼写错误等等;

最好不直接使用 Windows 自带宋体 / 黑体

小心谨慎地使用高饱和度颜色、大差别渐变–GUI 设计师总喜欢把自己当做艺术家,即使 GUI 真算艺术那也是限制最大的一门艺术,大家大部分情况下遇到的设计场景没有非常大的颜色空间去发挥,所以一些醒目出跳的颜色和渐变使用起来要比较小心,否则很容易产生“俗气”的感觉;

适当留白–是个很好的东西,尤其是当老板 / 客户 / PM 要求你做一些“大气”的设计时候能成为一个很好的说辞,但是留白同时也很难掌握,过度的留白有时候会起到反作用,让我们的作品看起来没有细节、内容空洞。文字的行高间距,图文混排间的距离,会因为不同的包含关系(父级、子级、并列,标题、内容等)而略有差别。注重细节的设计师还会把小一些的字体的间距调宽一些,以方便用户阅读;

设计的整体统一–让“视觉规范”贯穿整个设计过程,以保证整个平台视觉风格的统一性。例如平台中普通文本的字体、颜色、字号,重点文本的字体、颜色、字号,链接文本的等。这些设计师在设计之前要做到心中有数,在设计过程中要遵循自己制定的规则(在设计过程中可能还要不断的修正),在完成设计稿后要及时输出视觉规范文档;

最后引用一句名言:细节不是“细枝末节”,而是用心,是一种认真的态度和科学的精神。

Leave a Reply