網站設計大揭密：如何3步驟打造專業網站！使用Excel協助您規劃網站架構！

現代人每天都在使用網路、瀏覽網站，但您有沒有想過網站是由什麼元素組成的呢？如果有一天您需要規劃一個網站，到底該如何規劃出一個美麗且實用的網站呢？接下來這篇文章將告訴您網站到底需要規劃些什麼，並且如何規劃。
一個網頁的組成大致可分為以下四個元素：

1. 網站架構：也就是主選單、階層頁面、功能等
2. 網站內容：圖文、表格、影音資料等等
3. 網站設計：網站外表風格、色系
4. 網站的技術優化：包含後台和看不見的程式碼

通常除了第4個之外，前面3個都是可以由您自己準備的，甚至可以說是最清楚的人。以下將為您一步步拆解步驟。

一、找到核心：釐清網站的目的和功能

這是第一個也是最重要的步驟，因為它會影響到網站的所有設計決策和功能架構。先設想一下您需要這個網站幫助完成什麼事情，例如：建立形象網站提供大量資訊、利用購物網站銷售商品，又或以活動網站吸引大量潛在客戶等等。這也攸關是否需要建立某些功能，像是表單、購物車、會員系統等。
 

二、塑型骨架：蒐集資料和決定網站架構、設計

1. 整理網站所需資料

   對內，彙整好所有可以放在官網的資料，例如：公司簡介資訊、產品資訊。對外，則分析網站的目標客群和競爭對手。如果知道您的目標客群有什麼特徵、需求、喜好；您的競爭對手有什麼優勢、劣勢、策略，更能幫助您的網站脫穎而出。

2. 決定網站架構

   蒐集完上述資料後，對於自身有什麼樣的資料、優勢就更加清楚了。這時就可以開始將資料歸入對應的單元區塊，確認每個頁面該呈現怎麼樣的內容。例如：網頁常見的關於我們、商品服務簡介、服務特色、聯絡我們、常見問題單元等等。

3. 網站設計確立

   了解你的目標客群喜好和公司/品牌希望呈現的感覺、設計風格，例如專業、現代、活潑、優雅等風格。更進一步的還有排版整齊與否、色系深淺等等的細節確認。如果說不太清楚自己喜歡什麼風格怎麼辦？這裡提供一個小撇步：多翻一下別人的網站，使用刪去法，大概就會知道你喜歡什麼了！

您可能會問，規劃網站步驟我已經知道了，但網站那麼複雜有沒有什麼好工具可以用呢？別擔心，這裡提供一個好方法讓您輕鬆的規劃網頁架構。

用Excel建立網站架構表

Excel可以用欄位的方式來表達網站中的層級概念。而且Excel可以自由的上下左右增加欄位，也相當適合蒐集資料和調整層級。不僅如此您也可以在共享雲端中使用，方便每位同事隨時更新進度和做討論。


 

三、填上骨肉：資料上架和測試修錯

完成了前面的規劃與蒐集資料工作後，只要前置作業夠多已足夠製作出您的網頁雛型了。接下來便是資料上架、測試修錯環節，測試完成後就可以將您的網頁正式上線了。
到了這一步，網站建置工作就此完成了嗎？
不！接下來才是真正的開始。請記得，唯有定期更新和維護，讓您的網站保持活力，才能充分發揮網站的功能喔！


延伸閱讀-網頁設計專欄
網頁設計的十大常見問題 建置網站前必須搞懂哪些事 ?
建置網站需要準備哪些資料？怎麼跟網站設計公司溝通？
網頁設計做完了，然後呢？五個經營網站的起手式教給你