ui极简主义设计案例

作者 易倍宇

简约并不意味着原始,这是两个截然不同的概念。而极简主义设计种大量的留白也并不等同于空。

如今,我们常常在工作和生活种不同的语境下探讨极简主义,而设计和它走的最近。对于极简主义,我们应该熟知它的优缺点和关键知识点。

关于极简主义

实际上极简主义这个词在人类活动的各个领域中都被地使用着,Merriam-Webster 词典种对于它的解释是“在音乐、文学和设计领域中以极其平衡简洁而著称的一种风格或技术”。极简主义正在被越来越多的领域所接纳,其核心的特征是简约而富有意义。

作为一种视觉设计的新方向,极简主义在20世纪60年代的纽约很受欢迎,当时的新老艺术家正在探索将抽象几何元素融入绘画和雕塑艺术。相应的,极简主义在当时的诸如包豪斯运动、建构主义运动中,留下了浓墨重彩的一笔。

在涉及视觉艺术的不同领域,极简主义的核心原则基本都是优雅地保留关键性的、引起观者注意力的部分。线条、形状、色彩、留白、构图等一切元素都被有效地组织起来。今天我们在生活的各个领域都可以看得到极简主义的影子:建筑、艺术、摄影、文学、音乐、UI设计,甚至食物。

设计师应该追求简约而不空洞,时尚而不过度修饰的极简设计,善于使用负空间,大胆的色彩和字体的组合,将优雅融入功能多样的细节。但是,极简的设计和粗陋原始的设计,两者之间往往只有一线之隔,这也为何许多设计师并不像承担这种风险:有的设计师觉得这种风格过于高冷,而更多的设计师则没有搞清楚怎样通过更少的元素来正确搞定极简设计。

Architecture Blog

极简主义设计的特征

设计师经常会提及的极简主义设计,通常包含下面的特征:

简单

明晰

清晰的视觉层次

高对比度的组件和比例

每个元素都有功能

大量的空间和留白

核心细节拥有高关注度

排版是重要的设计元素

无功能的装饰性元素被移除

当然,这个列表还能更长一些。极简的UI设计突出核心的元素,让用户行为更为直观也更具有目的性,此外,简约的界面看起来不那么复杂,也足够简洁,令人满意的审美趋势也让极简的UI设计拥有良好的用户体验。

极简主义设计最佳实践

如今极简主义设计已经成为网页和UI设计中的主流设计趋势,而极简主义设计的主要特征,可以通过下面的这些最佳实践来体现。

扁平化设计

扁平化设计这一趋势和极简主义是相辅相成的存在,两者在技术细节和精神上都保持着高度的一致性。众所周知,扁平化设计移除了拟物化设计中广泛存在的高光、阴影、渐变和纹理,而扁平化设计2.0中也只是有限度地加入了一点阴影,微妙的渐变。扁平化设计让不同屏幕、不同分辨率下,按钮、图标和插画显得更加统一。界面的可用性和视觉的协调性在这种设计风格下更容易实现。

不过扁平化和极简主义仍然是两个完全不同的概念,两者并非可互相替代存在。扁平化更多的是一种技术手法和风格上的存在,而极简主义有着更广泛的意义,它包含了布局、组成、配色、对比度甚至整体设计精神的一套策略,因此,扁平化设计更多的应该算是创造极简主义设计的一种技术和设计技巧。

单色和有限色配色方案

色彩是构建用户和产品情感联系的重要纽带,而设计师在进行极简主义设计的时候,通常会采用单色,或者色彩数量较少的配色方案,这样能让所选的色彩更具有凝聚力,让色彩的力量最大化。这样的设计让用户不会被轻易分散注意力,这样一来,用户会更加容易被引导到特定的区域,关注特定的内容,从而触发交互(比如购买,订阅,捐赠,开始使用等),这样的界面是有效且高效的。此外,从心理学角度上来看,特定的色彩关联特定的情绪,而有凝聚力的配色则可以放大情绪。

表现力十足的排版

简约的UI设计中,排版设计被视为最为核心的元素之一,它不仅可以为用户呈现内容,而且可以创造风格,强化视觉效果。相比于挑选图片,设计师更在意整体排版布局的选择,并且精心选择元素搭配和尺寸的控制。除了色彩之外,字体也是设计师最为在意的元素,因为字体也是塑造体验,传递情绪的重要元素。可读性和易读性是整个排版布局的基本要求,而设计师并不想让不合理的字体选择毁掉这一基础。

有限的选择

极简主义设计的强大之处在于,让用户更加集中注意力,专注于功能和目标。通常,极简风的UI设计中,少有装饰元素,也不会让阴影、纹理甚至多余的交互和色彩来分散用户的注意力,他们需要用户集中注意力,执行关键性的任务,而整个网站或者APP的导航也是围绕着帮用户解决问题而存在。

突出的主题和视觉元素

在极简风的UI当中,设计师不会使用过多的图片,而是选择表现力较强,整体视觉突出的单一图片,以引人入胜的姿态让用户关注到它们。 这样的设计让用户直接注意到对的图片,而不再需要在大量的信息中来做筛选,并且单一的图片所传达的信息和情绪也不会被干扰。图片或者插画将会遵循极简主义的设计风格,否则将会破坏整体风格的一致性。

简洁直观的导航

极简主义为导航设计提出了苛刻的要求:设计师必须遵循极简的原则来显示最重要的内容,隐藏非关键的导航内容,但是这么做还必须确保用户能够轻松找到所有他们想要的信息,无论关键与否。而这种内在的冲突让极简主义设计为人所诟病:如果没有经过足够的调研和测试,汉堡菜单这类用来隐藏导航和信息的解决方案,可能会让用户无法正确、快速地找到他们想要的内容,甚至在网站中迷失,这不是积极而有效的用户体验设计。

善用负空间

留白,或者说负空间,是极简主义设计中不可分割的一项重要组成部分,它并不一定得是白色,和颜色无关。在极简主义设计当中,负空间是增强核心元素的被关注度的有效途径,让整个设计更加优雅。如果你的设计采用的是单色,或者双色的配色方案,那么负空间在创造对比度和清晰度方面,起着无可替代的作用。

Ice Website

栅格系统

对于极简风的网页设计,栅格系统在组织内容和布局上,作用非常的明显,尤其当你的网页中包含了大量同质化内容的时候。此外,栅格系统还能很好地帮你搞定响应式设计。

The Big Landscape

对比

按照极简主义设计的理念,良好的对比度对于整个视觉设计的作用是特别明显的,而对比主要涉及到的是色彩的对比,形状的对比,以及位置的对比,这些都是关键性的对比元素。

Bjorn Website

结语

极简主义设计的优势很多,在创建网页和UI界面上有许多效果突出的手法,但是它并非是万能的,换句话来说,它的适用场景其实是有限制的,并非任何场景下都能实用。但是有一件事是肯定的,界面越简约,设计目标和针对性就越明显,而设计师要投入的时间和精力也越多。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,033评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,725评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,473评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,846评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,848评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,691评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,053评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,700评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,856评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,676评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,787评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,430评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,034评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,990评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,218评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,174评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,526评论 2 343

推荐阅读更多精彩内容

  • github桌面版的使用(windows版) 1.上官网注册一个自己github的账号(github网址:http...
    奶茶和亮亮阅读 390评论 0 0
  • 众所周知,在兼并收购的过程中间,投资银行会到处去帮收购方寻觅猎物。但是很多目标企业,不愿意束手就擒。所以它们也会雇...
    可听阅读 757评论 0 0
  • 我们经常会在有些出租出售房子上面挂着红色横幅上面写着电话号码,商圈经常不缺客户闲逛,有些客户看到红色的横幅上有电话...
    商小楼阅读 843评论 0 0
  • 济宁,这座陪伴了我十八年的运河之城,在一场梦的时间后与我告别。同时告别的还有曾经的自己。唯一放不下的是那个执念。 ...
    金融先生贵姓阅读 249评论 0 0