时尚 Bootstrap 4 主题:Shards(轻量级)

2018-01-03 11:03:21来源:http://www.shejidaren.com/bootstrap-4-zhu-ti-shards.html作者:设计达人人点击

分享
第七城市th7cn

Shards采用了最新Bootstrap 4 前端框架制作的,外观简约而时尚,风格与现代流行的扁平化相当合衬!此外不仅仅拥有 HTML/CSS/SASS 格式模板,还有 Sketch 设计源文件,可见分享者的贴心。


目前从官方介绍来看,UI组件还相当齐全,可用它来快速搭建漂亮、时尚的网页和UI设计作品,下面一起来看看介绍。



关于 Shards 这个主题虽然免费,但并不代表它只有「表面」,制作者还为性能性能考虑,压缩版仅12KB大小,实在太好了,以这样的大小,制作出来的网页直接能秒开。



它并不是直接使用 Bootstrap 的设计样式,所有的组件都是重新设计,以便得到统一的风格!



着陆页演示

这是非常不错的UI KIT素材 ,它还包含了10个额外的自定义组件,可以让使用者快事制作着陆页。



演示地址:https://designrevision.com/demo/shards/extra/app-promo.html



演示地址:https://designrevision.com/demo/shards/extra/agency-landing.html


UI 组件演示

Shards 含有丰富的 UI 组件,网页端常用的元素几乎包含了,大方便用户自由定制。


颜色:



字体



图标支持900+ Material icons 和 Font awesome 两大图标库!



表单上的细节,也不容忽视:






还有日期组件的设计:



卡片



按钮




导航菜单



我想这些漂亮的元素,已经足够你设计一般的网页,即使不够,也完全可以自己利用 Sketch 源文件或 HTML 模板再创作。


下载地址

素材名称:shards


素材格式:HTML/CSS, Sketch


素材版权:免费个人及商业用途


在线演示:https://designrevision.com/demo/shards/


下载地址: https://designrevision.com/downloads/shards/


网盘下载: https://pan.baidu.com/s/1gfIpu87 密码:wfsc


推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com


交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。


第七城市th7cn

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台