遇见设计，写给梦想，热爱生活
这是一颗孤独的星球，幸好遇见你
细节往往在讲述
人生的大道理
等等
2018年02月24日 天气晴 | 写给设计第45期
“
设计，是一件细微的活儿
粗人干不来~你不信？
”
为什么说设计，是一件细微的活儿呢？这要从很久很久以前说起。
话说在一个夜黑风高，伸手不见五指的夜晚，有一间关着灯的屋子里亮着一台显示器的光，幽蓝的光映照出一张吓人的脸，那人的脸几乎是贴着屏幕的，整个屋子里只听见噼噼啪啪的声音响起……
额，不好意思，岔道了。回到正题，为什么说设计是一件细微的活儿？因为，一般人要想做设计，你得趴在电脑屏幕上才能看得见每一格的像素。
做设计的人呢，如果掌握了一些设计的技巧，那就没有必要趴在电脑屏幕上伤眼睛了。特别是对UI、交互设计师来说，元素的统一性、图标风格和段落排版等等，很多的细节你都需要注意。
今天豆豆要和你分享的就是一些提升UI、交互设计师设计之用户体验的实用小技巧，希望可以对你的UI、交互设计之路有所帮助。
“
图标风格要统一
”
图标设计，是UI、交互设计师的基本工作内容之一，也是非常重要的设计内容之一。我们都知道，在UI、交互设计学习之初，就已经学习到了这样的规则：图标风格一定要统一，统一，统一！
但是，对于UI、交互设计新手，往往会忽略这一个问题。
填充图标里，不要有线性图标；线性图标里，就不要有填充图标了；描边大小要统一；保证图标的清晰度；保证辨识度还有差异性。
你了解了么？
“
字有其规范
”
UI、交互设计中的字体，是有自己的规范的。
但是对设计初学者来说，有时候搞不懂字体应该怎样用，Android用什么字体，IOS用什么字体？每一部分的字体大小应该是多大？……
一会大，一会小；这儿是这个字体，那儿是那个字体……等等。这样子就很容易造成视觉上的混乱。
UI、交互设计常用无衬线字体
IOS系统字体规范
Android系统字体规范
“
投影应合理
”
在设计中，如果你想对按钮控件之类的添加投影，可以用吸取工具，把主色调提取出来，把明度压低一些。你要保持同色系的投影，这样才会符合视觉逻辑。
其次，如果按钮上有文字，文字尽量不要纯白，记得带一些同色系的淡淡颜色。
“
图片应该怎样排版？
”
规则是死的，人是活的。很多时候，如果需求是比较宽且走文艺气息的时候，要尝试突破原则，用一些另类的排版方式，其实也是做好设计的本质。
在图片类UI界面设计中，错落一些的瀑布流式排版会使你的作品更有魅力。
“
适当的留白
”
好的设计，是在最少的元素下还能第一时间突出重点信息。极简是一种趋势，你要减少不必要的元素，或者简化元素。不要想着把画面撑满就是好的设计，有时候，适当的留白，会给用户呼吸的空间更重要。
“
辅助文字
”
辅助文字的合理运用，也是提升质感和视觉的关键点。如果有一个或者多个主要的视觉要素，那么辅助的文字大小尽量比主视觉要小，颜色要比主视觉浅。比如主文字字号24px，辅助视觉就要14-18左右即可。
“
辅助线段
”
线段的作用，主要是区分信息层级。所以辅助线段一般采取浅色调处理，千万不要过重，要不就会显得很脏，拉低整体质感。
“
间距统一
”
间距的统一性，是排版中时刻要注意的。等距等比是保证界面干净整齐的一个关键要素。切记，要么处处一致，要么全都不一致。
“
颜色
”
颜色的合理运用，是至关重要的。
UI、交互设计界面应尽量要保证一个主色调，一个辅色调即可。不要出现干扰或者与主色调无关的颜色，这样会导致用户质疑你到底是不是一款产品。其次就是，想让用户点击什么按钮，那么取消按钮最好弱化视觉。
“
辅助指引
”
这一点是很多人忽视的，一款好的设计或者好的产品，一定要做好辅助指引工作。
让用户知道在什么位置
”
用户位置，是交互逻辑上很重要的一点。
你要让当前位置足够清晰，要一眼看到现在什么位置才是正确的，不要害怕对比过程，你要做的就是告诉用户，我在这里。
“
根据阅读顺序做设计
”
人的正常习惯阅读顺序是，从上而下，从左到右，所以在做某些需求的时候，需要考虑阅读顺序这个概念，要让用户最快的时间获取到文字信息。
“
恰当跟随渐变色趋势
”
一个是每一年都有当年的流行色，你可以根据本年的流行色做出渐变的选择。当然也不能盲目跟随，还是看产品主要气质。
其次就是运用渐变色彩不要跨色系，尽量同色系，根据明度的变化来调节，太浮夸太夸张就是不适合的了。
“
写在最后
”
不是说：“细节决定成败”吗？嗯，是的。所以，对于设计师，UI、交互设计师来说，把握好细节是非常重要的。
整体把握是大局，细节掌控是成败。
如果喜欢，就分享给你第一个想起的人吧~
豆豆在孤独星球和你晚安~
评论0