服务粉丝

我们一直在努力
当前位置:首页 > 情感 > 故事 >

现代极简 UI 风格指南

日期: 来源:36氪收集编辑:36氪

编者按:很多设计趋势都有一个问题:中看不中用。中看又中用的设计风格应该技能抓住眼球,可读性强,同时又对人友好,不会喧宾夺主。Diana Malewicz就发现了具备这些特征的设计风格,她称之为现代极简主义,并总结出这种风格的主要特征。大家不妨参考一下。原文发表在Medium上,标题是:A guide to the Modern Minimal UI style

已经很久没见过这样的东西了,我觉得自己一直在等待一种新的,具备功能性,在视觉上吸引人的设计风格的出现。它完全偷走了我的心。

我已经在很多的界面里面看到了类似的设计风格模式。那些界面看起来非常的好——很能抓住眼球,可读性强,但又很友好,不会太过放纵。我认为它们把美观和功能性进行了完美的结合。

因为这是设计趋势的主要问题所在——那些趋势看起来很有吸引力,但其实你引力把那些运用到一个功能齐全的产品上。毫无疑问,新拟物风格(neumorphism)或玻璃拟态(glassmorphism)在可及性方面仍不足以支撑日常使用。

所以,我把这种设计风格叫做“现代极简主义”。跟其他的设计风格相比,它是简约的,但同时也不像旧的材料设计(Material Design) 或扁平化设计(Flat) 那样枯燥乏味。你可以从其中的不同风格里面发现很多灵感(比方说甚至也包括新拟物主义和玻璃拟态!),但就像你将会看到的那样,它们是可以一起配合的,而且也不会超过一定程度的视觉复杂性。

那么,就让我们开始吧!

特征

对于现代极简设计风格,我制作了一点移动屏幕的视觉表示,从中可以展示其中最重要的一些因素。一般而言,现代简约风格具有以下特点:

具有关键特征的现代极简风格app屏幕示例

  1. 明亮的背景以及留白

  2. UI 元素的小圆角

  3. 标题大字体,可读性强

  4. 实景摄影

  5. 对色彩深思熟虑的运用

  6. 注重对比

  7. 限制特效的使用

  8. 小细节,经常有插图

例子

1. 明亮的背景和留白

明亮背景的视觉表现——各种数字产品,从左到右:UI8、UGEM、UI8、UImartin (ig)、UI8

在现代极简主义当中,留白为王。界面的整个内容通常都是呈现在白色或非常明亮的背景上的。对空白深思熟虑的使用让界面总体上看起来非常的干净、清新且美观。

2. UI 元素的小圆角

圆角的视觉表现—— 各种数码产品,从左到右依次为:UI8,Plainthingstudio ,Vishnu Prasad ,Permadi Satria Dewanto ,Ghulam Rasool

现代极简风格的 UI 元素都会用小圆角修饰。它让界面看起来更加有机和友好。

如果你知道最近的热门app Clubhouse的话,你可能就会对他们的圆形头像很熟悉。这让整个产品看起来更具原创性,更加独特!

就我个人而言,我是圆角的忠实粉丝(跟尖角相比,它们看起来更加舒服)。诀窍是不要过度使用圆角,而只是运用到某些元素上面,比方说按钮和容器。圆角的半径不应超过特定值(稍微比完全圆角小店——但这一规则不适用于完全圆形按钮)。

3. 大字体,可读性强的标题

大标题的视觉表现——各种数字产品,从左到右:Dasraaz (IG)、UI8、Dmitry Lauretzky 、tino.agency 、Shakuro

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

4. 现实生活摄影

现实生活摄影的视觉表现——各种数码产品,从左到右:sajon007 (IG)、Fandhitya Giovani 、qclaydesign(IG)、soltanimediauiux (IG)、Glebich (IG)

是的!现代极简主义拥抱现实生活摄影。

我在关于 2021 年设计趋势的那篇文章中预测了现实生活照片会卷土重来。这是不可避免的——大家都开始慢慢厌倦了所有那谢谢幼稚的 3D 渲染、扁平化人物以及手绘涂鸦。真实的照片有一个很大的优势——那就是它们看起来很“真实”,而且给数码产品带来了一丝现实感。

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

5. 对色彩深思熟虑的运用

对色彩深思熟虑的运用的视觉表现—— 各种数码产品,从左到右:UI8、Den Klenkov 、arminmhmmdi (IG)、Fatih Takey 、Manuel Rovira Design (IG)

现代极简风格在颜色方面往往非常简约。它们主要用在最重要的操作及/或要强调的元素上。

多亏了这一点,界面看起来令人心情舒畅,因为没有大片的颜色喧宾夺主,抢走用户的注意力。

6. 注重对比

对比的视觉表现——各种数码产品,从左到右:UI8、Shakuro 、Upnow Studio、UI8

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

7. 限制特效的使用

特效的视觉表现——各种数字产品,从左到右依次为:UI8,albertomacherelli (IG),Plainthingstudio ,Rudi Hartono,Sajon009(IG)

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

8. 小细节,经常有插图

插图细节的视觉表现——各种数字产品,从左到右:UI8、divivgroup (IG)、uimartin (IG)、uiinterceptor (IG)、Tran Mau Tri Tam

我也很喜欢现代极简主义对细节的关注。尽管是简约的形式,但它接受一些小的友好元素——图标、表情符号以及其他图形元素,比如图案和拼贴画,将现实生活的照片跟插图混搭在一起。通过运用我们每天都习惯使用的图形元素,让界面更受欢迎,更加有趣。

总结

我真的很喜欢现代极简风格的氛围。这种风格包含了让界面具备功能性和友好性的所有内容——我们在进行UI 设计时,这绝对是最大的挑战。

它并没有以任何方式真正危及到可访问性——这一点让它成为一种你每天都可以使用,而不仅仅是用来自Dribbble上面展示的设计风格。我在我们公司已经设计了一些受这种风格启发的真正项目——这种风格真的很有效!现在,我正在重新对我们的网站进行重新设计,网站的视觉效果也会以这种风格为基础。

界面应该是简约的,简约才更有用。但它们也应该通过在美学上令人愉悦来诱发各种积极的情绪。现代极简风格正好把两者给联系了起来。

我希望这篇文章能激励你去尝试新的东西。一如既往——感谢你的阅读,祝你设计愉快!

译者:boxi。


相关阅读

  • “太格露营·华北站”活动在赤城县开启

  • 7月7日至9日,主题为“藏往知来、静享当下”的“太格露营·华北站”活动在赤城县开启。千名露营爱好者们在赤城县新雪国-生活的航站共赴一场绿草清风、晚霞星空环绕的露营之约
  • 石家庄东部现代物流枢纽基地加快建设

  • 7月6日,拍摄的位于石家庄东部现代物流枢纽基地的宇培冷链物流仓储项目建设现场。石家庄东部现代物流枢纽基地由现代化冷链物流中心大数据智能技术运营中心与结算中心仓储配套
  • 什么样的摄影题材更适合调成黑白风格?

  • 黑白照片自带一种极简、复古、高级的质感,直至今天,黑白风格仍受到很多摄影爱好者的喜爱。宾得还在几个月前发布了一台智能拍摄黑白照片和视频的单反:宾得 K-3 Mark III Monoch
  • 湖北区位优势加速转为物流优势

  • 【来源:湖北日报】 摘要:湖北省产业基础、市场规模、区位交通、开放通道等传统优势明显,但迫切需要依托现代物流发展,促进既有资源优势重组整合、倍增放大,在构建新发展格局中发
  • 平川区共和镇:带头跑出乡村振兴“加速度”

  • 带头跑出乡村振兴“加速度”——记平川区共和镇毛卜拉村党支部天刚蒙蒙亮,一场大范围降水润泽白银。雨还未停,平川区共和镇毛卜拉村种粮大户张智匆匆登上村头的山顶,他担心雨水
  • 人民日报点赞莱西设施农业

  • 出台规划,发展现代设施种植业、畜牧业、渔业及现代物流设施更好向设施农业要食物(政策解读)党的二十大报告提出,树立大食物观,发展设施农业,构建多元化食物供给体系。近日,农业农村
  • 王军:数字赋能文学馆工作

  • 导语如今,博物馆已然成为人们日常生活中满足精神文化需求的重要场所。近年来,在新技术的助力下,中国文学博物馆的软硬件条件、博物馆专业程度、从业人员专业化等都得到了极大提

热门文章

最新文章

  • 现代极简 UI 风格指南

  • 编者按:很多设计趋势都有一个问题:中看不中用。中看又中用的设计风格应该技能抓住眼球,可读性强,同时又对人友好,不会喧宾夺主。Diana Malewicz就发现了具备这些特征的设计风格,她
  • 吃鱼的说道

  • 乳山无鱼不成席,盘鱼的说道很多。鱼与裕、余等字谐音,富足宽裕、吉庆有余是人们所追求的;鱼味腥,腥与醒同音,早上醒来旭日东升、病后醒来健康恢复,醒是个吉利词儿。这都迎合了人们
  • 一张珠峰照片的背后,是他...

  • 珠峰火了!  近日,一幅有关珠峰的摄影作品也火了。  在第十四届中国摄影艺术节上,西藏日喀则边境管理支队民警叶轶拍摄的《珠峰守护者》引来众人围观,网上的评论“珠峰美,人更