编者按:在进行 UI 规划的时分,许多小技巧可以适可而止地提高界面的规划视觉作用、用户体会。这篇来自Mark Andrew 的文章梳理了 6 个有用性很强的 UI 作用提高小技巧,是系列文章的五篇,原文最早发布于 marcandrew.me 。
在创建有用、可访问性良好且视觉作用颇为出彩的 UI 界面的时分,咱们大多只需求进行有限度的微调,即可到达颇为不错的作用。在之前,我已经撰写了许多有用的 UI & UX 优化小贴士(看完文章在文末获取),这篇文章持续增加 6 条有用的建议,一同来看看吧!
在目前绝大多数 APP 都会选用底部标签栏作为主要的导航模块,那么在规划的时分,要保证这个部分的功用上固定且明确的,不会消失,不会改变,不会给用户带来挫败感。
只需求运用字重和字号改变即可做到这一点!
在绝大多数的文本排版傍边,只需求运用单一的字体即可完成层次颇为丰厚的信息层级,你需求依据文本内容的重要性和优先级进行摆放,优先级越高的文本字号越大,字重也越大。
另外要注意疏密摆放,保证可读性和相关性更高的文本块更接近。
尽管这个道理显而易见,但是总是在进行具体的界面规划的时分简单忘记这个重要的点。在 iOS 上,可点击的最小区域为 4444 pt,在 Android 上则是 4848 pt。
有时分,控件看起来可能较小,可以让触发区域尽量大一点。
导航构成了用户探究网站和 APP 最为主要的行为路径,保证导航的一致性保证用户在后续的交互过程中不会感到疑问和沮丧。
所以,在迭代升级过程中,即便是最细小的改变,也尽量在系统层级上坚持一致。关于重要的、关键性的、破坏性的操作,可以做一些明显的差异化。
如果有可能,关于内容较多的网站,尽量让查找按钮被凸显出来,在触手可及的方位。尽量不要将查找按钮隐藏在下拉菜单之类的当地,因为它可能是用户抵达方针的主要方法甚至可能上仅有方法。
文本在页面傍边字号到底要多大?在许多当地,字号的挑选上其实是有完好的解决方案和处理技巧的。比如运用 TypeScale。
一般而言,让不同信息层级的文本巨细坚持 1.25 的倍率即可到达颇为不错的视觉作用和体会。而 TypeScale 可以基于基本的文本字体尺度即 18px 依照 1.25 的比率进行缩放,然后帮你生成 H1、H2、H3 等不同层级文本的尺度巨细。
运用 TypeScale 生成的文本可以为你的排版带来自然、舒适的节奏和体会。
第一波!快速提高 UI 规划作用的 9 个小技巧
编者按:在进行 UI 规划的时分,许多小技巧可以适可而止地提高界面的规划视觉作用、用户体会。这篇来自Mark Andrew 的文章梳理了 9 个有用性很强的 UI 作用提高小技巧,这篇文章最早发布于marcandrew.me,快来看看吧。
阅读文章 >>
第二波!快速提高 UI 规划作用的 14 个小技巧
编者按:在进行 UI 规划的时分,许多小技巧可以适可而止地提高界面的规划视觉作用、用户体会。这篇来自Mark Andrew 的文章梳理了 14 个有用性很强的 UI 作用提高小技巧,这篇文章由两篇文章组合而成,原文最早发布于marcandrew.me,快来看看吧。
阅读文章 >>
第三波!快速提高 UI 规划作用的 6 个小技巧
编者按:在进行 UI 规划的时分,许多小技巧可以适可而止地提高界面的规划视觉作用、用户体会。这篇来自Mark Andrew 的文章梳理了 6 个有用性很强的 UI 作用提高小技巧,是系列文章的第三篇,原文最早发布于 marcandrew.me 。
阅读文章 >>
第四波!快速提高 UI 规划作用的 6 个小技巧
编者按:在进行 UI 规划的时分,许多小技巧可以适可而止地提高界面的规划视觉作用、用户体会。这篇来自Mark Andrew 的文章梳理了 6 个有用性很强的 UI 作用提高小技巧,是系列文章的第四篇,原文最早发布于 marcandrew.me 。
阅读文章 >>