Home » Posts filed under 按鈕

UI Cloud，這個荒唐的搜尋引擎讓你搜免費UI

in , , , , - on 星期五, 11月 22, 2013 - No comments
話說我一直覺得設計師唯一能贏過工程師的就是設計，這不是廢話嗎？但是若有一天工程師取得設計師的東西沒有障礙的時候，設計師有沒有能力取得工程師的東西沒有障礙？這真是一個好問題。

有人做了一個搜尋器讓你針對全世界主要在分享免費UI設計下載的網站搜尋，想要什麼元素，就搜什麼元素，例如需要表單，那麼搜尋Form，接著就會列出一堆漂亮的表單設計讓你下載使用！

網站：UI-cloud.com

這真是荒唐！




Read more
標籤： , , , ,

Livetools，按鈕、表單、錦帶、ICON

in , , , , , - on 星期三, 11月 20, 2013 - No comments

一次給足你完整網站需要的幾個元素生成器

一個網站有按鈕、表單、ICON算基本的吧？不只這樣，Livetools還提供你一個CSS錦帶，一次給足你一個網站所所需要的幾個元素，全都是100% CSS的生成器。

網站：Livetools

透過按鈕生成器可以一次建立包含hover、acive狀態的純CSS按鈕
表單生成器做的表單
ICON生成器做的ICON
錦帶生成器做的結果

除了ICON生成器比較不怎樣以外，其他東西還是很棒的，尤其非常推薦表單生成器，可以替你的整體設計提供更多靈感。



Read more
標籤： , , , , ,

Gradient Generator，CSS製作漸層背景的網站工具

in , , , , , - on 星期三, 11月 13, 2013 - No comments
Gradient Generator

Gradient Generator是個強大的CSS漸層色生成工具。
有時候想把按鈕做成漸層的，所以會去翻書籤裡的網站找一個來改色對吧？現在用Gradient Generator可以線上調校生成了，用法跟Photoshop的漸層工具幾乎一樣！不論是條透明度還是漸層位置完全可視化調整。

網站：Gradient Generator

使用方式：
  • 非常直覺，直接拉動調整，然後右邊框框裡的就是CSS語法了。
筆記：這語法支援到IE8，但是若要支援IE9，請在框框右下角把IE9打勾，並且把下方的IE9宣告放在你html的<head>之上。

特殊功能：Gradient Generator還能支援從你上傳的圖片中抓取顏色！只要在右邊面板下方按Import from image即可上傳。

下面是我玩玩做成的DEMO按鈕：

Read more
標籤： , , , , ,