萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 有哪些網站能幫你在線搞定設計?

有哪些網站能幫你在線搞定設計?

   最近發現挺多好網站,挑選了幾個好用的,幫不熟悉色彩的設計師搞定Material配色,給設計師提供網頁元素組件的排版靈感,還有輕易制作Bootstrap模板並輸出HTML格式的神站,全都有各自的用處,而且都是在線的,很方便,來自取咯。

  一、Material Design專用在線配色工具

  2015年安卓系統的Material Design UI設計風格將會流行起來,目前已經有不少APP應用嘗試這類風格的設計,如果你也想開始制作Material風格的APP,那就別錯過今天分享的 Material Palette 配色工具,它可以讓你輕松搭配出好看的Material風格顏色。

  Materialpalette —— Material配色工具

  Materialup —— Material設計靈感:

有哪些網站能幫你在線搞定設計? sanl

  Material Palette主要特色是可以讓用戶一邊選擇顏色同時還能實時預覽效果圖,並且用戶只需要選擇1個或2個顏色後系統會自己匹配出一組APP UI 配色方案。

Material Design 配色

  嗯,總體看起來很不錯的樣子:)

  彩蛋: 界面右上角有個Material Design靈感的鏈接,裡面有不少想著的案例,大家可以去哪裡獲取靈感!

Material Design 案例

  好了,有新的Android界面設計麼,有沒有想立即設計一個Material風格的沖動?趕快嘗試下這個在線配色工具吧!

  二、解決設計網頁各種組件元素煩惱

  在網頁設計中我們經常會設計一些組件元素,比如注冊表單、按鈕、Tab選項卡、網站導航等等,雖然是小元素,但有時候卻想不到要怎麼排版、設計才好,沒關系,今天小編分享一個網站給你們,裡面有很多小組件收集,大部分都是精致漂亮的,真的可以給你帶來靈感呦!

  Calltoidea

網頁設計靈感

  Call to idea已經很好的幫我把網站制作需要的組件羅列出來,展示方式也十分友好。

  其中常用設計元素分有19個分類,排版布局有6個分類,實用工具有4個分類。目前收集的作品並不太多,但裡面的卻是流行的設計,值得我們參考學習。

網頁設計靈感

  友好的分類列表。

網頁設計靈感

  Tab選項卡設計

網頁設計靈感

  布局排版案例

網頁設計靈感

  品牌配色

  更多漂亮的網頁組件請進Call to idea網站浏覽。

  三、輕易制作Bootstrap模板並輸出HTML格式

  lollyt —— 在線制作模板

  ollytin是一個專門制作Bootstrap 3模板的在線工具,有了它,用戶不需要懂HTML代碼和CSS樣式就能制作一個流行的網站出來。

  你可以在幾分鐘內出一個BS模板,並且是HTML網頁格式,最終用戶只需要替換上自己的圖像和文字即可。

lollyt bootstarp模板

  lollytin教程

  通過lollytin來做BS模板很簡單的,就像積木一樣,我們來看看它的制作界面,如下圖:

lollyt bootstarp模板

  面板(左):組件,即模塊元素

  面板(右):頁面布局

  圖標(左):組件類別

  圖標(右):導出HTML格式(第一個是導出HTML文件,第二個是Bootstrap的文件,解壓後將剛導出的HTML文件移至目錄即可)

  Tips: 使用時右側面板有個關閉按鈕“X”,用於移除組件。

copyright © 萬盛學電腦網 all rights reserved