优秀的设计作品中都应用了以下的设计原则,他们是相互关联的,只应用其中一个的却很少:

 

  • 对比
  • 重复
  • 亲密性
  • 对齐

关于对比

1)如果你想让你的设计变得更有趣,对比或许就是一个很有效的方法,如果元素(字体、形状、颜色、大小、空间、线宽)不相同那就干脆让他们截然不同。要让页面引人注目,对比是一个重要的元素。

2)要实现有效的对比,对比必须强烈,可以采用多种方式,比如说大字体小字体  细体粗体 细线粗线 冷色暖色 平滑材质粗糙材质 间隔宽和紧凑 大图片和小图片等

3)千万不要用两个相差不大的一起做对比,这样出来的并不是对比而是冲突

2、关于重复

1)所谓的重复就是设计中的视觉要素在整个设计中重复出现,比如说颜色、形状、空间、线宽、图片大小;

2)避免太多的重复一个元素,这样容易混淆重点

3)重复的目的就是统一并增强视觉效果,他不仅对一页的文档有用,对多页的文档设计更为重要。

3、关于亲密性

1)如果多个项相互之间有很近的亲密性,那他们将会成为一个视觉单元,而不是孤立的元素;

2)彼此相关的项应该靠近归组在一起,有助于组织信息,方便阅读

4、关于对齐

  • 任何元素都不能在页面上随意的乱放,他应当与另外的某些元素在视觉上存在某种联系;
  • 居中对齐感觉比较安全但是效果却很平淡,不要害怕设计不对称,不居中效果更强烈;
  • 绝对不要在左对齐的文本或者缩进的文本上方将标题或者副标题居中对齐,如果左都要左,
  • 并不是完全杜绝居中,有时候可以有意选择这种对齐方式,但不要把他作为默认;
  • 可以在设计页面的过程中找到一条明确的对齐线,并以他为基准。

1、扁平化

1、什么是扁平化

1)抛弃高光、阴影等造成透视感的效果,透过抽象简化符号化的设计元素来表现

2、扁平化的优点

  1. 简约而不简单,搭配一流的网格色彩让看久了拟物化的客户感觉焕然一新
  2. 突出内容主题,减弱各种高光阴影等拟真视觉效果对用户视线的干扰,让用户更加专注于内容本身
  3. 设计更容易,优秀扁平的设计只需保证良好的架构。网格和排版布局,色彩的运用和高度一致性。

3、扁平化的缺点:

1)需要一定的学习成本,且传达的感情不丰富且过于冰冷

2、拟物化

1什么是拟物化

  1. 模拟现实中物品的造型和质感,透过高光,阴影,文理材质等效果对实物进行在现,拟物化会让你第一眼认出这是一个什么东西

2拟物化的优点和缺点

  1. 认知成本低
  2. 人性化的体贴
  3. 各种按钮的视觉质感和按下去之后的交互效果,养成用户对其统一认知和使用习惯
  4. 缺点就是为了做效果,程序复杂

3、设计中色块的颜色及形状的选择

1)色块在扁平化设计中占有重要的地位,几乎我们看到的所有扁平化的而设计都离不开色块,关于色块的形状有三角形,四边形,五边形,六边形,但是注意不要使用超过六边形的形状,这样容易让用户将焦点转移在数形状的变数而忽略我们要传达的信息。

2)关于色块的颜色尽量不要使用鲜亮刺眼色颜色,多使用温和、饱和度不高的颜色。如果追求可靠。安全、稳定、平静的风格,选择一种主色以及与主色同色系的四五种辅色搭配

3)在扁平化设计中黑白以及不同程度的灰色很重要,所以当我们不知道选用什么颜色的时候,黑白灰也是不错的选择。

4、字体的选择

1)请选择无衬线体,常用的中文无衬线体微软雅黑,幼圆、黑体、张海山锐楷体、方正智艺体。QQ图片20151122233602

5、注重排版

1)在排版的时候一定要遵循设计的四大原则,在我们放好某些文字以及色块的时候,请务必检查下是否尊训以上四个原则,

2)色块里面放置文字的时候,要记得留出呼吸的空间,一定要注意留白,因为扁平化设计中排版尤为重要。

6、图片的使用

1)扁平化设计中如果要用到图片常用的处理方法有三种:普通的色块/文字+图片、图片压暗处理、图片高斯模糊处理