设计好极简风格的25个要点!

小编:极简主义的目的就是让主要内容更准确的呈现在用户眼前。那要如何去实现呢?小编认为我们可以把一个复杂的产品经过不断的简化,回归基本让内容清晰可见。但这并不意味着极简设计很简单,事实上优秀的极简作品交互流畅、视觉诱人、体验美妙。接下来大家一起来学习下值得参考的25个极简风格要点吧,感谢作者@喪心病狂十六夜貓的分享。

在过去的几年中我们时常会听见别人说“极简风格(英: Minimalism)”这个词,但这究竟是什么,我们又该怎么使用呢?

极简风格,就是将设计省略到最小限度,只留下真正引人注意的内容,这样一种表现风格。通过极简风格,可以将设计的意图与目的更准确的传达出来。

极简风格看起来很简单,但完成作品也是需要大量的练习和长时间的制作的。这一次,就让我们一起来看看极简风格具体的使用方法与参考案例吧。

目录

1保持一致。

2.探索隐藏信息。

3.让空间的连接变得有趣。

4. 更加聪明。

5. 更加有效。

6. 使用网格。

7. 考虑实用性和功能性。

8. 保持平衡。

9. 打破规则。

10. 文字游戏。

11. 留白空间是万能空间。

12. 参考别的选择。

13. 添加质感。

14. 尝试发散思维。

15. 尝试更容易理解。

16. 扩大规模。

17. 不只有黑白。

18. 考虑灵活性。

19. 转化为象征

20. 尝试使用的图标。

21. 尝试使用的字体。

22. 小小改变,大大不同。

23. 集中注意。

24. 尝试使用对比。

25. 不变的设计。

01. 保持一致。

简约风格的logo或品牌商标,能强烈的表现图片的主旨,有助于识别品牌的文字的准确描述。上述的logo案例非常简约,配色也控制在最小限度,能够在整个品牌广泛使用。已成为一个具有一致性令人印象深刻的品牌。

02. 探索隐藏信息。

简约风格的设计看起来并没有什么设计创意,这种事是不可能的。事实上,当厌倦了复杂的设计时,探索被隐藏的设计要素的关联性反而成了有趣的地方。在上述案例中,由于简约风格的设计,「OPERA」、「OPERA AUSTRALIA」、「OZ OPERA」这样的单词通过有趣的组合巧妙地隐藏起来了。

03. 让空间的连接变得有趣。

利用简约风格来表现出至今为止都没有考虑过的设计空间的链接性吧。正如上面的案例,思考就像这些名片排列一样,如何让你的设计获得更好的延展性吧。

04. 更加聪明。

简约风格需要取出所有没有必要的素材,所以经常考虑这些素材会在哪里用到是必须的。以上述为例,logo在品牌之中组合,完成了非常迷人、非常简单的设计。

05. 更加有效。

简约风格省去所有不必要的东西,是为了专注于信息本身。以上述为例,有效的表现出了名片上所有的联络信息。在这种情况下,就没有必要添加多余的设计。

06. 使用网格。

对于设计来说网格是非常方便的工具,特别是在简约风格中。设计元素少的情况下,使用网格系统也是很方便的。在上述案例中,标题与正文,通过网格进行排列的干净简单,同时也完成了有效的布局。

07. 考虑实用性和功能性。

简约风格在功能性方面也非常有魅力。我们来看一下有着干净感觉的这个案例,他也实现了内容的便于阅读。通过添加文字阶层,可以快速移动到内容页面,在功能性上可以说也是非常出色的。

08. 保持平衡。

摄影照片与印刷文字的视觉关系,需要有着绝妙的平衡。对良好的设计来说,没有什么特别的理由限制,只是注意不要让一个元素压倒另一个元素。在这组案例中,上面的使用的简单的照片和能让人集中注意力的巨大引用文字相组合;而下面的则使用了具有质感的复杂照片和小字体的文本相匹配,各个页面互相调和,取得了设计的平衡。

09. 打破规则。

在这之前也介绍过,使用之前从没有考虑过的简约风格设计方法进行设计也是可以的。在上述的案例中,将logo的一部分反转,让人难以阅读。但是,由于设计十分简单,反而让人感受到了它的魅力。

10. 文字游戏。

请不要忘了简约设计中的文字,也是非常重要的武器。如同上面的案例一般,你也可以灵活的使用视觉性的元素。通过在文字上添加波浪形的效果就可以获得强烈的视觉效果,而无需添加其他图像。简单方便的完成设计。

11. 留白空间是万能空间。

被称作Negative Space的留白空间,通常只是被认为是一片空白,但你可以利用他完成设计上的平衡。在上述的案例中,通过使用足够的留白空间,我们完成了优雅简约的设计。

12. 参考别的选择。

想一想比纯白画布还要简约的设计是什么呢?不仅仅是在屏幕上,在印刷时所使用的技术也可以为你所用。如同上述案例中文字使用浮雕效果一样,为了让简约风格更有深度,该使用怎样的效果呢?

13. 添加质感。

极简风格虽然很容易被想象成颜色单调的组合,但这技术并不是每一个都适用的。通过为你的设计导入纹理,可以有效的增加简约风格的深度。在上述案例中,通过简单的配色和纹理相组合,调整照片和品牌商标的平衡,完成了有效的设计。

14. 尝试发散思维。

在简约风格中,我们也可以参考像上述案例一样的元素配置、构图顺序,通过设计表现出轻松有趣的感觉。沿着页面的一端配置字体,表现出独特的创意和醒目的效果。

15. 尝试更容易理解。

利用的设计元素少,信息全体的沟通将会更加直接。这种技术在网页上特别有用,像上述案例一样,我们通过顺着页面滚动阅读,直接将信息的意图传达出来,帮助用户理解我们所有的想法。

16. 扩大规模。

简约风格能将用户第一眼看到时的视线集中起来,为了更正确的表达效果,我们可以扩大简约风格的规模。在上述案例中,首先将引号里的几行字作为最大的设计要素,接着是照片,最后是文章。有目的的灵活使用扩大缩小这样简单的设计,表现出作者希望用户如何去观看的效果。

17. 不只有黑白。

对许多人来说,使用单色的配色便是简约设计,然而并不是那样。利用相对较少的配色(1-3种颜色最合适),能很好的起到集中视线的效果。在上述案例中,使用明亮的黄色和黑白的logo相组合,也能表现出印象深刻的简约设计。

18. 考虑灵活性。

简约设计,特别是从应用的观点来看,有助于提高灵活性。就像上面这个例子,由简单的对称字体和两种颜色作为配色构成。在此,多亏了简单的而独特的简约设计,可以不用不破坏品牌形象,就能很容易进行更改。

19. 转化为象征符号。

简约设计,对设计的象征化来说是最合适的。考虑一下那些相关联的对象究竟有什么意思吧参考上述案例,文字的配置看起来悲伤的脸,让设计变得令人印象深刻。

20. 尝试使用的图标。

图标,从APP用到电脑的工具栏,几乎每天都在使用的便利的小物件,也可以有效的利用在简约设计上。或增强使用的便利性,或减少页面上的文字,帮助引导用户的视觉都是非常不错的。来看上述案例,页面全体的图标统一,作为导航非常的灵活。

21. 尝试使用的字体。

简约设计喜欢较少的元素,对于字体来说也是一样的。如上述案例,只使用一到三个的字体,表现出简约的功能性设计是最合适的。由于谨慎的控制使用了少量的字体,也大大地提高了可读性。

22. 小小改变,大大不同。

简约之美也是如此,他能通过微小的变化产生截然不同的结果。参考上述案例,只是在非衬线字体上加了两条线,再不改变配置的情况下就能表现出漂亮的视觉效果。

23. 集中注意。

不要忘记,设计是为了内容服务的。极简主义与通常的商业向内容相比,马上就能确认内容的简单排列布局能更灵活的运用。在上述案例中,通过使用这种技术,将视线集中在了内容上。

24. 尝试使用对比。

对比强烈的设计,能帮助你创建一个像内容等便于理解的设计。参考上述案例,黑色的背景与鲜艳的内容相对照,简单的就能完成具有魅力的设计。

25. 不变的设计。

极简主义是设计不可或缺的一部分,他有着跨越时间仍能被人喜爱的可能。包含在设计中的要素越少,就越不会拘泥于特定的样式和趋势。我们可以参考谷歌的主页这一显而易见的案例。上面是十年前和今日的谷歌主页。虽然有一些小的变化,但专注的空间和内容依旧没有变,这正是跨越时代的设计。

最后。

总的来说,极简主义与其说是将美的东西再现出来,倒不如说它是一种设计的思路。

注意限制文字和字体的数量,做出更流畅更具统一感的设计吧。利用阶层,在网格上配置,让文字的易读性达到最大吧。

对于颜色,灵活的运用单色的配色,但不要被规则所束缚。通过追加一部分颜色,强调设计的特定的点,也能很好的集中人们的视线。

一般来说,不论是调色板中使用的颜色,还是配置中的图像,好好想想还有那些是可以被删除的。要不断的去浓缩,时刻考虑将更简单的东西与之替换。简单的说就是留下必要的,其他的一切元素都尽可能的减少。

photoshopvip

译文地址:微博

译者:喪心病狂十六夜貓

(0)

相关推荐

  • 网页设计中的极简风格—无的力量

    小编:首先感谢@飞屋睿UIdesign为我们分享讲解什么是极简设计以及如何做到极简并配上很优秀的图来帮助我们讲解.不久前刚看到一句话来和大家分享下,感觉可以用来提升逼格.这句话是这样写的"U ...

  • 15个极简风格的网页设计欣赏

    小编:今天给大家带来15个极简风格的网页设计,抛除冗杂的包装,把最重要的信息保留下来,给人轻松.简单的美好感受.大家可以好好的欣赏一下,这些网页设计的信息以及内容的展现和排版都是很好的,相信大家一定会 ...

  • 三大重点拍出极简风格作品

    极简摄影的精髓在于迈向简单,以纯粹的形体意念,展现Less Is More 的现代主义教条.在本篇当中,我们将针对极简形象意念.拍摄手法.元素结构,以及后制理念技巧进行阐述,力求能为读者在创造时带来一 ...

  • 5种极简风格拍摄技巧

    拍好极简风格,我们可从三分构图法来开始找寻所谓的规则,再去挑战它,甚至超越它.以一张宽高比3:2 影像,我们可以将影像横切为三等分,如例图般将海与天空分别采取1/3 与2/3 的方式进行拍摄,然后于1 ...

  • 20款极简风格名片设计作品欣赏

    虽然现时网络十分流行,但名片依然是品牌企业或个人不可缺少的一种宣传手段,特别是设计师.营销人员.摄影这些专业人员,名片的设计绝对不能马虎,名片必须要有创意,这样才能体现你的职位,让名片更有意义. 在这 ...

  • 50个极简风格网站欣赏

    小编:浓缩即是精华,设计也是如此,并非五颜六色,满屏模块的页面就是优秀的,有时候简单干净点反而会让人感觉更舒适,今天为大家分享一组以简约.干净为主的网页.如果你也想制作一个简约风格的网站,以下面这些例 ...

  • 极简主义风格个人简历模版PSD

    小编:极简主义风格的响应式个人简历模版PSD+HTML打包下载.阳春三月跳槽月,这是你必备的简历模版.这套模版整个设计秉承极简主义风格,有部分HTML5动画效果,而且是响应式支持手机浏览,使用的时候要 ...

  • 电商设计中的极简设计

    小编:本篇来和大家讨论讨论关于电商设计中的"极简设计",首先感谢作者@蒸个馒头详尽的讲解,举例分析.我认为的"极简设计"就是去掉不是必要的,留下重要的,让用户可 ...

  • 绘制极简性感时尚风格插画

    小编:插画需要找参考,灵感.有这样一种简单粗暴的参考会是你的菜,一起去看看@飞屋睿带来的用照片做原型,绘制性感女生. 寻图困境 UI设计中配图的问题我曾在<网页配图之个性年代插画当道>中简 ...