-
什么是扁平化设计
- 抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,从而打造出一种看上去更“平”的界面。善于用颜色去鼓励用户探索。
-
扁平化设计的特点是什么
-
扁平化效果如何
- 种设计有着鲜明的视觉效果,它所使用的元素之间有这清晰的层次和布局,这使得用户能直观的了解每个元素的作用以及交互方式。
-
扁平化特点
- 简单的形状之外,还包括大胆的配色
- 简单、直接、友好的特性
-
为什么选择扁平化设计
- 快速高效是扁平化设计的一个很重要的基因
- 更迭快低成本运作:最短的时间内更新官网
-
> 信息突出
- 通过颜色的对比,大小不同的字号,让重要的信息放在首要位置,不重要的元素弱化
- > 简洁清晰简洁的东西总是让人喜爱的,在一个设计简洁逻辑清晰的网站你能很快找到自己所要的东西,而且能在使用过程中减少犯错。
-
扁平化设计原则
-
少点再少点
- ,可以先做“加法”,然后一点一点减,多问问自己这块是不是一定需要摆放这个元素
-
大胆点再大胆点
- 先打破以前的框架。
- 细点再细点
-
酷点再酷点
- 后期要是能在页面上好的互动效果
-
扁平化设计怎么做
- 一 、拒绝特效
-
二 、 界面元素
- 简单的用户界面元素,诸如按钮或者图标之类。设计师们通常坚持使用简单的外形(矩形或者圆形),并且尽量突出外形,这些元素一律为直角(极少的一些为圆角)
- 用户凭经验就能大概知道每个按钮的作用
-
三 、 优化排版
- 字体是排版中很重要的一部分,它需要和其他元素相辅相成
-
让不同的字体表达不同的概念
- 通过字体告诉用户这某一设计/功能的含义,努力使字体成为你简化设计的有力武器。
-
四 、 如何配色
-
亮色
- http://flatuicolors.com/
- 亮色:可以尝试把这些色彩组合,或混合在一起使用。它们在白色或黑色背景上都有很好表现。
- 比较流行的有:蓝色,绿色和紫色。
-
复古色
- 复古色 也是扁平化设计中一种流行的方案。
- 复古色:这类色彩适合作为主色元素出现,配以图案或柔和的色彩,效果最佳。
- 比较流行的有:橙色,桃色,梅子色和深蓝色。
-
单一色
- 单一色 方案正在被日益普及。它依赖于黑色和白色的单一颜色来创造新的色调。
- 单一色:与其他色调方案一样,通过调节对比度,可以在父颜色基础上得到很多不同的色调。
比如原始颜色对比度是100%,你可以看看调成50%,20%和8%后分别是什么样子。
- 比较流行的有:蓝色,灰色和绿色。
-
五 、 最简方案
- 避免不必要的元素出现在设计中。简单的颜色和字体就足够了