搜索
SR網頁設計工作室 - 購物網站/企業官網專業開發 HTML/CSS 語法 7 款超強大的線上UI 設計工具 - 設計師必備 !!! ...
byadmin 發表於 2013-5-15 18:08:12 , 78164人已閱讀 , 0人回應
筆者覺得現在做設計的人員真的是非常的幸福,除了有許許多多專業的設計軟體外,現在連雲端相關的設計開發工具選擇性與多樣性也非常的豐富,在現在的網路世界中,「只有你懶得找資訊,絕對沒有找不到的資訊」。今天要和大家分享8款優秀的介面設計工具,幫助大家在設計各種介面元素有更多嘗試與選擇:

(1)JETSTRAP (網頁製作)
官網:https://jetstrap.com/  (DEMO影片)
JETSTRAP.jpg

Jetstrap是一款線上網站編輯製作工具,它提供了線上設計面板、工具箱(內建非常多不同用途模組),使用方法很簡單,不需要撰寫艱深的html與css語法也可以輕易完成一個美觀簡約的網站版型。

(2)UI Parade (素材製作)
官網:http://livetools.uiparade.com/index.html
UI Parade.jpg

UI Parade工具是一組免費的在線設計的應用程序,讓您輕鬆地創建自己的UI元素,並且生成CSS 或html,非常小的編碼知識。以及能夠創建自定義的元素,你也可以下載你的作品在您的網站和網絡應用的使用。

(3)Moqups (框線圖製作)
官網:https://moqups.com/ (建議使用GOOGLE瀏覽器,第一次使用請先點擊左上角 install )
Moqups.jpg

Moqups 是一款以HTML5撰寫用來設計WEB框架、模型框線或是UI概念的線上服務,它內建了超過60套手繪的SVG模板及特性 ! Moqups的所有物件皆已模組化,使用者只需要自由拉動拖曳組合排列,即可完成一款精緻的線框UI設計圖。


(4)FLUID UI (應用程式模型製作)
官網:https://www.fluidui.com/editor/live/
FLUIDUI.jpg

Fluid UI 是一款可以跨平台、跨設備開發應用程序設計模型的網頁應用程序。用戶可以在運行HTML5的瀏覽器上使用(當前僅支持Chrome和Safari),可以在Windows、Mac、Linux系統上僅向操作,對平台沒有限制,幾分鐘就可以輕輕鬆鬆進行應用程序原型設計。

(5)Draw IO (圖表製作)
官網:https://www.draw.io/
Draw IO.png

Draw IO是一款在線圖表編輯工具,可以直接連結Google Drive,線上畫好的圖表可直接存在Google Drive上非常實用!
而圖檔匯出格式支援 PNG、GIF、JPG、PDF、SVG、XML等格式類型,同時內建相當豐富的圖像元件,足夠應付一般辦公需求的圖表製作,最重要的一點就是完整支援中文輸入。


(6)COLOR.HAILPIXEL (顏色調配)
官網:http://color.hailpixel.com/
COLOR.HAILPIXEL.jpg

COLOR.HAILPIXEL是一款非常有趣HTML5製作的線上配色工具,可以幫助我們進行顏色搭配試驗,一目瞭然地做各種顏色搭配與預覽。可透過在線調節工具自由調整明亮度、飽和度、色調等等,並且提供顏色代碼方便使用者做紀錄與利用。

(7)Mobile Patterns (手機介面資料庫)
官網:http://www.mobile-patterns.com/
Mobile Patterns.jpg

Mobile Patterns它是一款分享各種手機介面設計的影像資料庫,網站中根據各種手機頁面類型進行分類,提供設計師在設計手機界面時一個非常好的思維參考,給予設計師一個思考與創造的泉源。
Traffic Exchange Site
您需要登錄後才可以回帖 登錄 | 立即註冊

作者資訊

文章分類

SR數位設計工作室

  • 服務專線:03-3555-069


ECSHOP購物網站開發|接案說明|線上洽詢|隱私權政策|SR數位設計(CMS)

信箱:sr.design2011@gmail.com

, Processed in 0.037423 second(s), 42 queries , Gzip On.

Copyright © 2011-2014 Template By SR網頁設計清新部落風格

Core - DZ2.5 GMT+8, 2024-12-6 23:17

回頂部