视觉设计

design

极简主义设计的最佳实践

toyean3年前 (2020-12-09)视觉设计765编辑删除

随着移动设备的普及,极简主义也得到了越来越广泛的运用。极简主义为各大应用和网站带来了额外的好处,去除了多余的修饰元素后,使得加载速度更快,各屏幕尺寸之间的兼容性更好了。一个好的应用,需要把极简主义和易用性很好的结合在一起,才能给人留下深刻的印象,一个简单易用的应用,代表着的是一个高效的沟通方式。


“设计师往往想要通过更简单的方式去表达更多的内容”


但同时,想要把极简主义用的得心应手,还是存在一定难度的。它迫使设计师以小见大,用少表示出多。对于那些想要尝试极简主义的人,在开始之前,确保你知道一些基本的经验法则。这里有一些小提示,供你参考:


删除所有不必要的元素

你的设计中的每一个元素都是要有意义的


一个极简的设计,是没有一点多余的。页面上的每个元素都是必要存在的。每一个元素服务于你的设计目的。抓住最重要的地方进行设计。正如Antoine De Saint-Exupery说的:

“ 完美之道不在于没有更多的东西填进去了,而是已经没有一丝多余。“


页面中消息被清楚地表达出来,画面上没有一丝多余的元素


温馨提示:决定好哪些是该去掉的,哪些是该留下来的。

1.去掉没有意义的图片。除非它们是为了清楚表达你想要的信息,所必要存在的。

2.删除不必要的文字,保持言简意赅。用最简洁的文字,把你想要表达的内容表达清楚。同时,文本内容应包含所有最重要的信息,避免导致信息混乱和不好的用户体验。


在每个页面上建立一个焦点

润色你的文字


屏幕上的元素越少,越能突出你想要突出的内容。极简的哲学在于,你必须围绕你的内容进行设计:内容为王,所有的视觉设计都为它服务。这个做法是想要使消息更简洁,不脱离主题,让用户注意力更集中在内容上。因此,极简的设计应以清晰,不模棱两可的方式突出你想表达的内容和按钮。


层次可以使得内容更容易被理解


Tips:从大体的内容入手,再通过特定的界面去表达,让用户能够清晰的找到他想要的东西。


 精简的配色方案

克制得使用颜色


精简的配色,会给用户带来良好的用户体验,相反,过多的用色则会显得设计没有章法,效果也大打折扣。当然,简约的配色方案并不意味着你只能使用黑色或者白色。极简设计的核心在于,只使用必要的颜色,准确表达你的设计理念,塑造出层次感。


iOS的Clear APP使用邻近色的颜色方案,来区分任务的优先级


Tips:在设计过程中,也可以考虑大胆的用色。通过增加字体的大小和颜色的对比,将用户的注意力吸引到页面的特定区域,而且不用增加额外的视觉提示。


流动的色块将用户的注意力吸引到屏幕的特定区域(图片来源:  Dribbble)


使用适当的留白

流出呼吸的空间,保持页面简洁


界面的留白,不一定指的是白色。它是极简主义的一个重要组成部分 - 它使得页面风格在视觉上更统一,更加易于阅读。并不是页面上所有的空白区域,都一定要被填满,请将留白,理解成是你界面内容的一部分。


灵活的留白,和灰色搭配在一起,被巧妙的运用在 Medium App iOS版中


提示: 注意对间距的使用。你可以通过增加元素周围的间距,使元素更突出。只要确保空白的区域在视觉上是符合一定规律的。


iOS的Sky APP使用留白创造出信息的层次感,使内容更容易理解


结论

极简主义当然是实现好设计的一种方式,但它并不是唯一途径


功能决定形式


这意味着,我们的最终目的是实现一个更简单和更流畅设计过程,并且这种情况只有当设计师懂得把实用性和美观性结合在一起的时候,才算是真正掌握了什么是极简主义。请记住,极简主义并不是要从设计中抽离,而是要恰到好处得传达出我们自己的设计理念。


谢谢!


关于作者

Nick Babich,一个软件开发人员,技术爱好者和UI / UX爱好者。

分享给朋友:

相关文章

后AlphaGo时代的体验设计

后AlphaGo时代的体验设计

阿里巴巴UCAN2016 “设计赋能商业,共创极致体验”大会非常荣幸地请到了同济大学设计创意学院娄永琪院长,于3月28日上午给我们带来精彩的演讲,娄院长的思考可谓跨界,他从更宏观的视野去定义设计,在更发散的面向人类未来的场景中探索设计的本质,从人道主义的角度去建构设计的使命—除了服务于消费主义之外,设计的未来要去创造更多非物质的价值,比如幸福感和美,给了我们很多深刻的输入。我们尽可能地通过以下的文...

产品详情模板示例

产品详情模板示例

HIGHFASHION》高级感造型小物

了解最新的趋势,创造更好的将来

了解最新的趋势,创造更好的将来

有三个人要被关进监狱三年,监狱长给他们三个一人一个要求。美国人爱抽雪茄,要了三箱雪茄。法国人最浪漫,要一个美丽的女子相伴。而犹太人说,他要一部与外界沟通的电话。三年过后,第一个冲出来的是美国人,嘴里鼻孔里塞满了雪茄,大喊道:“给我火,给我火!”原来他忘了要火了。接着出来的是法国人。只见他手里抱着一个小孩子,美丽女子手里牵着一个小孩子,肚子里还怀着...

利用动画效果来提升用户体验

利用动画效果来提升用户体验

动画效果会讲故事。但不是冗长和完整的故事,而是简单的故事,比如“嗨,你现在该看这里了”或者“哇,你的操作完全正确。”然而,动效的目的不是为了愉悦用户,而是为了帮助理解操作会有什么进展亦或是提高用户使用APP的效率。这一点我们可以在 Zurb 的陈述里证实。我们不仅仅只是设计图形界面。我们设计的是用户与他们的屏幕如何互动。或许动画效果应用在广范围的背景来构建美学与功能的统一:动效能够影响用户行为,沟...

为用户体验做设计

为用户体验做设计

用户体验(UX)是一个产品在市场上的成败关键,但是UX是什么意思?很多时候UX被混淆为可用性 ,它描述在一定程度上的产品是多么容易使用,这是事实,UX作为一门学科,开始为可用性,然而UX已发展到适应,而不是实用性,越来越多注意的各个方面的用户体验 ,以提供成功的产品推向市场。 用户体验是不能被设计的,只能是为用户体验做设计,用户体验的核心和本质:满...

清透的版式设计欣赏

清透的版式设计欣赏

一个成功的专题页面,大部分会具有以下几个出彩的要素:色彩、构图、风格创意,细节等。一个页面从无到有,设计师需要对整个页面有全盘的设计和把控,良好的画面分割能够让用户第一眼看到这个页面就能被视觉吸引,甚至不用浏览具体内容就能了解这个页面的很多信息。同样的素材,同样的配色,不同的构图能够让页面出来的效果有天壤之别。如果你还抱着一个专题就是一个出色的头图,下面的内容按部就班的填进去,那你就OUT了。现在...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
现在,非常期待与您的又一次邂逅

我们努力让每一次邂逅总能超越期待