www.ydisp.cn/oss/202207/13/050c02465eea9fba91534333c2fee427f1e65a.jpg"alt="用这24个UI体验优化技巧，让设计更高级！"title="用这24个UI体验优化技巧，让设计更高级！"style="宽度:934px;能见度：可见；height:537px;"data-type="block">按钮在同一个界面应该有优先级，理想的状态是只有一个主键按钮，后面是一个界面上有太多这样的CTA按钮可能会让用户淹没在其中的关键操作。简化菜单中不必要的动词是没有必要的在菜单上添加动词和短语，用最少的信息将功能写清楚就足以让用户理解。因此，尽量避免添加菜单设计中不相关的词，以免影响用户体验。字体大小类别越少越好。你可能已经注意到，很少有表格的字体大小不平衡，字体之间的类别越少，看起来就越平衡尽量在决定字号的时候尽量统一字号，比如标题（16px），副标题（12px），正文（10px），描述文字（8px），这些字号都是2的倍数。'混合图标样式。虽然我知道图标一致性很重要，在实践中，仍然经常犯错误。很多设计师经常把不同风格的图标混在一起，会让整个UI界面的设计看起来很不成熟。图标是为了让用户更有效地理解事物。在使用图标的时候一定要注意图标的一致性，尤其是一些是一些样式细节。适当微调不同背景下的色彩饱和度。通常，我们认为一种颜色在深色模式和浅色模式下使用相同的颜色值，其实这是错误的。Acolorinlightmode在背景下看起来很漂亮，但是在darkmode下看可能会太暗，反之亦然。解决这个问题的最好方法是使用2组不同饱和度的颜色。新手指南给用户更多的自主权App的新手指南决定了用户第一次体验产品时的感受。设计时，尽量公开所需的具体步骤。添加“跳过”和前后移动的功能对于新用户来说非常重要。在图像上添加叠加层。网站和应用程序由图像驱动，但直接在图像上添加文本内容有时会被淹没。在图像上添加叠加层可以提高内容的可读性。信息部分暴露对于一些大屏设备，比如笔记本电脑、平板电脑和智能电视，它们都有大量的闲置空间。对于这些未使用的空间，尽量通过设计告诉它，底部有更多的内容。这对UI和UX都有好处，因为空间的使用方式让用户清楚地知道一切。拆分大段文字为了让用户专注于阅读，尽量避免使用长/宽行的大段落。保持句子简短明了可以提高内容的可读性。（彩云注：这一点也很适合你的作品集，有些人经常用大段文字来描述，可能会直接劝面试官退出。）Z型原则Z型原则众所周知公众“古腾堡原则”，它描述了在观看具有均匀间隔元素的设计时眼睛的整体运动。通过这个原则，我们知道用户对内容的视线是沿着之字形阅读的，所以遵循这个原则来设计你想要表达的内容。Expandtheclickablerange扩大可点击区域，保持按钮、单选、多选等控件的响应大小。如果你设计的可点击区域太小，会让用户难以点击，造成流失。尽量使用简单的图标，避免花哨俗气的图标，它们会让整个设计看起来很不成熟，同时也很难理解。使用更简单的图标形式将使界面更高级。（彩色注：当然，图标越简单越难画出彩色，另外还要区分不同的场景，比如一些操作图标可能会为了活动的气氛而相对风格化.)文案表达方式的正确选择错误的文案会让人对任务不感兴趣。根据上下文使用更合适的短语。考虑手势点击和点击有时会很累，而且可能不如使用滑动和拖动等手势，这将使界面更加简洁并顺利完成预期任务。Showsomecopy在探索酒店、目的地，甚至阅读任何文章时，用户通常需要点击卡片。为了使探索更吸引人、更清晰，请避免由长文本引起的滚动。相反，为想要查看所有内容的用户添加一个阅读更多按钮。ProximityLaw“附近的物体通常被视为同一组内容”。有时为了更清楚地分隔内容，尝试将相关内容用线条分组。（彩云注：其实也可以通过留白和不同的颜色来区分，建议根据自己的设计风格和具体内容来决定。）可视化它们，尽量优先控制图形，只是它需要非常精确的设置参数。对于价格范围，很容易将其可视化为滑块控件。占位符是一些接近填充内容的东西，一些人可以理解，而另一些人则不能。因此，最好使用示例占位符来解释输入字段，这样可以防止用户在填写内容时出错。序列位置效应根据“序列位置效应”，心理倾向于记住列表的第一项和最后一项，而不是中间的项目。因此，在任何应用程序中设计导航时，请根据应用程序的上下文保留最左边和最右边的选项。比如instagram，最左边是“主页”，最右边是“用户”。（彩云注：这是一个心理学理论，人们更容易记住一系列材料的开头，也称为首因效应或首因效应；更容易记住内容的结尾，称为近因效应。）减少点击次数在设计任何体验时，点击次数都是一个非常重要的指标。计算用户需要多少次点击才能完成他的目标，额外的点击会减慢整个操作过程。简化流程，自然体验会更好，所以尽量减少点击次数。(ColorfulNote:在下面的案例中，添加可点击的符号也可以减少用户思考的时间。)Lessismore为了让内容脱颖而出，没有必要使用多种字体类型，包括加粗、变色等。使用增强的文本层次结构，仅在最需要的地方使用字体粗细，而仅使用一种字体就足以将用户的注意力吸引到内容上。留白定义重点留白在设计中非常重要，留白太少或没有留白会使设计非常混乱。明智地使用空白可以清楚地强调内容。不要让用户闲着根据DohertyThreshold的理论：“系统需要在400ms内响应用户的操作，才能让用户保持专注，提高生产力。”因此，我们可以使用动画、图像甚至文字来保持用户的注意力。（彩注：给用户的提示可以先快速加载信息框，让用户有事可做，而不是什么都看不见）
