编者按:在设计UI时,很多小技巧可以适当提升界面设计的视觉效果和用户体验。MarkAndrew的这篇文章整理了6个改善UI效果的实用技巧。这是一个系列的五篇文章。原文首发于marcandrew.me。当涉及到创建有用的、可访问的和视觉上令人惊叹的UI界面时,我们大多数人只需要进行有限的微调就可以达到很好的效果。之前写了很多实用的UI&UX优化技巧(看完文章在文末获取),本文继续补充6条实用建议,一起来看看吧!1.保证APP底部标签栏内容不变。目前大部分APP都会将底部的标签栏作为主要的导航模块,所以在设计的时候要保证这部分的功能固定清晰,不会消失,不会变化,不会变化。让用户感到沮丧。2.只需要改变字重和字号就可以构建图层。你只需要使用字体粗细和字体大小的变化来实现这个!在大多数文字排版中,只需要使用单一的字体就可以实现丰富的层次。您需要根据文字内容的重要性和优先级进行排列。优先级越高,文本的字体大小和粗细越大。还要注意密度排列,以确保更具可读性和相关性的文本块靠得更近。3.在移动用户界面上使用更大的可点击区域。虽然这是显而易见的,但是在具体的界面设计中,总是很容易忘记这一点。最小的可点击区域在iOS上为44x44pt,在Android上为48x48pt。有时,控件可能看起来很小,而触发区域可以做得尽可能大。4.使用尽可能统一的导航设计。导航构成了用户浏览网站和应用程序最重要的行为路径。保证导航的一致性,保证用户在后续的交互过程中不会感到迷茫和挫败感。因此,在迭代升级的过程中,哪怕是最细微的变化,也要尽可能在系统层面保持统一。对于重要的、关键的和破坏性的操作,可以进行一些明显的区分。5、对于内容丰富的网站,突出搜索功能。如果可能的话,对于内容比较多的网站,尽量把搜索按钮做的突出,触手可及。尽量不要在下拉菜单等地方隐藏搜索按钮,因为它可能是用户达到目标的主要方式,也可能是唯一方式。6.不要随意选择字号。页面上文本的字体大小是多少?很多地方对于字号的选择都有完整的解决方案和处理技巧。例如,使用TypeScale。一般来说,将不同信息层级的文字大小保持在1.25的放大倍率,可以达到相当不错的视觉效果和体验。并且TypeScale可以在18px的基本文字字号的基础上,以1.25的比例进行缩放,帮助你生成H1、H2、H3等不同层级的文字大小。使用TypeScale生成的文本可以为您的排版带来自然舒适的节奏和体验。
