優秀設計資源 ? 時尚 Bootstrap 4 主題:Shards(輕量級)

時尚 Bootstrap 4 主題:Shards(輕量級)

發表于: 優秀設計資源. 評論
Sponsor

Shards?采用了最新 Bootstrap 4 前端框架制作的,外觀簡約而時尚,風格與現代流行的扁平化相當合襯!此外不僅僅擁有 HTML/CSS/SASS 格式模板,還有 Sketch 設計源文件,可見分享者的貼心。

目前從官方介紹來看,UI組件還相當齊全,可用它來快速搭建漂亮、時尚的網頁和UI設計作品,下面一起來看看介紹。

bootstrap 4 主題:shards

關于 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設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }