UI初学者的福音！50个提升用户体验的小方法（下）

译者的话：

翻译完成后发现，这50条其实整理的很乱，基本没有什么逻辑，都是一些非常碎的点，有些观点还不一定很正确，讲得也不是很透彻，而且很基础，有些基本是废话。不过毕竟翻译出来了，大家就姑且一看吧～

▉ UX/UI设计基础

28.有文字输入限制时需要实时显示已输入文字数

当输入框需要限制输入的文字数且限制的数量较小用户很容易触及时，需要实时显示还可输入的文字数，或者已经输入的文字数。

29.明确表现可点击性

30.明确当前位置

用户在浏览界面时，需要明确自己现在位于哪一个页面，正在看什么样的内容，这样才不至于迷茫。比如网页上的面包屑导航就能起到这样的作用。

31.多语言环境下的界面，可多使用图形化语言

32.减少冗余元素

在界面中罗列太多内容，会使页面变得没有终点。明确页面元素的优先级，将优先级较低的元素去掉或者只在需要时显示出来吧！

33.菜单放在页面上部

34.图形>简要说明>大段文字

能用图形说明的信息尽量不要用文字，能用少量文字说明的信息不要用大量文字。

35.善用标题

将大段文字的主要内容提炼成标题，有助于用户更快获取需要的信息，避免浪费时间。

36.文字需要与背景图片区分明显

37.网页内的链接避免使用广告banner的形式

如果设计成广告banner的样式，会被用户误认为是广告，从而使点击率下降。

38.尽量减少菜单的选项数

排列信息优先级，只显示重要的选项，并用简洁的文字和icon表现。

▉ 关于配色

39.减少用色数量

使用颜色过多会使画面混乱且没有重点。

40.统一用色规则

比如说，页面中有的链接文字是蓝色的，有的是橙色的，用户就会分不清到底什么元素可点击。

41.区分背景和文字

文字颜色和背景颜色要对比明显，方便阅读。例如，背景图片是深色的，图片上的文字就比较适合使用浅色。

42.重点阅读的文字最好白底黑字

颜色对比清晰，方便阅读。

43.重点阅读的文字不要用大面积的亮色做背景

44.使用同等饱和度的颜色

使用相近饱和度的颜色搭配起来，会显得页面比较和谐。

下面的链接有一些配色参考，需要时可以参考使用。

https://saruwakakun.com/design/gallery/palette

45.善用半透明的黑色

▉ 关于字体

46.使用多数人熟悉的字体

对于体现品牌形象的网站，使用漂亮的独特的字体更容易展现品牌的独特性，但是对于像博客或者咨询一类内容来说，展现内容本身是最重要的，所以在此类页面中，最好使用用户熟悉的字体，也就是“普通”的字体，辨识度较高。

47.衬线体和无衬线体不要一起使用

衬线体与无衬线体一起使用时，会缺乏统一感，不易阅读，所以使用时最好统一成一种字体形式。现今的用户比较习惯无衬线体。

48.减少使用字体的数量

通常页面中只出现一种日文字体和一种英文字体即可，并且要根据字宽做一些调整。

49.强调的文字要清楚的区别出来

需要强调的内容需要用一些方法区别出来，比如可以使用改变颜色、改变字号、加下划线、加背景颜色等方法。

50.行间距不要太小

增大行间距可以使每一行明确的区分开来，但是行间距也不宜过大，过大的行间距使本文缺乏整体感。在网页中，行间距在1.5-2.0倍之间比较合适。