在製作內容型網站時，我們會使用大多數人都熟悉的工具—— Google 文件。只要會使用簡報、word，就可以繪製網站的線框稿（wireframe）囉！

線框稿目的不在精美，而在溝通

這麼做的目的，是因為在這個階段並不需要細節的視覺設計，而是溝通網站的大方向，確定網站需要放哪些東西。此時，溝通工具的有效性在於雙方是否都能夠輕鬆使用。因此與其使用專業繪圖軟體，我們最後選擇用 Google 文件，大部分的客戶都可以輕鬆上手，達到有效溝通的目的。

Google 文件 的好處是，可以直接開權限編輯，讓野薑和客戶能夠共同編輯，客戶在期間能自由改動文案，不用來回改設計稿。也可以透過註解文件，一項項地說明需求。

用線框稿確定網站大方向

在這個階段，我們會逐步確認這些方向：

・大板塊 ：確定每一頁要放的區塊內容有那些，與 sitemap 交叉比對，避免遺漏重要區塊。

・優先順序：區塊優先順序，是要先放文章呢？還是要先放介紹？

・文案方向：文案大約字數，呈現的優先重要性？大標、中標、小標？

・圖案方向：是要使用 icon ，還是需要找插畫師繪製？

・程式功能：文章想要是最新文章，還是編輯精選？或是隨機顯示呢？

線框稿→頁面黑白精稿

在線框稿階段，我們不會討論這些細節：

No! 不會討論 UI 形式

No! 不會討論風格意象

No! 不會討論顏色

以上細節會逐步經由黑白頁面精稿、彩色頁面精稿，逐步討論。同時我們也會整理客戶需要提供上架的資料，如文案介紹、照片圖片等，確認真實上架資料的型態，來確認設計出來的網頁，真的具備實用性！

線框稿敲定後，再交付給設計師製作黑白經稿，用一步步逐漸精細的方式，逐步朝推進專案細節。當然，每一項專案都各有不同的狀態，我們會依據各專案需要，採用不同方法。