網頁設計必備前置作業 : ４個步驟找出最適合你的關鍵密碼 ！

哈囉大家好我是 Wuli，我們今天要跟大家分享的是關於製作網站的第二個步驟第二個流程。上次我們已經有分享到

怎麼樣子去做事先的準備工作，包含如何引導對方說出他對於網站的需求、以及該怎麼進行訪問並且討論網站設計與企劃的部分。

那今天這篇文章我們要來跟大家分享的是 “第二個大流程 -網站製作前調查”！怎麼說呢？在一個網站製作前，我們必須要先去 Google 搜尋一下全世界的網頁當中，有沒有什麼相似的網站？可以最為範本供我們參考或是借鏡的。

1. 蒐集所有相似或者是參考過的網站資料

在這個步驟裡面的我會做的事情包含：1. 蒐集所有相似或者是參考過的網站資料。另如網站的風格以及設計的理念、導覽的方式；思考有沒有什麼值得我去學習的？

以我的方式來說，通常我會先到這個比較知名的網站部落，去看看最近比較特殊的一些網站。例如：I/O3000 就是一個非常適合學習的一個網站設計部落。在裡面會放很多的關於網頁設計的一些優秀作品。而我會參考這些網站思考有什麼是可以變化應用的？並且從不同的版型中去思考如果是我目前要做的產業，他的風格適不適合？能不能很直覺得呈現我目前業主的內容？

2. 找到你喜歡的陳列（導覽）方式

另外，我這裡所說的樣板，不是直接買樣板來套用！而是在還沒製作網站之前，去看看 “如果是這個樣板，我要怎麼樣去設計？”

我知道有很多剛開始創業的人，他會上網去買一些網站設計套版，然後去改名字、字型、照片… 等等，但是你做到最後會發現，你喜歡的樣板之所以會漂亮；有很大的可能是因為他照片拍得好看！所以我們在挑選套版的時候，要挑的並不是他的照片好不好看，而是他的功能以及它的導覽方式、佈局是不是屬於你適合使用的陳列方式。

以前我會去拆解這些樣板的程式碼，然後改變成我喜歡的樣子，但是這會非常花時間，因為你得先查找你想要更改的程式碼在哪一行、然後再去試著修改看看，會帶來什麼樣的效果？但現在你可以選擇更好的設計樣板，他甚至可以有的後台讓你去調整版型，相對來說也輕鬆很多。

3.查找相同屬性的網頁風格

我以前有一個很好的老師，他告訴我“在做任何設計前，先不要有任何想法！”，這個觀念我不只用在設計網站上、同時在我編曲、寫歌時，也很受用。比如說當你已經擬定好你的風格是乾淨大方的 “白色”、或是你要 “大畫面”？那麼你就找大量跟你目前所訂的方向相似的網站來做參考。

看一下在這麼多的網站中，有沒有什麼想法是可以激發你的？

4.尋找相同業務性質的網站

再來就是最後一個：“查找同業務、產業的網站”。比如說今天找我製作網站的是賣食品的，那我就會去找食品相關的網站。如果找我的業主是做 3C 展業的，我就會去找大量的科技類網站。總之就是去看看這個客戶的同業，看看他們的網站的優點跟缺點是什麼？優點要怎麼在我們的網站呈現，缺點要怎麼樣避免？在程式設計時有沒有辦法呈現？

以上呢都是我在做網站前，會做且必須要做的事情。今天的分享就到這邊了，我是 Wuli ！我們就下一篇文章再見囉～

拜拜