具有功能性、可读性、时尚性和性感的现代UI风格是怎么设计的？

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

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

因为这是麦ñ与设计趋势的问题-他们看起来如痴如醉，但使用起来你不能真正使一个功能齐全的产品（毫无疑问，neumorphism或glassmorphism不是每天访问就够用了）。

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

所以，让我们开始吧！

特点

我以现代极简设计风格对移动屏幕进行了一些视觉表示，向您展示了其中最重要的因素。一般而言，现代简约风格具有以下特点：1. 明亮的背景和空白
2. UI 元素的微妙圆润
3. 大而易读的标题
4. 现实生活中的摄影
5. 深思熟虑的色彩使用
6. 专注于对比度
7. 有限的效果使用
8. 小细节，经常被说明

例子

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

2. UI 元素的微妙圆润

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

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

就我个人而言，我是圆角的忠实粉丝（与尖角相反，它们对我们的眼睛来说更令人愉悦）。诀窍是不要过度使用圆度，而是将其保存为某些元素，如按钮和容器。角的半径不应超过某些值（略好于完全圆形——但此规则不适用于完全圆形按钮）。

3. 大、可读的标题

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

4. 实景摄影是的！Modern Minimal 拥抱现实生活中的摄影。

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

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

5. 色彩的周到运用现代简约风格在颜色方面通常非常简约。它们主要用于元素上最重要的操作和/或重音。
多亏了这一点，界面看起来很愉快，因为没有大片的颜色总是引起用户的注意。

6. 注重对比度Modern Minimal 的一大优点是它的可访问性（大多数风格显然不擅长这一点）。通过足够的对比度，我们可以轻松区分背景与元素，了解视觉层次结构并轻松使用界面。

7. 限制使用效果

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

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

把它们加起来

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

它并没有以任何方式真正危及可访问性 - 这使它成为一种您可以每天使用的样式，而不仅仅是用于 Dribbble 镜头。我已经在我们公司制作了一些受这种风格启发的真实项目——它真的很有效！现在我正在重新设计我们的代理网站，并且我也将视觉效果基于这种风格。

界面应该是简约的，这使得它们更有用。但它们也应该通过美学上的愉悦来诱发各种积极的情绪（阅读我关于情感设计的文章）。现代简约风格将两者联系起来。

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

Powered by Froala Editor