首页 UI设计正文

2021年最实用的摩登极简风UI设计指南!(三)

我是飞天兜 UI设计 2021-07-31 11:56:08 797 0 | 文章出自:我是飞天兜

十一、UI 和 UX 微技巧:第二卷。

这里是ui设计小技巧的第二卷,这篇来自Mark Andrew 的文章。梳理了6个实用性很强的提升界面的设计视觉效果、用户体验,UI效果的小技巧,这篇文章最早发布于 marcandrew.me,快来看看吧。

1、在您的 UI 中使用已建立的图标以避免用户混淆。

在您的设计中添加图标时,请坚持选择一个已建立的图标 ,该图标清楚地表示将要采取的行动。选择一个能传达正确含义和功能的图标,因为其他任何东西只会引起混乱并成为用户的认知障碍和心里混乱。。

 2021年最实用的摩登极简风UI设计指南!(三) 第1张

2、使用《接近》来表示元素之间的关系。

在众多尝试和测试过的 可用设计原则(对比度、空间、重复 等)中,有一个是帮助您为用户制作更清晰 UI 的关键……

接近。只是确保相关设计元素放在一起的过程,表明彼此之间的关系,这反过来有助于加快用户 在浏览您的网站或应用程序时的认知。

 2021年最实用的摩登极简风UI设计指南!(三) 第2张

3、4pt 基线网格 + 8pt 网格 = 和谐的垂直节奏。

使用 Type 时,将4pt 基线 与多功能的8pt 网格一起使用可以为您的设计带来更加和谐的垂直节奏。你只需要调整您的类型的基线网格

 2021年最实用的摩登极简风UI设计指南!(三) 第3张

4、减少标题上的行高是很好的。

与需要足够行高以提高易读性的长格式正文相反,标题通常要短得多,因此您可以稍微缩小间距 。推荐的标题行高通常是文本大小的 1 到 1.3 倍左右,并且越大,需要添加到混合中的行高就越少。使用您的标题行高亮。

 2021年最实用的摩登极简风UI设计指南!(三) 第4张

5、在选择配色方案时遇到麻烦?在色轮上进行类比。

类似色,也称为相邻 或相邻的色调,是最和谐的配色方案之一,如果你在挑选可以很好搭配的颜色时遇到困难,它可以为你提供很大帮助。一组由主 色、次色和三次色组成的相邻色调可以帮助你快速创建简单、防弹的配色方案。当你需要将色彩和谐融入混合中时,请使用类比的方式。

 2021年最实用的摩登极简风UI设计指南!(三) 第5张

6、尝试最大化您设计中的清晰度

设计中的清晰度和可用性可以通过最大化信号和最小化噪声来实现,这反过来又会产生高信噪比。您可以通过确保有效地呈现相关信息(信号)并完全减少或去除不相关信息(噪音)来实现这一点。剪掉无关紧要的小东西。让事情更清楚。提高你的页面清晰度。

 2021年最实用的摩登极简风UI设计指南!(三) 第6张



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


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

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

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

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

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

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

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

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

发表评论

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

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

https://www.kuaichez.com/

| 粤ICP备2020133026号

Powered By 魁元网络 版权所有

使用微信扫描二维码

关注我们看更多资讯

欢迎您光临魁元网络

请先 登录 再评论,若不是会员请先 注册