UI Parade網頁UI設計工具:線上製作Button、Form表單、Icon、Ribbon絲帶,可直接複製HTML&CSS程式碼。

10. 一月 2018 網站架設 0
UI Parade網頁UI設計工具:線上製作Button、Form表單、Icon、Ribbon絲帶,可直接複製HTML&CSS程式碼。


UI-Paraden網頁設計工具
UI Parade免費的線上網頁素材設計工具,提供Button按鈕、Form表單、Icon圖示、Ribbon絲帶製作器,讓你可以利用簡單的操作介面,輕鬆自訂元件的顏色、陰影、大小,快速創建漂亮的UI,然後再直接將產生的CSS與HTML程式碼複製到網站中使用。





由此前往:UI Parade免費UI設計網站




UI Parade網頁UI設計網站
STEP1

前往UI Parade網站,選擇要設計的UI介面:Button Builder按鈕、Form Builder表單、Icon Builder圖示、Ribbon Builder絲帶。
UI-Paraden網頁設計工具1

STEP2

自訂元素的顏色、圓角、陰影、背景底色等相關樣式設定。
UI-Paraden網頁設計工具2

STEP3

點下方的「Generate HTML CSS」將產生的程式碼複製起來貼到網頁上即可。
UI-Paraden網頁設計工具3

設計高質感的填入表單樣式。
UI-Paraden網頁設計工具4


延伸閱讀:免費可商用素材