UI工具

今天上課介紹了好多工具，先全部記起來以後看。




畫 Functional Map >>------------------------------------------------

• X Mind (free)
  用在心智圖、流程圖好用

畫 Wireframe >>------------------------------------------------------

• OmniGraffle ($)
• Axure ($$$)

UI外掛網站 >>------------------------------------------------------

• Ui Store
• Source

PS外掛 >>-----------------------------------------------------------

(參考老師的文章：Grid 的運用：PS外掛)

• GuideGuide
  劃格線用

• DevRocket
   

• WebZap
  

• JetPack
  圖片轉向量檔
   

• PSD Cleaner
  檢測PSD健康度 (補充：PSD 製作禮儀)
  

• Perspective Mockup
  把平面稿變成3D顯示
  

• Slicy
  切圖 (愛用切圖神器：Slicy)
  

• PNG EXPRESS
  切圖
  

• Cut&Slice me
  切圖 (免費切圖神器：Cut&Slice me)

• Avocode
  出現物件長寬與邊界資訊

• SpecKing (標示文件神器：specKing)
  出現物件長寬與邊界資訊
  

• Picjumbo
  圖庫

• Pictura
  圖庫

Source的PS外掛 (都在感恩節時特價) >>------------------------------

• CSS Hat (PS產出CSS)
• Subtle Patterns (材質)
• Social Kit (社群網站UI物件)
• PNG Hat

網頁樣板軟體 >>-----------------------------------------------------------

• Blocs
  網頁樣板
  

• MACAW
  不寫程式做出RWD網頁

動畫軟體 >>-----------------------------------------------------------

• Tumult Hype 3.5
  (用 Hype3 做 Prototype：基礎過場)

• Pixate (free)
  Pixate 使用指南

Sketch外掛 >>-----------------------------------------------------------

• Zeplin

其他 >>-----------------------------------------------------------

• UI Stencil
  UI文具拿來擺好看用

-----------------------------------------------------------------------------