2017/04/01

以 Bootstrap 3 為基礎的扁平化設計 UI Kit

以 Bootstrap 3 為基礎的扁平化設計 UI Kit

沒有美感的工程師, 寫網站最大的問題就是畫面很糟糕. 即使引進了 Bootstrap 的框架後, 能夠做的很糟糕的還是不少. 不過通常已經大幅度改善了原本很糟糕的網站設計.

但寫了一陣子後, 衍伸出另一個問題, 開始有人說 你的網站長得很 Bootstrap  , 這時 Bootstrap 它成為了一個形容詞.

自從 IOS 7 後大家跟風的似的回到扁平化設計  ,  以前曾經研究過相關的扁平化 Framework 有何特點. 但是最後還是選擇了 Bootstrap 的套件. 就因為他真的很好用.

最近發現了好東西  , 就是原本用 Bootstrap 開發的網站  , 只要加上別人家開發好的 UI KIT 就可以變更原本很 Bootstrap 的設計風格, 成為簡潔的扁平化風格.




很 Bootstrap 的 UI



Bootflat 是一個開放原始碼的 bootstrap flat 專案 , 有提供現成的 css 設計及 free PSD 可以提供你自行修改 UI 元件. 使用最簡單的方式就是把 CSS 放在網站的 bootstrap css 後面就可以了.

CDN 版本的 sample code:






Bootswatch 也是一個可以改變 Bootstrap 的設計, 用法和上面雷同 . 他現有 18 種不同的設計可以讓你切換. https://bootswatch.com/



FLAT UI 也是
http://designmodo.github.io/Flat-UI/




看完  , 趕快去改巴,


張貼留言

like