扁平化UI套件

移动开发 Android
本文是2013扁平化设计终极指南系列文章,本系列文章通过大量的资源、实例和教程来帮助读者对扁平化进行彻底的了解。本篇是扁平化的UI套件篇。

UI kits

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

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

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

Featherweight UI (free)

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

featerweight

Polaris UI kit (free)

Polaris UI kit (free)由Designmodo出品,黑暗风格,包含了多种按钮和面板,有点Win8的风格。而且扁平之中带点拟物风格。

Polaris

Erste UI kit (free)

This simple UI kit包含了一些非常实用的基本元素,比如社交网络登录按钮,菜单、媒体播放器,配色非常扁平化。

erste

FlatUI kit (free)

The kit designed by Freepik.com for WebdesignerDepot 包含了从下拉菜单到导航条再到社交分享工具在内的大量元素。

flatui-kit

Flat UI (free)

free kit from Designmodo 色彩明亮,按钮,图标,菜单,什么都有点。

Flat-UI

Flat UI kit (free)

flat user interface widgets饶有趣味的一款套件,图标、播放器,计算器,任务转盘。这个套件做出了很好的榜样,教会我们如何将扁平化设计与复杂的元素相结合。

flat-widgets

Metro UI kit (free)

Metro UI kit多姿多彩,被WP使用,颜色和风格与WP也有所联系。多彩的区块,简单的字体。这款套件包括日历、状态栏、图标、图表、菜单和搜索栏等元素。

metro

Monotone flat UI kit (free)

简约的配色也可以非常出众。Monotone flat UI kit (free),相比前面几个,这款套件的用色算是一种进步。

monotone

Vertical Infinity (free)

Vertical Infinity, 适用于视网膜的套件中,内容最为丰富的一款。下拉菜单、窗口、表格、按钮、社交网络图标。什么都有点。正因为基本,所以适用面广。

vertical-infinity

Lil UI kit ($6)

Lil UI kit ($6) 18种元素。这款矢量套件定制化很高,可以用来进行风格简化、内容一致的设计。

lil-ui

Flat UI kit ($19)

flat UI kit 图标,表格,按钮。元素搭配***,色彩明亮,适用于简约风格的手机界面设计。

ideation

Flat UI pro (from $39)

Flat UI Pro is Designmodo出品,适用于Twitter Bootstrap,含有去全套的PSD文件以方便定制。完全响应式设计。

flat-ui-pro

Flat UI PSD ($5)

Flat UI PSD ($5) 有点”似扁平化设计”的味道,你看按钮中文本下的阴影,提供了更多的对比感。

flat-ui-psd

Square UI (from $39)

Square UI 应用广泛,种类齐全,用色非常规。可定制化。支持视网膜。

square

责任编辑:徐川 来源: uisdc
相关推荐

2013-05-31 16:35:37

扁平化UI设计UI设计Flat UI

2013-09-22 15:03:27

扁平化UI设计

2013-09-22 15:43:27

扁平化UI设计

2013-09-22 14:56:26

扁平化UI设计

2013-09-22 14:30:43

扁平化设计

2013-09-22 16:17:59

扁平化UI设计

2013-09-22 16:36:07

扁平化UI设计

2013-05-02 09:43:16

iOS

2013-09-22 16:22:58

扁平化UI设计

2013-07-11 09:45:48

扁平化扁平化设计

2013-09-23 10:16:04

扁平化UI设计

2019-04-08 16:29:28

多云扁平化云计算

2013-06-09 11:04:07

设计扁平化设计平面化设计

2013-09-25 10:52:27

Android 4.4扁平化

2021-11-07 14:37:59

列表编码扁平化

2013-09-22 16:30:13

扁平化UI设计

2013-01-28 09:39:05

用户界面扁平化设计

2020-09-16 14:17:42

flat方法

2013-09-22 15:09:04

扁平化UI设计

2010-10-25 14:16:59

扁平化网络
点赞
收藏

51CTO技术栈公众号