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

释放双眼,带上耳机,听听看~!
编者按:这篇文章来自资深规划总监 Diana Malewicz,她根据实践经历和规划流行趋势总结了整理了当下可能是最有用的「摩登极简风」的规划指南:我一向期待呈现一种全新的、功能性的、在视觉上还满足吸引人的风格呈现,可是这种规划风格一向都没有呈现。其实,如果单从视觉吸引力上来说,许多新的规划风格是可以做到这一点的,可是其中有的满足吸睛可是可读性不足,有的满足友好可是不行高级。

编者按:这篇文章来自资深规划总监 Diana Malewicz,她依据实践经验和规划盛行趋势总结了梳理了当下可能是最有用的「摩登极简风」的规划攻略:

我一直期待呈现一种全新的、功用性的、在视觉上还满足吸引人的风格呈现,可是这种规划风格一直都没有呈现。

其实,如果单从视觉吸引力上来说,很多新的规划风格是可以做到这一点的,可是其间有的满足吸睛可是可读性不足,有的满足友爱可是不够高级。好在广大规划师在逐步的迭代的过程中,逐步找到了在美学、功用和视觉吸引力上的平衡点,而这正是我要在今日的文章中分享的。

我愿将这种规划风格界说为「摩登极简」。和其他的规划风格比较,它相对愈加精约,可是和 Material Design 和传统的扁平化规划比较又不会显得单调枯燥,接下来,咱们来看看如何实现这种风格的视觉作用吧!

主要的8个风格特征

我将这种规划风格的特征梳理成为以下8个特征:

  1. 亮堂的布景和满足的留白
  2. UI元素要奇妙和圆润
  3. 大而可读性杰出的标题
  4. 实际题材的摄影
  5. 老练的配色计划
  6. 关于对比度的精妙操控
  7. 操控特效的运用程度
  8. 风趣的小细节和插画

下面我结合案例逐一说明:

1、亮堂的布景和满足的留白

在摩登极简规划风傍边,留白为王。界面的整个视觉特征最容易被留意到的是白色或许带有其他颜色倾向的十分亮堂的布景上。很多的留白和满足亮堂的布景可以让全体看起来洁净、且美观。

2、UI元素要奇妙和圆润

摩登极简风的 UI 傍边,UI 元素一般都呈现出奇妙而柔软的圆润作用,这样会让界面看起来愈加有机和友爱。

之前一度十分火热的 Clubhouse 就运用了相似摩登极简风的规划,这样的规划整个 APP 坚持风格又满足友爱。

对我个人而言,圆角是愈加令人愉悦的一种规划元素,不过在这种风格中,运用圆角的诀窍在于不能让圆角半径过大,否则会显得十分奇怪。

3、大而可读性杰出的标题

大标题能可以带来更强的几许和块面感,无论是衬线字体还对错衬线字体,不过为了坚持摩登极简在风格气质上的统一,我一般倾向于运用几许感较强的非衬线字体。比方Gilroy、Sofia Pro、Lufga 或Circular,此外还可以测验Pulp、Gordita、Visby、Konnect、Geliat、Galano或+Jakarta Sans。

4、实际题材的摄影图片

这一点其实十分重要。摄影著作相对而言可以供给的细节信息量和全体的实在感会激烈很多,而且从规划的总体趋势上而言,我们似乎开端开端厌恶了 3D 渲染、扁平人物插画和手绘涂鸦。实在照片的好处和优势就在于它的实在感。

在题材上,摄影图片一般会看起来愈加严肃和正式,在情感层面上也更容易引发用户与实际生活相关的情绪。

5、老练的配色计划

摩登极简风格在配色上同样考究的是精约感。所以除了很多的白色之外,基本上便是选择适宜的主色以及少数的强调色了。

摩登极简规划风全体上并不需要大片的颜色来引起用户的留意,在绝大多数时候都只是用主色做装点。

6、关于对比度的精妙操控

摩登极简风格的长处之一,便是它杰出的可访问性,而绝大多数考究视觉吸引力的规划风格在这一点上的确比不上它。不过为了保证这一点,在规划的时候,需要经过配色、投影和奇妙的描边之类的小技巧,来保证控件和布景之间有明晰的对比度,有满足的视觉层次感。

7、操控特效的运用程度

摩登极简风其实有从很多不同的规划风格傍边罗致创意,奇妙的颜色暗影,含糊的渐变极光布景,浮雕乃至亚克力式的通明作用,这些视觉风格作用在必定程度上是可以提高UI界面的质感和作用的,可是必定要保证这些风格化的元素不是同时呈现的,否则会让全体的作用看起来乱七八糟。

8、风趣的小细节和插画

当然,摩登极简风的规划关于细节规划同样是有追求的。尽管它全体上坚持精约,可是在小元素上,比方图标、emoji、小装饰上,同样可以是兼容的,用好图画、拼贴、小插画(当然要坚持抑制),将这些元素和强调色以及摄影照片交叉起来运用,是可以让摩登极简风格愈加友爱,令人愉悦的。

结语

我真的十分赏识和喜爱摩登极简风所创造的这种氛围,它给 UI 界面所带来的这种友爱的质感,在某种程度上,正是如今绝大多数的 UI 规划项目所面对的应战。

虽然这种规划风格是脱胎于很多 Dribbble 上的飞机稿,可是这种风格在如今切实在实地应用到实在产品傍边,而且愈加可以处理实践需求和问题。

在现如今这个时刻节点,精约的规划风格关于用户而言有着巨大的价值,可以坚持精约还能保证全体的愉悦感,摩登极简风应该是下一个阶段,越来越多规划师和产品会拥抱的规划趋势。

给TA打赏
共{{data.count}}人
人已打赏
教程分享

第六波!快速提升 UI 设计效果的 6 个小技巧

2021-7-23 17:17:21

教程分享

被刷屏的微软全新3D表情,官方分享背后的设计思路!

2021-7-27 17:16:32

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索