網頁唯美派 --
懂得自問自答才會美美

( 2002 / 8 / 29 )

想要做出美美的網頁，先得會回答 4 個基本問題 : Why？Who？What？How？然後你距離「網頁唯美派」才會越來越近 …。

網際網路於近幾年來疾速蓬勃發展，上網人口每年以倍數增長，於是各式各樣的網站，也就應運而生，如雨後春筍般,不時冒出頭來，形成好一片繁華熱鬧的景象! 然而就在你網路衝浪，四處遨遊之際，是否曾經意識到為什麼有些網站會吸引你的目光，讓你願意駐足停留，並且深入探索，甚至還一再前來，愛不釋手？然而卻又有另一些網站，很難引發你的興趣，即使你偶然到訪，但還沒來得及觀賞其頁面完整下載呈現，便已倒盡味口，急欲掉頭離開，並且發誓再也沒有下一次了…。

為什麼？是什麼因素造成如此天壤之別？你是否曾經深思過…？而你自己建置的網站呢？她在瀏覽者的眼裡是否被歸類於「愛不釋手」型？抑或是「沒有下一次」型？還是不痛不癢，平淡無奇，沒啥感想？我想絕大部分的人都希望自己的能力被肯定，作品被賞識，用心建置的網站出類拔萃（那些做事只求交差了事，好讓師長、老板閉嘴的人除外）。但是在茫茫網海，數千萬數千億個頁面裡，你又如何讓自己的網站脫穎而出，倍受矚目？

不少人的直覺反應是：要吸引眼球，網頁一定要長得「美美」 而經常一般人對於「美美」的網頁定義是：網頁要夠酷，夠炫，夠花俏，夠高科技，夠豐富，夠目不暇給。換言之，圖形最好是 3D 立體的，明顯呈現出厚度，而且泛著冷光，才有夠個性! 動畫最好不時跳動翻轉，充分顯現出熱情活力，並且不時發出聲響，以示極具互動反應。視覺效果當然要夠豐富、夠多樣化，以示網頁設計者功力不凡，譬如：滑鼠遊移到哪裡，那裡就應該不斷冒出煙花般的小星星或一排跳舞的字串。瀏覽者點按超連結後，整個瀏覽視窗得上下左右劇烈震蕩一會兒，以示本站之威力不小! 而不管視窗捲軸捲上或捲下，頁面上的某一定點最好能如影隨形的呈現出一個小 logo，小 icon，小廣告以確保訊息傳達之效。或者最少也該擺放個跑馬燈，讓資訊跑呀跑的，不然另外射出個小視窗也行，讓它殺也殺不掉，以便時時向瀏覽者耳提面命….

OK，我承認，上述的視覺呈現手法，web 科技的整合應用，的確可能成就一個「美美」的網頁，令人「愛不釋手」，然而卻也極有可能引發瀏覽者逃之夭夭的衝動，大概再也「沒有下一次」了（你八成已有類似經驗）。 Why？區分在哪裡？如果你能清楚回答下面 4 個 wh questions，然後以你的答案做為網站設計製作的最高指導原則，那麼你的網站就絕不至淪落於「我倆沒有明天」 的類型。

所以，問問你自己：

Why --

為什麼要成立這個網站？此網站的目的是什麼？想要傳達什麼訊息？應該達成哪些任務使命？

也許是想做線上履歷表求職，也許是想提升公司、學校知名度，也許打算做線上交易，也許只是個人網頁秀，將自己的特色、專長、收集與大家分享…。一旦確認網站成立的目標，你才能抓住一個具體的方向來走，不至於像跑野馬般，這個也好，那個也酷，無論在主題取材上或介面表現上都雜亂無章，像個菜市場.

Who --

誰是你的觀眾？目標觀眾的年齡、性別、教育程度、喜好傾向、消費能力為何？他們大多使用的電腦平台、螢幕大小、解析度設定、慣用的瀏覽器品牌、版本為何？有無某種外掛程式。了解這些資料才能幫助你策劃出最合適有效的網頁內容、圖文介面、繼而決定可能採用的 web 科技（例如：最新的 Flash 互動科技、QuickTime VR 360 度環場虛擬實境等）。

What --

你有什麼內容打算擺放上去？這些內容符合你的網站目標與觀眾需求嗎？你希望觀眾如何與這些內容互動？當他們離開時，應該帶走怎樣的訊息與印象？特別值得注意的是：網站裡運用的 web 科技、視覺效果都不算內容，它們只是體現內容的方式與媒介。不要誤認為在網站裡做科技大閱兵，就表示你的網站內容豐富。

How --

如何運用最適切的 web 科技、最清楚的視覺、動線安排，讓網站達成既定目標？

影音、動畫、視覺特效、即時動態頁面均有其精彩動人之處，然而水能載舟，亦能覆舟，不適切的運用，大量的雜燴，很可能適得其反，帶給瀏覽者不快的經驗。任何 web 科技、視覺效果的運用，都應該以「達成網站既定目標」為最高指導原則。不要落入追求花俏的陷阱，反而分散了觀眾應有的注意力，捨本逐末，為愛現而現.

-- (More Stuff...)

此為舊的兩隻老虎網站, 全新的兩隻老虎 blog 在此, jUst cLick here !

Copyright 1997-2006 Two-Tigers Workshop
智慧財產權所有, 禁止轉載或複製於其他網站或媒體.
本站所有內容均受國際著作權公法保護.

URL ： http://www.2tigers.net/