首页 UI设计正文

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

访客 UI设计 2021-07-30 20:08:35 3345 0 | 文章出自:我是飞天兜

一、现代简约UI 风格指南

这篇文章来自资深设计总监 Diana Malewicz,她根据实际经验和设计流行趋势总结了梳理了当下可能是最有效的「现代简约极简风」的设计指南:

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

原话:很久没有这样的东西了,我觉得我一直在等待一种新的、功能性的、视觉上吸引人的设计风格的出现。它完全偷走了我的心。

我已经在许多界面中目睹了类似的设计风格模式。这些界面看起来非常好——它们引人注目且可读,但友好且不太奢侈。我认为它们是兼具美观和功能性的完美结合。

所以,我称这种设计风格为“现代简约”。与其他设计风格相比,它是简约的,但同时又不像旧的 Material Design 或 Flat 那样枯燥乏味。您可以从其中的不同风格中发现许多灵感(甚至像拟物化和玻璃化!),但正如您将看到的,它们都可以协同工作,并且不会超过一定程度的视觉复杂性。

所以,让我们开始吧!

特点

我以现代极简设计风格对移动屏幕进行了一些总结,向您展示其中最重要的因素。一般来说,现代简约风格具有以下特点:

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

1. 明亮的背景和空白

2. UI 元素的微妙圆润

3. 大而可读的标题

4. 现实生活中的摄影图片

5. 深思熟虑的色彩使用

6. 专注于对比度

7. 有限的使用效果

8. 小细节,小插图的穿插运用

二、明亮的背景和空白

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

从左到右:UI8、UGEM、UI8、UImartin(ig)、UI8

在现代极简主义中,空白为王。界面的整个内容最常呈现在白色或非常明亮的背景上。对空白的周到使用使界面总体上看起来干净、清新且美观。

三、UI 元素的微妙圆润

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

从左到右:UI8、Plainthingstudio、Vishnu Prasad、Permadi Satria Dewanto、Ghulam Rasool

极简风格的 UI 元素被巧妙地圆润。它使界面看起来更加有机和友好。

如果你知道最新的名为 Clubhouse 的热潮,你可能对他们的圆形头像很熟悉。它们使整个产品看起来更加原始和独特!

就我个人而言,我是圆角的忠实粉丝(与尖角的处理方法相比,它们对我们的眼睛来说更令人愉悦)。其中注意不要过度使用圆度,而是将其保存为某些元素,如按钮和容器。

四、大、可读的标题

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

从左到右:Dasraaz (IG)、UI8、Dmitry Lauretzky、tino.agency、Shakuro

我喜欢那些又大又粗的标题!他们还使界面看起来更现代。您可以选择 sans-serif 或 serif,但就个人而言,我建议坚持使用流行的几何无衬线字体,如Gilroy、Sofia Pro、Lufga 或Circular。其中还可以尝试Pulp、Gordita、Visby、Konnect、Geliat、Galano或+Jakarta Sans。

五、实景摄影

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

从左到右:sajon007 (IG)、Fandhitya Giovani、qclaydesign (IG)、soltanimediauiux (IG)、Glebich (IG)

拥抱现实生活中的摄影。

真实照片的卷土重来。这是不可避免的——每个人都在慢慢厌倦所有幼稚的 3D 渲染、扁平人物和手绘涂鸦。真实照片有一个很大的优势——它们看起来很“真实”,并且给数码产品带来了一丝真实感。

我自己对我一直从事的项目的研究也清楚地表明,用户更喜欢照片而不是插图,因为它们看起来更严肃,并且在情感层面上与现实生活体验相关。

六、色彩的周到运用

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

从左到右:UI8、Den Klenkov、arminmhmmdi (IG)、Fatih Takey、Manuel Rovira Design (IG)

现代简约风格在颜色方面通常非常简约。它们主要用于元素上最重要的操作排版,

多亏了这一点,界面看起来很愉快,因为没有大片的颜色过分的引起用户的注意。

七、注重对比度

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

从左到右:UI8、Shakuro、Upnow Studio、UI8

极简设计的一大优点是它的可访问性(大多数风格显然不擅长这一点)。通过足够的对比度,我们可以轻松区分背景与元素,了解视觉层次结构并轻松使用界面。

八、限制使用效果

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

从左到右:UI8、albertomacherelli (IG)、Plainthingstudio、Rudi Hartono、Sajon009 (IG)

极简设计从许多不同的风格和效果中汲取灵感。微妙的彩色阴影、模糊的极光背景、浮雕甚至玻璃元素都是受欢迎的——在一定程度上是健康的。多亏了这一点,界面才能保持可读性和视觉上的整洁。

九、小细节,经常有插图

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

从左到右:UI8、divivgroup (IG)、uimartin (IG)、uiinterceptor (IG)、Tran Mau Tri Tam

我也很喜欢极简设计对细节的关注。尽管它是简约的形式,但它接受小的友好元素——图标、表情符号和其他图形元素,如图案和拼贴画,将现实生活中的照片与插图混合在一起。使用我们每天都习惯使用的图形元素,使界面更受欢迎和有趣。

总结

这种现代简约风格的氛围。它包含了使界面功能性和友好性的所有内容——当涉及到 UI 设计时,这绝对是最大的挑战。

它并没有以任何方式真正危及可访问性 - 这使它成为一种您可以每天使用的样式,而不仅仅是用于 Dribbble 等网站的发布。界面应该是简约的,这使得它们更有用。效率更好,但它们也应该通过美学上的愉悦来诱发各种积极的情绪


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


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


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

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

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

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

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

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

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

发表评论

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

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

https://www.kuaichez.com/

| 粤ICP备2023017355号—2

Powered By 深圳姬兔文化传媒有限公司 版权所有

使用微信扫描二维码

关注我们看更多资讯

欢迎您光临魁元网络

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