扁平化设计的几个规律

注意

无论如何，请记住扁平化的核心就是简洁。

规律

关于高光、渐变和投影

扁平化风格的三大要素：去掉过渡式高光、过渡式渐变、过渡式阴影。
2

使用扁平化图标

使用具有明确含义的图标，可以让你的设计更耐看些。
3

色块的形状和颜色

色块在扁平化设计中占有很重要的地位，几乎所有的扁平化设计都离不开色块。色块的基础形状有圆形、三角形、四边形、五边形及六边形。注意不要使用六条边以上的形状，因为这样有可能人们会去数形状的边数而忽略你所要传达的信息。

色块的颜色，并没有特别要求，但常见的还是使用温和、饱和度不高的颜色更适合。
4

色块的组合

可以由基础形状衍生出更多的组合形状，但是建议不要超过三种不同基础形状的组合。
5

字体的选择

请选择无衬线体，如常见的有微软雅黑、黑体、幼圆、张海山锐楷体、方正稚艺体等。
6

注重排版

扁平化设计中尤其注意排版。当你放好一个色块或者文字后，不妨按照设计的四大原则：对其、亲密性、重复、对比来检视一下自己的作品。注意：色块中放置文字时，要留出呼吸的空间。
7

图片的使用

扁平化设计中常见的图片运用处理方法有三种：普通的色块/文字+图片、压暗处理、模糊处理。
8

使用不同色块组合做出伪立体感

这是所谓“似扁平化”部分，它也给设计带来一种简约而不失美感的感觉。如常见的lowpoly和长投影设计就属于这一类。最常见的手段是使用不同饱和度的色块来打造伪光影效果，给人立体感。

参考：

扁平化设计的几个规律_百度经验
https://jingyan.baidu.com/article/0f5fb099159f2a6d8334ead3.html

转载于:https://www.cnblogs.com/Renyi-Fan/p/8939187.html

扁平化设计的几个规律相关推荐

腾讯CDC谈扁平化设计
扁平化设计无疑是当前讨论最多,最火的设计形式,自ios7面世以来更是将扁平化设计的讨论推向风口浪尖. 在这里我不想分析拟物设计和扁平化设计的优劣,更不想说谁更好!在形式服从内容的今天,我只能说哪种设计 ...
做好扁平化设计－视觉篇
原文链接出自Tencent CDC Blog 扁平化设计无疑是当前讨论最多,最火的设计形式,自ios7面世以来更是将扁平化设计的讨论推向风口浪尖. 在这里我不想分析拟物设计和扁平化设计的优劣,更不想 ...
（10.1.3.1）做好扁平化设计－视觉篇
[编者按]去年,iOS 7的发布让更多的用户欣赏到了扁平化设计之美,更在业内掀起了一股扁平化设计潮流.扁平风格的一个优势在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生.其简 ...
别让扁平化设计平淡无奇
早在2013年iOS7发布以来,扁平化设计就轰动了互联网世界.从那以后,它就持续发扬光大,并且发展出数量惊人的变种. 随着带有扁平化色彩的Google Material design规范的推出.卡片式 ...
【pmcaff】重磅干货，必读的扁平化设计技巧
点击上方 "公众号" 可以订阅哦! 编者:火了一年的扁平化,同学们都了解清楚了吗?今天@网秦UEC 的同学从国外译过来一篇好文,从扁平化的流行缘由聊到对界面设计的影响,附有一些设计 ...
【平面设计】扁平化设计（Ⅲ）——原则
[导读]关于扁平化设计是一个大的门类,通过前面两期的分享,我们已经知道了其概念和技巧的内容,今天我们继续与大家一同分享它的原则. 拒绝特效顾名思义,扁平化设计仅仅采用二维元素.所有元素都不加修饰-- ...
Adobe Illustrator的教程：如何建立扁平化设计角色动画
即使你不能也借鉴,您可以创建一个简单的步骤人物. 学习设计特点,并按照在这个video.flash角色设计/动画CC角色设计中使用的设计过程中的任何字符". Adobe Illustrato ...
UI设计实用素材|扁平化设计的模板
APP扁平化设计就是尽量避免使用凹凸.阴影.斜角渐变.材质等装饰手段,只为内容和功能服务,降低视觉疲劳和审美疲劳,进而使得其条理更清晰,同时它还具有更好的适应性. APP扁平化设计的优势 APP扁平化 ...
（10.1.3.2）浅谈扁平化设计—– keep it simple
2013可以说是扁平化设计的一年. 扁平化时代之前,设计师的作品往往非常的写实,非常的有立体感!但是现在即便是拟物设计的引领者苹果,也不得不转变设计思路,在iOS 7上开始着手扁平化设计的探索. 什么 ...

扁平化设计的几个规律

扁平化设计的几个规律

注意

规律

扁平化设计的几个规律相关推荐

最新文章

热门文章