恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
现代简约UI风格设计指南
0.0°
2021-10-03 自译外文 经验/观点 原作者: 未知 举报 3471 8 6 0

具有功能性、可读性、时尚性和性感的现代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

更新:2021-10-03

收藏

8人已收藏

Talon

原迅雷高级UI设计师

  • 31

    作品

  • 103

    粉丝

  • 9

    关注

  • 如何设计更好的空状态?
  • 设计中的留白:每个设计师都应该知道的留白准则
  • LEXUS 官网重新设计
  • 深色模式 UI 最佳实践
相关标签

    猜你喜欢

      2021-10-03 自译外文 经验/观点 原作者: 未知 举报 3471 8 6 0

      现代简约UI风格设计指南

      0.0°

      你确定要举报现代简约UI风格设计指南

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2021年10月01日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      6
      8
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录