萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

交互設計師必備:50 款線框圖套件與線上設計工具大全

線上設計模板與原型工具

  • Wirefy:以內容優先原則打造響應式線框圖,運用標準元素快速構建。
  • Lumzy:網頁與介面設計原型工具。
  • Mockup Builder:另一款原型設計工具。
  • Mobilizer:選擇設備、輸入網址,即時呈現裝置預覽效果。
  • Proty:快速交互線框圖利器,支援高度客製化。
  • Solidify:可點擊原型工具,驗證用戶流程。
  • Frame Box:輕量級線框繪製。
  • Mockup Designer:使用本地儲存的模型工具。
  • hhhhold:將 URLs 嵌入代碼,實現快速安全作業。
  • ProtoFluid:簡化流式佈局開發,構建精準動態視角。
  • Moqups:漂亮的 HTML5 應用,創建線框、模型、UI 概念、原型圖。
  • Pencil Project:開源 GUI 原型工具,免費下載。

以上工具截圖:

免費線框圖套件下載

  • Wireframe / Blueprint Kit by Kai Husen
  • Flat UI Kit by webdesignerdepot.com
  • iPad Sketch Elements AI
  • Free Windows 8 Wireframe Templates for PowerPoint
  • Sketchapp Wireframe IOS by Sam | Sneek
  • Android Jellybean Wireframe Kit
  • iOS 7 Wireframe Kit by Blake Perdue
  • Flatstrap Sketch Freebie by Raphael Guilleminot
  • Sketchkit
  • Free Photoshop Wireframe Kit
  • Wireframe Sketch
  • Sketching the iPad
  • Spoon
  • The Ultimate Wireframe UI Kit
  • iPhone Wireframe Kit by Trent Ottosen
  • UI8 Wireframe Kit by Creativedash
  • Tiny Wireframe Kit by Alexander Zaytsev
  • Android Wireframe Kit by Rodrigo Soares
  • iPhone Blueprint Wireframe Kit by Jd Uchima

套件預覽圖:

copyright © 萬盛學電腦網 all rights reserved