美文网首页
ui极简主义设计案例

ui极简主义设计案例

作者: UI设计达人 | 来源:发表于2018-05-14 10:51 被阅读104次

    作者 易倍宇

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

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

    关于极简主义

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

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

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

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

    Architecture Blog

    极简主义设计的特征

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

    简单

    明晰

    清晰的视觉层次

    高对比度的组件和比例

    每个元素都有功能

    大量的空间和留白

    核心细节拥有高关注度

    排版是重要的设计元素

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

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

    极简主义设计最佳实践

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

    扁平化设计

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

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

    单色和有限色配色方案

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

    表现力十足的排版

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

    有限的选择

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

    突出的主题和视觉元素

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

    简洁直观的导航

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

    善用负空间

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

    Ice Website

    栅格系统

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

    The Big Landscape

    对比

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

    Bjorn Website

    结语

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

    相关文章

      网友评论

          本文标题:ui极简主义设计案例

          本文链接:https://www.haomeiwen.com/subject/eahhdftx.html