视觉设计
当前位置:首页 > 案例展示 > 视觉设计 > 正文内容

视觉设计

极简主义设计的最佳实践

7年前 (2017-01-08) 热度:3050 ℃

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


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


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


删除所有不必要的元素

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


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

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


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


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

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

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


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

润色你的文字


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


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


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


 精简的配色方案

克制得使用颜色


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


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


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


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


使用适当的留白

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


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


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


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


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


结论

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


功能决定形式


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


谢谢!


关于作者

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

TAGS: 设计
分享给朋友:

相关文章

老师当着全班取笑一个学生,但看了他档案后震惊了

老师当着全班取笑一个学生,但看了他档案后震惊了

开学的第一天,班主任站在五年级的学生们面前,说了个谎。她看着她的学生们,说她会平等地爱班里的每一位同学。 但这是不可能的,那是因为坐在前排的一个小男孩,他叫李安。班主任发...

后AlphaGo时代的体验设计

后AlphaGo时代的体验设计

阿里巴巴UCAN2016 “设计赋能商业,共创极致体验”大会非常荣幸地请到了同济大学设计创意学院娄永琪院长,于3月28日上午给我们带来精彩的演讲,娄院长的思考可谓跨界,他从更宏观的视野去定...

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

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

动画效果会讲故事。但不是冗长和完整的故事,而是简单的故事,比如“嗨,你现在该看这里了”或者“哇,你的操作完全正确。”然而,动效的目的不是为了愉悦用户,而是为了帮助理解操作会有什么进展亦或是...

为用户体验做设计

为用户体验做设计

用户体验(UX)是一个产品在市场上的成败关键,但是UX是什么意思?很多时候UX被混淆为可用性 ,它描述在一定程度上的产品是多么容易使用,这是事实,UX作为一门学科,开始为可用性,然而UX已...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。