最近身邊不少從平面設計跨足網頁視覺設計領域的朋友
(當然也包括平面設計經驗十多年的老爸老媽)
常會希望我提供些網頁設計接案建議
或者是指導他們設計規劃
說實在的，我沒有很強ㄟ
但我很樂意把我曾經經歷或者會碰到的一些思路、問題整理起來
和大家分享
當然，裡面有很多觀念或者是執行面上還不算成熟
也希望有興趣的朋友可以提供自己的經驗討論交流
1) 為什麼要做網站? 要做給誰看??

我想這問題，很多業主都搞不清楚。
感覺上好像是為了有網站而有網站，因為這是潮流、這是企業e化的一種趨勢，別人都有了，我沒有跟進好像很遜咖~
如果真是如此，為什麼要有網站？
先找出』為什麼』的答案，再來考慮要怎麼製作….
這個答案，一般都泛稱它為』網站定位『
例如：我要做線上購物網站、我希望公司的網站是帶有專業的客戶服務說明，來減輕我電話客服的LOADING、我要作一個公司的作品網站，以後接案提案方便…等
有了明確的定位與訴求，接下來就是鎖定目標族群

今天，我要做給誰看?

先抓出目標族群的年齡層、個性、嗜好、網路使用的習慣
這些屬性對於之後網頁設計的視覺考量上都會有很大的幫助!!

2)業主的預算? 有沒有必要做網站?

這問題其實蠻難解釋的。

對於我們接案的設計師來說
有錢賺當然好哇!
但對業主來說，錢總是要花在刀口上
我總不能把錢灑出去之後
整個網站不但流量沒有增加，業績沒有上升
反倒石沉大海…
所以，我會建議先了解客戶的預算有多少?有沒有非製作網站不可的必要性
還有，對方想要的是網站的美化，還是網站的重新規劃
如果是網站美化，收費可以便宜些
反之，如果要涉及規劃的部份，可以斟酌加上企劃的費用
大部份會找我們這些上班族接案的業主，其實預算都不會很多

有多少錢做多少事情。

幫自己節省時間，也幫客人節省預算

要不然，自己賺的錢少不爽，被瘋狂改稿很賭爛，還要犧牲自己下班休息時間，何苦??
倘若今天客人本身網站的內容更新不頻繁、預算也不多
我會建議他單以包裝商品的方式來製作
就像NOKIA一樣，當他推出新款手機時，會另外製作相關的商品活動頁或是EDM來協助販售
再從商品活動網頁、EDM導入公司正式網站上
這樣一來畫面可以更活潑、多元
對瀏覽者來說，也是一種新的視覺刺激
如果今天預算真的是少之又少，我會建議對方製作自己的BLOG即可。
從BLOG到其他相關的BLOG去做串連的動作，省去強迫式廣告推銷
現在有很多預算不多的小型工作室或者商店都採用這種模式
一來更新容易，二來也省去租用網頁空間、主機託管的困擾。
3)準備好你的網站企劃書!

確定好你的網站定位以後，其實整體網站的功能架構就差不多呼之欲出了!!
接下來就是企劃書的問題了。
所謂的企劃書，除了一般最常用的網頁架構樹狀圖以外
我會建議，再補上管理維護、硬體軟體需求、費用評估與製作時程
‧管理維護：向客戶說明哪些部分必須由他們自行更新、如何備份資料，修改網頁…等。
‧軟硬體需求的部份：如網站主機、頻寬還有系統平台。
‧費用評估：清楚地列出所有開銷，如：網頁空間租用花費、程式設計費用、視覺設計費用、網
站維護、主機維護費用，讓客戶清楚到底自己的錢砸到哪去，讓費用這塊透明化，省去日後的
爭執。
‧製作時程：如LAYOUT完成時間、確認時間、網頁製作時間、上線時間等，排定計劃表，讓工
作有效率地結案。

另外，在這邊解釋一下
這邊所謂的網站企劃書，通常不需要弄得厚厚一本
你只需要口頭上簡單地和客戶達成共識，或者是簡單的書面資料即可
畢竟我們是PART TIME，不是專職的工作室
客戶通常也沒那麼多美國時間，要看完那本厚的可以當麻將桌腳墊的企劃書。
4)多聽多看，想清楚了再下手!!

這是我自己的切身之痛!
以前剛接案的時候，常常一拿到手邊的資料
完全沒有消化過，就悶著頭開始製作
熬夜做完以後，才發現和客戶要的大不同

拿到資料後，先冷靜一下

花點時間，閱讀客戶給的資料，理出頭緒，抓出重點
不懂的部份，別怕羞，先問清楚

多溝通，減少做白工的機會

然後，上網參考其他相關產業的網站是怎麼製作
總不能把一個專業形象的網站做的太俏皮吧?!

5)堅持自己的價格

對客戶來說，當然是花費越少越好，製作完成時間越短越好
在品質與時間的要求下，我很堅持自己應該要有的價格
不會給予殺價的機會!!
如果客人堅持要殺價，我會推薦一些我覺得不錯的學生給他們
對我來說，一分錢一分貨
我不會坑你，但你也別想壓榨我!!
另外，在確認過視覺後，準備製作網頁了
我會建議先收訂金
一方面是擔心客人跑掉，耍賴不付款
另一方面也給自己先有些犒賞
至於訂金的費用該收多少，自己決定吧!
我這邊的收法，畫面確認後，我會先收三成訂金
等結案當天，我會把光碟片還有檔案交付客人
同時把尾款收齊
6)想法比技法重要!!

不要被花俏的技法羈絆，試著先讓自己跳脫出來
想想看，假設，今天你是瀏覽者
你會希望在這網站上看到什麼
如果抽掉了這些花俏絢麗的FLASH還有誇張的JAVA SCRIPT特效
網站還有什麼特質可以吸引你繼續閱讀下去??
此外，盡可能挑重點的部份出來加強美化
不要把所有的東西都搞的很花
當所有的東西都是會動的時候，很難判斷什麼是重點
網站設計跟平面設計一樣，也有主從關係
這部份端看個人SENSE怎麼處理畫面了~

7)把自己還有瀏覽者當做笨蛋

我說這句話並不是要攻擊所有看網站的人都是笨蛋喔!
意思是要想辦法，把網站的畫面還有整個使用介面做到最簡單
讓極少使用網路的瀏覽者也可以很快速地了解使用方式與網站內容
不要想說我都懂了，其他人應該懂吧?!
畢竟製作這個網站的是你還有客戶，但最重要的應該是消費者懂不懂，不是嗎?
尤其是有流程的部份，我會建議把它圖像化
一來閱讀方便，又有美化網站的好處，何樂不為?(設計倒是要花不少時間倒是真的 ~』~)

此外，還要考慮各種瀏覽器與螢幕解析度可能會出現的畫面
可以的話，可以先模擬出來給客戶看看!

另外，我很討厭在網路上等LOADING很久的網頁
通常這種狀況有幾種可能：

1.網頁圖檔或FLASH檔案過大

2.程式檔案過大

3.當天瀏覽的頻寬問題

除了第三點以外，前面兩點都是我們可以控制的，想辦法幫網頁瘦身，讓瀏覽者願意繼續留下來

8)考慮未來更新的便利性

這一點，我認為超級無敵重要!!
通常，我會在不太可能會再有更動的網頁上製作FLASH或者是把文字圖像化
避免在未來常有更新資訊的部份做這種麻煩的動作
讓客戶可以很容易修正自己未來要更新的資料
除非你要壟斷客戶自己修正的可能性，每次都找你更新，還可以藉此多收取修正費
我自己是不喜歡這樣就是了!! 如果對方只拜託你改幾個字…怎麼收費??
收也不是，不收也不是，很尷尬
再者，我還要花時間到FLASH上面找該修正的圖層
弄完整個都傻了，划不來呀!!
9)結案後，適時地關心客戶的網站

再怎麼說，都是自己辛辛苦苦做的結晶。
結案後，抽個時間看看對方經營的成果
如果有任何問題，還是可以給予客戶幫助…

對我來說，任何作品都一樣
只要是從我這邊出去的，我都會希望他是很完美地從我手上送交到客戶端
包括未來的網頁瀏覽率，或者是網站的錯誤訊息
還是可以協助客戶經營，讓彼此的關係不僅僅只是業主跟設計
也能當作共同經營者的方式來看待網站
講句比較現實的話，有了這一層關係後，通常客戶之後要再製作新網頁的時候，多半還是會找你…
以上是我在接案與製作網頁視覺上的一些經驗，提供給即將踏入網路圈的朋友參考

如果上面談的不夠詳盡，也歡迎各位給予指教!!

現在時機歹歹，能接案就是福阿!!

一起努力，賺點錢好過年!!

Run! Run! Genie 跑吧!阿吉

你準備好了嗎?! 網頁SOHO設計師

音樂和科技一樣，始終來自於人性

【騙吃騙喝合成術】神奇的煙霧效果!