扁平化设计教程!做好扁平化设计视觉篇

2018-9-19 22:36:00  41阅

一些关于扁平化设计的做法,这里主要偏视觉侧
1.去掉特效
先来看一组对比图片
.
同样是镜头的设计,在扁平化中去祛除了渐变,阴影,质感,等各种修饰手法,仅用简单的形体来表达,显的干净利落。
做减法,这第一步应该是最容易的。
2.简化提取
首先我们来看看做简化和提取的一个典型例子
毕加索画的牛
.
一头牛从最初的写实到最后仅仅只用几根线条来表示,整个简化的过程也经历了好几个步骤,当然这里对设计师观察和提炼能力要求很高,要充分了解对象物的本质,懂得巧妙的取舍,用极简的要素,在没有更多特效装饰的情况下表达清楚内容,在界线与轮廓的高对比下,表现出物体的美感。
3.巧用色彩
在扁平化设计中,色彩运用的是否到位,无疑是这种设计风格中很重要的一个环节,看很多作品,在色彩上更多的强调更亮 、 更鲜艳。
.
在以往的设计中,大多数情况下设计一个作品更专注在两三种颜色之间,而扁平化设计的色彩往往在6到8种。
以下收集了一些颜色使用频率比较高的,蓝,绿色,裸色(粉色),杏,灰色,紫色
这里除了颜色的搭配还有一点就是,在很多时候扁平化的视觉设计中,是很少有线条出现的,更多是用色块来表现各种关系。(怎么用色块表现,这里应该也可以有一个专门的分享)
.
.
当然也有一些是走复古风,同色系,和低饱和度⋯⋯等等的
重要的是各种调调放在一起看起来要和谐
.
4.排版很重要
由于在扁平化设计中采用的都是极简的元素,所以,排版就显的尤为重要。
首先是字体:在扁平化设计风格种,字体的设计显的很重要,一种新奇的字体用来作为设计元素会发挥极其重要的作用,但是要小心,不能因为字体太新奇,而影响到了信息的传达。字体更多时候采用的是无 衬线 (sans serif)字体类型
.
其次是大图
一张好看的图片能吸引大家注意力和点击的欲望,在加上适当的排版,再配合扁平界面,瞬间设计感倍增,上档次了有木有
.
再来是半透明
使用这些设计方式最大的好处就是创造对比,可以让设计师通过色块,图片上的大字体或者多种颜色层次来创造视觉焦急,传说中的大气应该有这样一种效果,哈哈
这种效果如果运用得当的话,效果会非常震撼,但是使用这种效果必须谨慎,因为这种效果很难处理得当,有一些原则需要掌握:
只有图片和文字都可以读时,半透明效果才有意义, 在决定半透明位置的时候,你要知道遮挡了什么内容,这些遮挡是否合理 透明度的使用错误会影响到整体的设计效果和阅读性, 出于可读性考虑不要在对比强烈的图片上放置半透明元素(比如黑白对比或互补色) 不要同时运用过多半透明效果
.
延伸阅读:扁平化设计与Material Design区别在哪里?扁平化设计+全新系统级应用 MIUI 6体验无奈的扁平化设计!iOS 8对比Android L扁平化设计的前世今生如何做好扁平化设计:交互篇极简扁平化设计 全新nubia UI截图曝光同样扁平化设计 概念Android 5.0亮相 查看全文
  PS调色教程!给阴天泛白人物图片加上漂亮霞光效果
  PS抠图教程!Photoshop抽出滤镜快速抠出美女
返回上级 返回首页