小改动立马带来大改观。

  编者按：用户对产品的体会来自直观感触。所以UI/UX往往对产品的成败有着直接的影响，糟糕的UI/UX体会会让强壮的功用失掉效能。

  但怎样才能提高UI/UX规划的作用呢？不一定需要你掌握丰厚全面的规划常识，有时分一点点的小改动就能令规划大为改观。

  Marc Andrew总结了36个改善UI/UX规划的小技巧，分成6篇系列文章注销，此为第一篇，期望能够帮助到你。原文宣布在Medium上，标题是：UI&UX micro-tips:Volume one。

  这是两个规划例子。一个背景色饱和度很高，一个运用了更为柔软的色彩

  在为自己的下一个项目创造高效、美观的UI时，有时只需一点小到不能再小的调整就能够帮助你快速改善规划。

  有时分你只需要简单的调整就能够制作出让客户、用户和你自己真实满意的东西。

  在本文中，我整理了一些很小且容易付诸实践的技巧，你能够不费吹灰之力就能改善规划和用户体会。

  闲话少说，咱们就开门见山吧……

  一、偶尔用下朴实装修性的元素是完全能够的

  部分文本内容为浅灰色的规划示例

  是的，屏幕上绝大部分的文本内容都应该遵循可用性的最佳实践。这一点毫无疑问。

  可是，有时分你或许朴实是为了装修想参加一些文字，这种做法毫无问题。咱们可不期望一切的规划都是千人一面平淡无奇。

  朴实出于装修的原因参加某些奇怪的元素，并且还不遵守可访问性规范，这完全没有问题……假如你不增加那个元素就会影响到用户体会的话。

  著作嘛，就得活出自我。

  二、让UI里边的元素能够互相区别

  两个规划实例。左面的告诉和按钮元素看起来类似，右边则运用了更为多样化的元素

  按钮、告诉，这是UI里边两个独立但都很重要的元素。

  假如能够的话，一直都要尽力保证用户瞄一眼网站或app时就能够快速、轻松地将他们区别开来。

  大多数情况下都要优先保证按钮，所以请保证按钮是屏幕上最杰出的那个，并且很容易跟其他元素（比方说告诉）区别开来。

  三、暗影一点点就行

  两个规划实例。一个用了非常深色的暗影，另一个对暗影的运用就要含蓄得多

  大家都喜欢好的暗影，对吧？

  假如运用适度的话，投影能够在你的规划傍边发挥奇妙但同时强壮的视觉提示作用。

  可是，奇妙便是这儿的要害。

  大多数情况下，现实国际傍边的暗影简直都不显着，所以你在UI规划傍边也应该模仿这种行为。

  抛弃厚重暗黑的暗影，调低不透明度，然后取得更奇妙更逼真的作用。

  四、悉数都用大写？无妨挑选适合完成光学清晰度的字体

  两个规划实例。一个用了比较细的字体，文字悉数大写，另一个则运用了比较粗的字体

  在规划傍边悉数文字都用大写，只需适度运用的话都没问题。

  特定文字元素悉数大写能够帮助完成部分的多样性，杰出相关内容，并增强你想要呈现的全体视觉作用。

  假如你确实决议要好好用一用大写来规划款式的话，一定要尽量保证挑选适宜的字体，字体的根本高度（x-height）一定要够，字体也要够粗，这样用户看起来才清晰。

  五、杰出显现面包屑导航条，要让用户易于理解

  两个规划实例。左面是面包屑导航规划的糟糕例子，另一个是对用户友好的替代方案

  面包屑，处处都是面包屑。

  内容丰厚的网站经常运用会面包屑，但未必总的得到它们应得的巴结。

  不过只需进行一点点地调整，你就能够保证用户能够轻松地确定自己在网站的什么位置，以及接下来自己要去哪里。

  比方说，假如他们是用同查找跳转到网站深处的某个地方的话，面包屑就显得特别有用。

  一直要保证链条里边最后一项在视觉上跟其它的条目以及链接有所不同，要尽力让它们看起来就有所不同。

  给面包屑一些爱。

  六、用了高饱和度的色彩？无妨试试用明调（Tint）或暗调（Shade）过的色彩

  两个规划实例。一个背景用了高饱和度的色彩，另一个则运用了更为柔软的色彩

  高饱和度的色彩（明亮的蓝色、红色、绿色等）用到网站上会很好看，但假如过度运用的话，这种色彩或许会让用户的眼睛感到疲劳，尤其是在应用了大量文本内容的时分。

  尽或许适度运用，并且要试着用一些柔软的色彩（明调或暗调的渐变色）跟饱和色结合运用，这样能够避免可怕的眼睛疲劳。

  利用这种办法还能够把注意力集中在饱和色上，把最重要的内容放到前面和中心的位置，更柔软的色彩承担不那么杰出的人物，让用户的眼睛得到一点休息。

  就照料一下那些怕光的人吧。