什么是扁平化设计?
扁平化设计是一种强调跨平台适应性的极简主义的设计,它放弃一切装饰效果,诸如压花、阴影、透视、纹理、渐变等。在手机上,更少的按钮和选项使得界面干净整齐,使用起来格外简洁。如今,越来越多的网站设计已在UI上走扁平式设计的路线。谈到设计,无论是一个网站还是一个应用程序,扁平化和极简的设计正在成为新的趋势。
下图是一些扁平化设计的效果:
微软最早将扁平化设计带到前沿,是扁平化设计的开创者。 2006年,微软推出了Zune音乐播放器。Zune的界面简约,焦点在光和大字体上,且无多余的细节和元素,是扁平化设计的早期应用。
微软的其他产品也被这种风格所影响,如Xbox 360 dashboard、Windows 8和Windows Phone 7。
在刚刚过去的2013年,Apple逐步放弃了具有很强阴影效果的光滑斜面图标,在iOS7中采用了扁平化设计。
而在思维导图软件领域,XMind发布的最新版本 XMind 3.4使用了新的logo和标签,均采用了扁平化设计。
思维导图的核心扁平化原则
1. 扁平化设计的关键是简单
在思维导图中,简单的图像和简单的文字比详情插图和长文本更能迅速地传达信息。 因此,尽量使用短文本,空白,简单的元素(简单的形状、图标,...)等;
2. 明亮的、对比强的色彩
采用明亮的对比强的色彩,对读者来说更有吸引力;
3. 字体
采用易于阅读的加粗的无衬线字体,汉字中的黑体/微软雅黑和英语中的Sans serif都是很好的选择。当创建一个扁平化设计的思维导图时,不要担心使用一种字体会单调,将这一字体配上不同的大小和粗细,就能创造出一种明显的视觉秩序。
下面是用Mindjet Mindmanager 14创建的一张关于扁平化设计在思维导图中的实际应用原则:
(点击看大图)
像大多数思维导图一样,扁平化设计的目的是为了更有效地传递信息,快速扩大传播面。
扁平化设计非常适用于思维导图软件,尤其是在专业面的沟通和创建实用的日程安排思维导图时,扁平化设计带来的明确和高效比复杂花哨的视觉效果更重要。
相关推荐
ThoughtsX 是一款Mac上非常好用的思维导图工具,新版界面也针对新系统做了扁平化设计, iThoughtsX 内置了大量精美的模板和素材以供绘制使用,并且支持导入MindManager、XMind等其他软件的文件,导出为PPT、PDF、...
有关扁平化设计的制作,很重要的一点就是色彩的使用。 扁平化设计是一项运用简单效果,或者是刻意进行一个不使用三维效果的设计方案。一个好的扁平化设计必然不可能出现阴影、浮雕和渐变等效果。 扁平化设计看上去...
PPT扁平化设计手册.pptx
c#的Winform控件库,扁平化,更漂亮,包含90多个控件源码,无第三方控件,全自定义控件。包含控件全部使用Demo
扁平化设计素材 扁平化随着社会的发展越来越得到重视,而且ios7也采用这种形式。
扁平化配色,给做扁平化设计的同学参考使用,比较简单容易上手
精品-扁平化设计手册.ppt
扁平化设计的配色方案 扁平化概念的核心意义是:去除冗余、厚重和繁杂的装饰效果。下面是带来的扁平 化设计的配色方案,欢迎阅读! 扁平化设计并不局限于某种色彩基调,它可以使用任何色彩。但是大多数的设计师 都...
Awesome Kit分享(PSD手机APP扁平化设计源文件)
黑色扁平化设计品牌展示CSS3模板_黑色 扁平化 设计 设计 品牌 展示 css3 logo设计 名片 画册设计.zip黑色扁平化设计品牌展示CSS3模板_黑色 扁平化 设计 设计 品牌 展示 css3 logo设计 名片 画册设计.zip
扁平化设计摄影企业模板是一款全屏大气扁平化设计商业摄影CSS企业模板。
易语言扁平化设计登录界面源码例程程序结合易语言模块HTMLayout界面类.ec实现登录界面的扁平化设计。点评:易语言扁平化设计登录界面源码是HTMLayout界面类.ec应用例程。
扁平化设计ui kit 可以用来学习Android的界面设计
ios风格扁平化设计商务实用报告
按钮扁平化设计代码。。
目前在windows操作系统、手机操作系统等UI设计上,正在兴起一种去除...扁平化PPT设计制作教程2:颜色与色块 扁平化PPT设计制作教程3:图标 扁平化PPT设计制作教程4:字体、图片 扁平化PPT设计制作教程5:动画和形状
APP界面设计中扁平化设计的运用——以《武汉军运会》APP设计.pdf
蓝色扁平化设计html5模板是一款采用扁平化设计的蓝色大图html5整站模板。
黑色扁平化设计品牌展示CSS3模板_黑色 扁平化 设计 设计 品牌 展示 css3 logo设计 名片 画册设计.rar