对于设计师来说,扁平化设计是一种实打实的设计风格,不要花招,不要粉饰。而扁平化时代之前,设计师的作品往往非常的写实,非常的有立体感。从整体的角度来讲,扁平化设计是一种极简主义美学,附以明亮柔和的色彩,最后配上粗重醒目,而风格又复古的字体。扁平化设计简化了诸如按钮、图标一类的界面元素。本专题汇聚了扁平化设计目前最前沿和最流行的资源案例和教程,希望读者喜欢。

头条推荐

2013扁平化设计终极指南:从天而降的扁平化设计

2013可以说是扁平化设计的一年。即便是拟物设计的引领者苹果,也不得不转变设计思路,在iOS 7上开始着手扁平化设计的探索。你是否落伍了呢?想不想尝试一下扁平化设计?但是又不知道该要怎么开始?没关系,小编将帮助你!我们精心收集了一些扁平化资源,从UI套件到调色工具,再到字体选择和WP主题,从理论文章再到创意图库,我们将呈递给您体系化的扁平化资源!……>>详细

扁平化UI套件

UI kits

通过UI套件,我们可以初步了解扁平化设计。

套件非常的节省时间——可以自由选择套件中的元素,然后进行自己的实验。大多数UI套件的格式是PSD,非常易于编辑。下面推荐的UI套件种类不一,从简单免费的到复杂收费的,扁平化的UI套件可真是越来越多了;这里我们提供了一个推荐列表。

在选择UI套件时,不要对颜色太较真。大多数的套件都支持改变颜色主题,只需点击几下,就能全面修改,这样就不用一个一个手动修改了。

Featherweight UI (free)

Featherweight UI简约、支持视网膜(Retina),照片滚动箭头、按钮、简单的图标,什么都有。大小适中,颜色复古。

阅读全文

扁平化ICON图标

扁平化图标

扁平化设计的图标无处不在,资源也非常丰富。

跟UI套件一样,大多数的图标采用PSD格式,这样可以根据个人情况进行修改。

很多图标的设计非常的具有专业性,专门为某类应用而设计。这种图标,用来做按钮也很合适。

当选择图标下载时,记得尺寸大小选择要合适。有的是矢量图形,而有的放大时会损失质量。

阅读全文

其他扁平化资源

其他类扁平化资源

Apple product templates (free)

想在苹果的设备上展示一下设计作品吗?试试Apple template from MediaLoot吧!

apple

E-comerce flat web elements (free)

电商网站中,扁平化设计并不多,因此 this kit提供了一些简单的元素,来填补这份空白。

ecommerce

阅读全文

扁平化设计实战:55个WordPress主题

WordPress主题

WordPress主题能够帮助网站迅速的实现风格化,而为建站者节省了大量的时间。一般来说,好的主题都要付费,现在有很多设计师在从事WordPress主题设计,如果作品确实好,付费吧。另外只是逛逛,学习一下它们的设计方法也不错。

乱糟糟的页面会让用户感觉你的内容低质。所以尽量保持页面的清爽大方,切风格一致。付费主题不但好用,且能够立即使用。建议购买前最好列出一个需求清单,这样挑选就方便多了。

不过如果是新手,免费主题也是个不错的选择,使用免费主题建站很简单,也很有意思。如果需求更进一步,对于选项、灵活度、支持要求更好,这时候可以考虑下付费版了。

Duena (free)

this theme 明亮、冰激凌般的配色。

阅读全文

扁平化template模板

模板

扁平化设计模板同时也大举进军设计业,就连最新手的网页设计师也能利用模板复制出简单的流行风格。

Hosting template (free)

Hosting template (free) 可能需要你多花点功夫,但是包含了扁平化风格网站的基本框架。采用了流行的元素和色彩,可PSD下载,因此只需要一些后端经验就能将此转换成上线的网站。

hosting

iPhone flat design UI template (free)

iPhone flat design UI template (free)有着多种多样的扁平化风格iPhone模板,适用于应用界面设计。提供了你所需要的一切,包括:登录界面、用户个人资料、设置、滑动栏、活动窗口等。

阅读全文

扁平化设计配色方案

配色方案

颜色是扁平化设计的重中之重。颜色的明暗,色彩的醒目程度,配色方案是单调还是多彩,这都非常值得研究。扁平化设计一般综合运用多种配色手法来创造一种优秀的视觉体验。

醒目明亮的颜色能够增加视觉元素的趣味性,看起来很有国际范儿。在色彩的饱和度、深浅、明暗上要下功夫。

“单调”的配色方案在扁平化设计中很流行。通常会选择一些具有生气的颜色,然后在色调上进行调整。

多彩风格是另外一种选择。不同的页面和面板使用不同的颜色,整体效果非常棒。呢个能达到整体的层次感和有序感。

阅读全文

扁平化设计Typography字体

Typography

整洁的字体是扁平化设计的重要组成。

因为扁平化设计注重简约,字体的选择也应该简单、干净。大多数设计师挑选简单的无衬线字体,使用一到两种字重。也有部分设计师尝试使用一些比较新奇的字体。一般来说,一个设计项目中,使用的字体种类不会超过两种。

在扁平化设计的字体选择上,最好能够与背景形成鲜明的对照。

字体一般非黑即白,不带装饰和色彩。

阅读全文

扁平化设计教程与理念

教程

小小批判一下:尽管扁平化设计是一种风格,或者说是一种理念,而不是一种技术,但是有很多设计师仅仅从技术层面上理解这种设计。不是说学习技艺不好,而是重要的东西舍弃了,有点本末倒置。

How to create a long shadow (如何进行长投影设计)

需要掌握Adobe Illustrator的基本知识,然后根据This simple tutorial 一步一步的进行尝试。

long-shadow-tutorial

Make my design flat (将设计扁平化)

被称为”网上最简单的扁平化教程” Make My Design Flat提供异常简单的代码,能够将按钮转换为扁平化风格,提供了一些案例,你也可以试试这些代码。

阅读全文

扁平化设计灵感图库

扁平化设计灵感图库

如果谈到扁平化设计,不给推荐一些有趣的图库,那就太不够意思了。

很多新的流派、新的风格都是从这些网站中首先出现的,因此,要保持对这些网站的高度关注。

Awwwards flat design gallery

awwwards

Behance flat design gallery

behance

阅读全文

扁平化设计其他文章

趋势!来瞧瞧扁平化设计进化
别说你听的想吐了,也别说你不想讨论。除非有一天你想落伍离大家越来越远。…
设计分享:30个免费的扁平化
扁平化设计的流行,源于它简约的设计态度。扁平设计去除所有多余的元素和功…
深入探讨扁平化设计
设计师们或许会有疑惑,这究竟是一种能持续下去的设计趋势呢?还是只能是风…
iOS7后的设计之争:再谈扁平
由扁平化与拟物化两种风格所引发的设计之争正愈演愈烈,而这一趋势随着iOS …
为何越来越多公司采用扁平化
在 Windows Phone 7 诞生后,扁平化的 Metro Design带来了一个比较特殊的现…
扁平化UI设计指南:轻松打造
如今设计界最炙手可热的明星大概就是扁平化设计了吧,关于它的讨论至今都没…

投    票

你喜欢扁平化设计吗?
非常喜欢
无感
很讨厌

专题推荐

对于设计师来说,扁平化设计是一种实打实的设计风格,不要花招,不要粉饰。而扁平化时代之前,设计师的作品
2013扁平化设计终极指南
对于设计师来说,扁平化设计是一种实打实的设计风格,不要花招,不要粉饰。而扁...
最近Google Play 4.0的大改版、Google Glass UI——Timeline Card的公开,都让我们看到了Google 在以Holo主
Android Design:第三大移动
最近Google Play 4.0的大改版、Google Glass UI——Timeline Card的公开,都让...

一周排行

留言评论