本期我們來談看看網頁視覺設計的一些基本技巧。
以什麼為準繩？ 一張白紙、一個新開的空白HTML文件，你可以隨心所欲地勾劃、設計，你該從哪裡著手呢？ 視覺設計是好是壞，是最沒有一定之規的，一千個人有一千種看法，一萬個人就有一萬種意見。你覺得很難忍受的錯誤，很可能是人家的得意之筆；你最欣賞的「賣點」，訪客很可能嗤之以鼻，正所謂「眾口難調」。 面對這樣的現實，你拿什麼做「定盤心」？記住，最要緊的，是初次來訪者的感覺，是大家的意見！因為你的站點不是自娛的藝術作品，而是有明確的商業目標，是需要盡量多的人的喜歡、從而爭取盡量多的訪問量的。可以先從小範圍開始，問問周圍的朋友，他們看到你網站的第一感覺如何？然後再逐步推廣，邊徵求意見邊改，直到代表性差不多為止。 站點不是雜物箱 一個專業的、有營銷意識的站點，應該讓訪問者(潛在客源)能馬上瞭解到這個站點及其業務是什麼。 絕大多數站點缺乏主旨，沒有規劃意識，沒有連貫性，沒有完整性。普遍的現象是，站點像一個雜物箱，自己能找到的、覺得好玩的、時髦的東西全往裡塞，沒有目標、沒有靈魂。 照顧大多數 很多站點技術掛帥，以為採用的技術越複雜、越時髦越好，因為互聯網是年輕人的樂土，所以他們追逐時髦的興趣也體現到網上。對於以表現自我為主旨的個人主頁，這一特點頗有可取之處，然而對於有明確商業目標的站點，那就不一定是好事了。 如果你的站點為了營銷，你的站點就應該照顧絕大多數人的情況，採用最低技術手段以保證有盡量大的傳播面。這意味著，能簡單則簡單，千萬不要炫耀技術，那樣不會對你的站點帶來什麼好處。當然，如果你的站點就是推廣與互聯網相關的新技術的，那是另當別論。即使對這種主旨的站點，最好也該給初級網友一個比較你尖端技術的導引，因為你的目標不就是為了讓人家瞭解乃至消費你的好技術嗎？ 圖像重要還是文本重要？ 這是每個站點都必須面對的問題。流行的觀念是，圖像比文本重要，一提「站點設計」，大家以為就是「圖像設計」或者視覺效果設計。這是對站點設計的膚淺理解。 其實，站點設計的內涵遠不僅是圖像設計，它是以實現站點經營戰略為目標，對站點各要素展開的綜合規劃。其內涵包括很多方面，像站點目標、經營策略、讀者定位、風格塑造、文本設計、圖像設計、營銷策劃等等，還有像交互性設計、數據結構、績效評估等也都在其列。 圖像和文本都是用以實現站點經營戰略的主要手段，其中圖像通過視覺效果引導讀者，而文本內容則是決定站點能否吸引人的內核。二者的關係，就像兩個相聲演員，一個「逗哏」一個「捧哏」。誰「逗哏」誰「逗哏」，則應由站點經營戰略的需要而定。 對於一個以信息內容為主體的站點，文本占突出地位，是「逗哏」的角兒，同時，圖像就該起配角作用，屬「捧哏」，目的是給讀者營造出一些喘息的視覺空間，就像城市建築群之間綠地、公園的點綴功能一樣，同時，圖像運用恰當，還可達到增加頁面深度的功效。 對於一個藝術站點特別是視覺藝術類站點，圖像就居於主導地位，是「逗哏」，它決定頁面、站點的整體結構，因此文本內容就應處於配角地位，為圖像「捧哏」。 總體來看，當然是信息內容為主體的站點居多。看看你的站點，屬於哪一類？定好站點的基調之後，再來看二者如何來配合最能實現站點的意圖。 無論二者的關係怎麼建構，都有些一般性原則供你借鑒：(1)圖像要小，文本段落要短；(2)所有圖像文件最好採用 alt. 標籤。 顏色與圖像 有一個辦法可以既減少圖像的使用，又能達到使頁面生動、吸引注意的效果。這個辦法就是運用背景色塊。 顯而易見，顏色是站點視覺設計的關鍵因素之一。視覺設計的先期工作，就包括確定頁面的顏色組合方案。顏色能對受眾的情緒、思維產生強烈影響，所以選擇暖色還是冷色組合、黑色還是白色背景，對讀者必然有很大的導引作用。具體設計時你盡可發揮你的藝術想像力，這裡給你提供應該遵循的幾條基本技巧： (1)為照顧大多數網友，最好限定使用 256 色。
(2)使用背景色塊，避免使用背景圖像。用圖像做背景，會降低頁面的訪問速度，使文本難於閱讀，還容易模糊整個站點的主旨。
(3)顏色組合要有個性，同時可使文本易讀、圖像易於區別開來。
(4)審慎選擇顏色組合的情緒意義。舉例來說，黑色背景下的紅色文本，顯得很刺眼，對於像花店這類站點就不合適；白色背景下的藍色文本，看上去很放鬆、很寧和，這對於像搖滾樂隊的站點不夠份量。 動畫圖像 動畫圖像的使用一定要慎之又慎，因為它容易造成對讀者視覺上的強烈騷擾，同時也很容易制約頁面的訪問速度。在使用動畫圖像之前，建議你仔細考慮這些因素：
(1)目標明確。你為什麼一定要用動畫圖像？為瀏覽方便？強調信息？還是宣傳自己身份？如果只是想讓你的站點時髦點，那最好別用。
(2)盡量縮減動畫的大小。
(3)注意動畫是很搶眼的，弄不好畫蛇添足。
大部分文章摘自網上，如有侵犯您的權益請來信告知，我們會第一時間進行處理，謝謝! |
