首页 UI设计正文

UI 和 UX 微技巧:第三卷

我是飞天兜 UI设计 2021-08-11 14:05:24 325 0 | 文章出自:我是飞天兜

在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧,是系列文章的第三篇,原文最早发布于 marcandrew.me 。

在创建实用、可访问性良好且视觉效果颇为出彩的 UI 界面的时候,我们大多只需要进行有限度的微调,即可达到颇为不错的效果。在之前,我已经撰写了很多实用的 UI & UX 优化小贴士(看完文章在文末获取),这篇文章继续增加 6 条实用的建议,一起来看看吧!

1、让视觉元素的设计特征保持一致

 UI 和 UX 微技巧:第三卷 第1张

UI 设计师是习惯的创造者 ,另一方面,用户也希望你的设计能够符合预期。

换句话来说,UI 设计师可能个用一致的设计来归训用户,而用户也可以通过一致的设计来构建起习惯和预期,所以,在布局,图标,配色和按钮上将用户统一到一起,降低混乱度,改善用户体验。

2、大胆使用留白布局

 UI 和 UX 微技巧:第三卷 第2张

留白,或者说负空间,可能是绝大多数的 UI 界面优化的最佳工具。

很多 UI 界面只需要适当增加留白,就能够将整体的视觉效果拉高一截,它可以让元素和元素之间的呼吸感更强,整体感知更加优雅精致。

3、优化开头段落样式

 UI 和 UX 微技巧:第三卷 第3张

如果你所要呈现的是长篇内容,通常开头的段落会对全文内容进行总结性的引导,提出问题,引起用户的注意力,那么你需要让它的功能性更强一点。

要实现这一点,其实也不复杂,就针对这个部分做一些针对性的样式优化就可以了。

最简单的方式,就使用不同的字体,或者增加字重,提高行高,让这一部分的视觉重量超过其他的部分即可。这样可以让用户更快注意到这一部分,并且留下更好的印象,并且增加内容的信息层级。

4、为快速扫读进行段落优化

 UI 和 UX 微技巧:第三卷 第4张

在处理长篇内容的时候,短句和短的段落会更加契合当下用户的阅读习惯。尽可能使用简短有力的分段,让用户可以更快消化内容。

5、使用更富凝聚力的配色方案

 UI 和 UX 微技巧:第三卷 第5张

是否心爱纲要创建更加专业的视觉风格?那么你最好使用一套预先定义好的配色方案。

色彩从来都不是多多益善,更加集中的配色能够给用户带来更加清晰明确的感知。

从一开始就创建一套强大而明确的配色方案,并且坚持使用下去,这样可以避免麻烦,并且增加整个设计的一致性。

6、使用8pt 网格系统,均匀排布图标

 UI 和 UX 微技巧:第三卷 第6张

你会注意到绝大多数的图标系统,使用的图标尺寸大多数是 8 的倍数,比如 16×16,24×24,32×32,所以当你使用 8 pt 的网格系统,会很好地同这些图标系统兼容起来。

当然也有例外的情况,但是这样的情况真的不算太多。


欢迎关注作者的微信公众号:「我是飞天兜」


本文作者对该作品拥有完整、合法的著作权及其他相关权益。未经许可同意,任何个人或组织不得复制、转载、或以其他方式使用本网站内容。转载请联系作者,违规转载必究!

收藏(0)
UIUI设计师UI设计
版权声明

1、本网站属于个人的非盈利性网站,转载的文章遵循原作者的版权声明,如果原文没有版权声明,按照目前互联网开放的原则,我们将在不通知作者的情况下,转载文章:如果原文明确注明“禁止转载”我们一定不会转载。

2、本网站转载文章仅为传播更多信息之目的,凡在本网站出现的信息,均仅供参考。本网站将尽力确保所提供信息的准确性及可靠性,但不保证信息的正确性和完整性,且不对因为信息的不正确或遗漏导致的任何损失或损害承担责任。

3、任何透过本网站网页而链接及得到资讯、产品服务,本网站概不负责,亦不负任何法律责任。

4、本网站所刊发、转载的文章,其版权归原作者所有,如其他媒体、网站或个人从本网站转载使用,请在转载有关文章时务必尊重该文章的著作权,保留本网站注明的“稿件来源”并自负版权等法律责任。

5、本站内容为传递信息使用,仅供参考,不构成营销建议。

6、如不慎侵犯了您的权益,请联系我们告知,我们将做删除处理!谢谢。

发表评论

评论列表(0人评论 , 325人围观)
☹还没有评论,来说两句吧...

网站建设_网站优化就上魁元网络

https://www.kuaichez.com/

| 粤ICP备2020133026号

Powered By 魁元网络 版权所有

使用微信扫描二维码

关注我们看更多资讯

欢迎您光临魁元网络