设计好帮手!比Bootstrap还更强大的前端框架Toolkit

@设计达人网 :目前比较流行的前端框架有Bootstrap、Foundation,这两都有着常用的网页设计组件,并且兼容移动设备,深受大众喜爱,但如果你认为这两个框架的组件依然不够用的话,可尝试今天分享的Toolkit,它内置的UI组件更多、更强大,而且实用流行。

设计好帮手!比Bootstrap还更强大的前端框架Toolkit

Tookit框架特点是使用扁平化设计,并带有很多新鲜的UI组件,配合CSS3动画,使很多组件交互效果变得很漂亮,功能实用强大。

下面来看看一些截图介绍:

Tookit

高亮文本提示

设计好帮手!比Bootstrap还更强大的前端框架Toolkit

Tooltips

设计好帮手!比Bootstrap还更强大的前端框架Toolkit

提示信息组件(图:左下角)

有动画效果,英文称为Toast,大家可以去官方看实际的DEMO。

设计好帮手!比Bootstrap还更强大的前端框架Toolkit

导航定位

如下图,页面查看到E区域,右则导航的E就会高亮,像某手机上的联系人效果。

设计好帮手!比Bootstrap还更强大的前端框架Toolkit

Step

设计好帮手!比Bootstrap还更强大的前端框架Toolkit

开头按钮

设计好帮手!比Bootstrap还更强大的前端框架Toolkit

手风琴

设计好帮手!比Bootstrap还更强大的前端框架Toolkit

图像展示

设计好帮手!比Bootstrap还更强大的前端框架Toolkit

进程进度条

设计好帮手!比Bootstrap还更强大的前端框架Toolkit

滑动侧栏效果(Off Canvas)

设计好帮手!比Bootstrap还更强大的前端框架Toolkit

流布局

设计好帮手!比Bootstrap还更强大的前端框架Toolkit

Loading…

设计好帮手!比Bootstrap还更强大的前端框架Toolkit

图像Lazy load技术

设计好帮手!比Bootstrap还更强大的前端框架Toolkit

好了,实在太多太多了,不一一展示,具体请点击下面的链接去官网看实际效果吧:)

总体来说,小编觉得Bootstrap和Foundation的界面好看点,但由于是扁平化设计,修改也是很简单的。

【设计师年度必备神器人气榜】

Top 3:帮你快速搞定参考线!老品牌了
《PS 参考线插件GUIDEGUIDE下载及使用说明》

Top 2:分分钟变成多边形风格!新神器
《这效果超火!教你创建高大上的多边形字体》

Top 1:经久不衰!抠图必备!头发丝都不愁!
《PS抠图神器:KNOCKOUT 2.0汉化版下载及教程》

原文地址:shejidaren

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量89万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
官方微信:想在手机上、被窝里获取设计教程和各种意想不到的"福利"吗?添加优设哥微信号:youshege

设计好帮手!比Bootstrap还更强大的前端框架Toolkit

收藏 4
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。