3-1. 網站規劃工作

目標網站實例：名錶酷愛網

網站規劃組織圖：Functional Map、Website Flow Chart

網站架構圖建議軟體 ※熟悉是王道 ※線上編輯很方便 ※建議學習Axure(企業常用)

• Office工具軟體：PowerPoint、Visio ...等。
• 平面設計軟體：Adobe XD、Illustrator、Mac Sketch...等。
• 心智圖工具軟體：MindMaple、XMind、MindManager...等。
• 流程圖線上編輯器：GitMind、 Mindmup、 Coggle、 Cacoo(free數量限定)、 Diagramly(free30天)、 Gliffy(free15天) ...等。

網頁規劃線框圖原型圖：Wireframe、Prototype

頁面線框圖建議軟體 ※熟悉是王道 ※線上編輯很方便 ※建議學習Axure(企業常用)

• Office工具軟體：PowerPoint、Visio ...等。
• 平面設計軟體：Adobe XD、Illustrator、Mac Sketch...等。
• 線框圖線上編輯器：Axure、Axure悠識代理、Cacoo、Google文件的範本庫、wireframe.cc(free7天)...等。

本Web專案的規劃組織圖只有一頁"首頁"index.html

WireFrames頁面線框圖

對主管對客戶提案用 (著重視覺表達)

對開發團隊內部討論用 (著重框架命名)