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

【编辑推荐】

第三方支付:微信公众号接入支付宝支付开发

第三方支付:微信公众号接入支付宝支付开发 引言 这篇文章使用一些简单的代码例子来解释微信接入支付宝支付功能的操作步骤,即使新手也可以轻松参透的。 第三...

阅读全文

13个wordpress超级导航菜单插件下载

导航菜单是一个网站中最重要的一部分。简约干净的导航能大大提升用户体验。下面分享13个超级导航菜单插件,这些插件希望能帮到你,enjoy!   ...

阅读全文

wordpress进阶教程(三十九):wordpress输出bootstrap的菜单结构

现在自适应网页(即常说的响应式设计,一个网页在PC\平板\手机上显示不同的布局)用的越来越多,然而,对于大多数人来说,写一个自适应的网页并非易事,于...

阅读全文

Comments are closed, but trackbacks and pingbacks are open.