Select Page

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

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

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

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

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

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

2. 找到你喜歡的陳列(導覽)方式

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

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

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

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

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

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

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

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

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

拜拜

Pin It on Pinterest

Share This