来源:优设 作者:陈子木
拥有好的交互界面,才可以合理整合内容满足用户的期望和需求。优秀的用户界面是具有一致性的,能够让网站更易于理解和使用。同时,当用户面对两个同类网站或者应用的时候,UI的漂亮与否会成为决定性因素。
所以,UI Kit 会是个不错的起点,它会帮你创建吸引眼球的界面,梦幻的效果。同时,网页设计师也会不停探寻最新的UI Kit来提升手头项目的视觉效果。当然,网络上也有着成千上万的免费UI kit供网页设计师来使用,提高网站体验。
在下面的15款UI Kit中挑选你最喜欢的,应用到你的项目中去,营造更佳的视觉效果吧。
1. Futurico UI HTML EditionFuturico是一款方便的用户交互界面方案,可以非常容易地嵌入现有的网页布局中去。去该页面中订阅消息(免费)就可以下载。
2. Pure CSS from Yahoo这款来自雅虎的纯净的CSS模块非常小巧,仅有4.4kb,你可以用它来制作响应式的页面,提升使用体验。所以,当你的网站需要考虑到移动端体验的时候,这套小巧的CSS样式可以发挥节省大量的空间。
3. MetroSytle Web UIMetroSytle Web UI 为你提供了一系列用户界面资源。
4. Flatby一款免费的扁平化的UI kit,使用SCSS样式表。
5. Flat UI一款基于Twitter Bootstrap 框架的主题,内置了PSD和Html版两个模板。
6. Almost Flat UIAlmost Flat UI是一款基于Foundation框架的UI Kit,同样是扁平化的UI框架。
7. UI Kit这个名字确实很直接。这款UIkit是轻量级、模块化的前端框架,适合快速开发多功能的web界面。30多款可以相互配合的模块和拓展,会赋予开发者更大的自由度。易于控制的HTML、CSS、JS组件就是为开发而生的,易于定制,方便使用。
8. BootFlatBootFlat同样是开源的扁平化UI kit,基于Bootstrap 3.1.0的CSS框架,内建 Sass 3.3.3.
9. BrickBrick是一款为了适应快速跨浏览器开发而存在的响应式UI组件,它对于移动端浏览器和Html 5 web 应用有着良好的兼容性。
10. PixelKit Bootstrap UI KitsPixelKit同样是基于Bootstrap的UI Kit。想创建一个炫酷的网站?试试这一款吧。
11. Yet Another UI v2YAUI同样内置了大量的UI组件供你制作充满设计感的网站。
12. INkv2Ink是一款针对快速开发web界面而生的UI Kit,它提供了一套流畅的响应式栅格系统,常见的UI元素,交互式组件,具备极高的易用性。
13. Flat UI Elements顾名思义,这是一款具备简约、扁平UI元素的UI kit组件。
14. Pure CSS UI Kit一款纯CSS的UI kit,内置了一组方便的UI元素和便于开发的样式和组件。
15. UI Kit MakerUIKM是一款UI Kit生成器,可以处理庞大的CSS组件。它可以帮你轻松维护CSS组件,并且生成优质的代码,提高效率,节省精力。