網頁設計範例怎麼看？教你如何找到理想的網站範例

不知道如何跟網頁設計團隊溝通自己想要的官網？這篇文章寫在架站之前需要思考和準備的幾個步驟，並提供國內外的豐富網站範例資料庫給您參考，幫助你找到理想的網站藍圖。

與網頁設計團隊、工程師討論需求前，有個初步但具體的草稿很重要，你將化身為網站的產品經理，以下列出幾個步驟帶你收斂出你的產品流程。

1. 先列出想要的網站功能

這個階段像是將你腦海中所有元素丟出來檢視，先不用設限於自己的資源可行性，無論是過去你覺得很棒的客服機器人外掛、電商頁面、大範圍短片展示、登陸頁等等，覺得想要的功能都可以列出來。

你會發現你可能洋洋灑灑寫了好幾頁不止，不用擔心自己太貪心，這些之後會依據你的銷售目標、體驗流程的優化等漸漸收斂至精練。

之後，根據你的產業，必要性的網站定位要先定調，目前的網頁設計上有幾個主流的形式：

品牌官網
B2B 形象網站
內容網站（部落格）
電商網站

確定好自己的網站屬於哪一個類型，再依據這個網站定位所需的元素，將你方才列出的所有素材中，選出適合的功能放進來。

2. 視覺化呈現

決定好網站需要的元素後，可以運用繪圖的方式畫出網站流程與分頁設計，這些視覺化的過程不用太精細，重點在於讓網頁設計團隊知道你心目中的構想，著重哪個區塊，導覽列如何呈現，購物流程如何體現等。推薦幾項簡單的視覺化工具： Gitmind Gitmind 是免費的線上心智圖工具，支援中文，有多種樣板可以選擇，能夠自由切換心智圖和魚骨圖，呈現你要的網頁架構脈絡，且介面美觀、容易分享，也能下載高解析度的圖檔，在與客戶溝通或插入投影片時都相當實用。

PPT / Keynote 投影片工具內建的表格與組織圖，通常能直接滿足初步的繪圖需求和網頁的 Prototype (原型），運用不同的投影片呈現每個網站頁面，運用章節分類功能可以快速切換不同頁面，如果運用 Google Slide，還能授權多人同步編輯發想。紙、筆、便利貼簡單直覺的工具往往最強大，運用大張海報紙和幾隻麥克筆，根據不同的流程拼組是在組內討論時最直接的方式。功能或板塊則可以直接寫在便利貼上，與夥伴討論時，可以直接撕黏便利貼來拼排功能，是效率最高的方式之一。