24小时课程咨询热线
13481013014

UID简介 UI设计 UED 平面设计 网页设计 淘宝美工 PS培训 学员作品 学员就业 合作企业 设计教程 免费试听 更多课程

UI设计提速秘籍

  • 课程级别:
  • 课程数量:
  • 课程评分:
  • 课程简介:
  • 中级技能
  • 更新至第9套教程
  • UI设计细节最重要,为大家分享一些UI设计细节处理技巧,做到这些可以充分提高设计师的工作效率哦!

达内数字艺术学院拥有众多业内权威实战讲师!名师面对面,巴拉拉……

预约试听 名师答疑

做好扁平化设计-视觉篇

UI设计提速秘籍2016-02-15

一些关于扁平化设计的做法,这里主要偏视觉侧

1.去掉特效

先来看一组对比图片

同样是镜头的设计,在扁平化中去祛除了渐变,阴影,质感,等各种修饰手法,仅用简单的形体来表达,显的干净利落。

做减法,这第一步应该是最容易的。

2.简化提取

首先我们来看看做简化和提取的一个典型例子

毕加索画的牛

一头牛从最初的写实到最后仅仅只用几根线条来表示,整个简化的过程也经历了好几个步骤,当然这里对设计师观察和提炼能力要求很高,要充分了解对象物的本质,懂得巧妙的取舍,用极简的要素,在没有更多特效装饰的情况下表达清楚内容,在界线与轮廓的高对比下,表现出物体的美感。

3.巧用色彩

在扁平化设计中,色彩运用的是否到位,无疑是这种设计风格中很重要的一个环节,看很多作品,在色彩上更多的强调更亮 、 更鲜艳。

在以往的设计中,大多数情况下设计一个作品更专注在两三种颜色之间,而扁平化设计的色彩往往在6到8种。

以下收集了一些颜色使用频率比较高的,蓝,绿色,裸色(粉色),杏,灰色,紫色

这里除了颜色的搭配还有一点就是,在很多时候扁平化的视觉设计中,是很少有线条出现的,更多是用色块来表现各种关系。(怎么用色块表现,这里应该也可以有一个专门的分享)

当然也有一些是走复古风,同色系,和低饱和度⋯⋯等等的

重要的是各种调调放在一起看起来要和谐

4.排版很重要

由于在扁平化设计中采用的都是极简的元素,所以,排版就显的尤为重要。

首先是字体:在扁平化设计风格种,字体的设计显的很重要,一种新奇的字体用来作为设计元素会发挥极其重要的作用,但是要小心,不能因为字体太新奇,而影响到了信息的传达。字体更多时候采用的是无 衬线 (sans serif)字体类型

其次是大图

一张好看的图片能吸引大家注意力和点击的欲望,在加上适当的排版,再配合扁平界面,瞬间设计感倍增,上档次了有木有

再来是半透明

使用这些设计方式最大的好处就是创造对比,可以让设计师通过色块,图片上的大字体或者多种颜色层次来创造视觉焦急,传说中的大气应该有这样一种效果,哈哈

这种效果如果运用得当的话,效果会非常震撼,但是使用这种效果必须谨慎,因为这种效果很难处理得当,有一些原则需要掌握:

1 只有图片和文字都可以读时,半透明效果才有意义,

2 在决定半透明位置的时候,你要知道遮挡了什么内容,这些遮挡是否合理

3 透明度的使用错误会影响到整体的设计效果和阅读性,

4 出于可读性考虑不要在对比强烈的图片上放置半透明元素(比如黑白对比或互补色)

5 不要同时运用过多半透明效果