7 款超強大的線上UI 設計工具-設計師必備!!!-HTML/CSS 語法

UI Parade工具是一組免費的在線設計的應用程序，讓您輕鬆地創建自己的UI元素，並且生成CSS 或html,非常小的編碼知識。

以及能夠創建自定義的元素，你也 ... 服務信箱：[email protected]搜尋本網站 會員登入|立即註冊 素材下載DisczuWordpressJavascript/JqueryHTML/CSS網路行銷 請登錄後使用快捷導航沒有帳號？立即註冊 首頁網頁設計資源購物網站開發接案服務線上洽詢 素材下載DisczuWordpressJavascript/JqueryHTML/CSS網路行銷 （；ﾟдﾟ） 頁面正在載入中，請耐心等待... 搜索 搜尋 本版帖子用戶 SR網頁設計工作室-購物網站/企業官網專業開發›HTML/CSS語法›7款超強大的線上UI設計工具-設計師必備!!!... [應用工具] 7款超強大的線上UI設計工具-設計師必備!!! byadmin發表於2013-5-1518:08:12 ,73844人已閱讀,0人回應 筆者覺得現在做設計的人員真的是非常的幸福，除了有許許多多專業的設計軟體外，現在連雲端相關的設計開發工具選擇性與多樣性也非常的豐富，在現在的網路世界中，「只有你懶得找資訊，絕對沒有找不到的資訊」。

今天要和大家分享8款優秀的介面設計工具，幫助大家在設計各種介面元素有更多嘗試與選擇： （1）JETSTRAP(網頁製作) 官網:https://jetstrap.com/  (DEMO影片) 2013-5-1517:20上傳 下載附件(51.79KB) Jetstrap是一款線上網站編輯製作工具，它提供了線上設計面板、工具箱（內建非常多不同用途模組），使用方法很簡單，不需要撰寫艱深的html與css語法也可以輕易完成一個美觀簡約的網站版型。

（2）UIParade(素材製作) 官網:http://livetools.uiparade.com/index.html 2013-5-1517:20上傳 下載附件(28.49KB) UIParade工具是一組免費的在線設計的應用程序，讓您輕鬆地創建自己的UI元素，並且生成CSS或html,非常小的編碼知識。

以及能夠創建自定義的元素，你也可以下載你的作品在您的網站和網絡應用的使用。

（3）Moqups(框線圖製作) 官網:https://moqups.com/(建議使用GOOGLE瀏覽器,第一次使用請先點擊左上角install) 2013-5-1517:20上傳 下載附件(72.49KB) Moqups是一款以HTML5撰寫用來設計WEB框架、模型框線或是UI概念的線上服務，它內建了超過60套手繪的SVG模板及特性!Moqups的所有物件皆已模組化，使用者只需要自由拉動拖曳組合排列，即可完成一款精緻的線框UI設計圖。

（4）FLUIDUI(應用程式模型製作) 官網:https://www.fluidui.com/editor/live/ 2013-5-1517:20上傳 下載附件(43.44KB) FluidUI是一款可以跨平台、跨設備開發應用程序設計模型的網頁應用程序。

用戶可以在運行HTML5的瀏覽器上使用（當前僅支持Chrome和Safari），可以在Windows、Mac、Linux系統上僅向操作，對平台沒有限制，幾分鐘就可以輕輕鬆鬆進行應用程序原型設計。

（5）DrawIO(圖表製作) 官網:https://www.draw.io/ 2013-5-1517:51上傳 下載附件(100.98KB) DrawIO是一款在線圖表編輯工具，可以直接連結GoogleDrive，線上畫好的圖表可直接存在GoogleDrive上非常實用！ 而圖檔匯出格式支援PNG、GIF、JPG、PDF、SVG、XML等格式類型，同時內建相當豐富的圖像元件，足夠應付一般辦公需求的圖表製作，最重要的一點就是完整支援中文輸入。

（6）COLOR.HAILPIXEL(顏色調配) 官網:http://color.hailpixel.com/ 2013-5-1517:20上傳 下載附件(44.36KB) COLOR.HAILPIXEL是一款非常有趣HTML5製作的線上配色工具，可以幫助我們進行顏色搭配試驗，一目瞭然地做各種顏色搭配與預覽。

可透過在線調節工具自由調整明亮度、飽和度、色調等等，並且提供顏色代碼方便使用者做紀錄與利用。

（7）MobilePatterns(手機介面資料庫) 官網:http://www.mobile-patterns.com/ 2013-5-1518:04上傳 下載附件(96.39KB) MobilePatterns它是一款分享各種手機介面設計的影像資料庫，網站中根據各種手機頁面類型進行分類，提供設計師在設計手機界面時一個非常好的思維參考，給予設計師一個思考與創造的泉源。

UI設計 喜歡0 W3C-CSS3官方原文文件說明 W3C-CSS3官方原文文件說明用SVG和CSS動畫製作的訊息圖表 用SVG和CSS動畫製作的訊息圖表 收藏0回覆 只看該作者 道具 舉報 返回列表 高級模式 B Color Image Link Quote Code Smilies 您需要登錄後才可以回帖登錄|立即註冊 發表回復 回帖後跳轉到最後一頁 發主題 回覆 作者資訊 admin 文章分類 z Discuz使用教程 TotalArticles[82] K Wordpress使用教程 TotalArticles[37] z JS程式語法 TotalArticles[57] K HTML/CSS語法 TotalArticles[46] z SEO&網站行銷 TotalArticles[17] K 網頁版型設計展示 TotalArticles[29] z 美工素材 TotalArticles[139] 最新主題 利用css隱藏卷軸(滾動條)[已結束]響應式ECSHOP輕鬆擁有自己的電商網站!2018春節特惠更新重新抓取Facebook分享抓取的頁面資料將QR-Code還原網址(線上還原工具)80款常用網頁設計網站背景素材下載Apache啟動php_mbstring.dll檔案遺失解決方法[網站美化]圖片連結失效時隱藏失效圖片的圖示(超佛心)Mazwai免授權可自由下載使用的影片素材庫國外攝影師cc0無版權可商用圖庫下載(BarnImages&LibreStock忘記Discuz管理員密碼還原方法(使用tools.php已繁中化) Contactus 歡迎您使用以下方式聯繫我們,本工作室服務時間為每日早上10:00點至晚間7:30點,也可點選下方Contactus進入留言板留下您的問題與相關聯絡資訊,我們將會儘快了解與回覆您。

SR數位設計工作室 服務專線：03-3555-069 歡迎來信：[email protected] ECSHOP購物網站開發|接案說明|線上洽詢|隱私權政策|SR數位設計(CMS) 信箱：[email protected] 本網站推薦使用以下瀏覽器(請點擊圖式下載) chrome firefox safari opera ie10 ,Processedin0.187061second(s),51queries ,GzipOn. Copyright©2011-2014TemplateBySR網頁設計清新部落風格 Core-DZ2.5　GMT+8,2021-11-1816:20 積分0,距離下一級還需積分 回頂部