2011年4月22日星期五

網頁設計應該牢記的“成功法則”

網頁設計應該牢記的“成功法則”
一個不懂得欣賞優秀網頁作品的設計師可能永遠都無法懂得借鑒的真諦;一個無法將優秀作品的精髓融入到現有需求中的設計師可能永遠都無法找到真正的靈感。
即便是那些看似獨創的設計,其靈感也往往來自設計師在長期借鑒過程中的不斷積累。
設計源於靈感,靈感源於借鑒——這是每個網頁設計師都應該牢記的“成功法則”。
網頁基本佈局
要尋找網頁佈局方面的靈感並不難。我建議大家沒事兒時多做些摺紙練習:隨手拿起一張A4複印紙,然後根據自己的心情好壞,或平行、或斜向、或選擇任意角度將紙片折疊幾次,再把紙平攤在面前,紙上呈現出來的摺痕沒準兒就是一種相當不錯的網頁佈局呢!
當然,網頁設計師還是要盡量熟悉那些典型網頁的基本佈局方式,以根據客戶的需要選擇使用。比如,門戶類網頁為了盡可能多地展現信息內容,通常都會設計成三欄甚至四欄的縱向佈局;公司首頁為了展現強大的企業實力,往往會選擇“視野”更寬闊的橫向佈局;個人主頁為了展示網站主人的個性,其網頁佈局方式也會千差萬別,像軸向佈局、網格佈局、斜角佈局、放射佈局、多中心佈局、離散佈局、對比佈局等等都是常見的個人主頁佈局方式。
網頁鏈接的深度、廣度和泛耦合程度
超級鏈接是網頁設計中最重要的信息組織方式,網頁設計也是整個Web世界的精髓所在。但糟糕的鏈接設計——比如過於氾濫和隨意的超級鏈接——很可能會讓衝浪者迷失在充斥著信息碎片的海洋裡。
如果將網站首頁視為鏈接層次中的第一級,那麼,由首頁中的超級鏈接得到的,在信息內容上具有從屬關係的站內頁面就是網頁鏈接層次中的第二級;從每個第二級頁面又可以繼續得出第三級網頁;依此類推,我們多半可以得到一個完整的樹形鏈接結構。在這個樹形鏈接結構中,整棵樹的層數可以被稱為(站內)網頁鏈接的深度,頁面最多的一層中包含的頁面總數可以被稱為(站內)網頁設計網頁鏈接的廣度。
一般說來,一個網站的鏈接深度和廣度最好有一個合適的均衡關係,深度過大的網站不利於衝浪者快速獲取相關信息,廣度過大的網站則容易讓衝浪者在無數並列的超級鏈接面前不知所措。
當網頁中的某個鏈接既沒有指向下一級網頁,網頁設計也沒有指向上一級網頁時,它必然構成了由當前頁面向跨層級網頁或站外URL的“跳轉”,這種跳轉的出現頻率可以被稱為網頁鏈接的泛耦合程度。
用“原型法”細化網站設計需求
每個網頁設計師都有過被含混、多變的客戶需求折磨得痛苦不堪的經歷。在需求分析階段,使用“原型法”可能是細化並確認需求的最好方式。
當客戶根本不清楚自己的需求是什麼的時候,網頁設計師不妨根據同類網站的構思和實現方式,用最便捷的工具(比如Dreamweaver)在最短的時間內搭出一個可以瀏覽、跳轉但不一定支持所有功能的網站原型,然後與客戶一起體驗並評估這個網站原型的架構、流程、佈局、配色、文字等不同層面——這樣的評估結束後,客戶心中隱藏許久的那份“設計需求”也許就已經浮出水面了。
導航欄的統一和變化
幾乎每個網頁都有導航欄。對同一個網站內的所有網頁來說,導航欄必須在設計風格上力求統一。否則,衝浪者就需要分別適應每個頁面的導航界面風格,這不但會浪費不少時間,也會嚴重影響整個網站的使用美感。
但這裡所說的統一併不是要求我們為每個網頁設計出一模一樣的導航欄。網頁設計完全相同的導航欄會讓衝浪者在瀏覽過程中由疲憊而麻木、由麻木而喪失對網站的瀏覽興趣。也就是說,我們應該在統一的整體風格下,在每一個或每一組網頁的導航欄中尋求細節上的變化。
比方說,我們可以在確保所有導航欄形狀、佈局、字體一致性的基礎上,變換不同導航欄的背景顏色;或者,我們可以在統一了色彩、形狀、字體的情況下,變換不同導航欄的相對位置;再或者,我們還可以變換不同頁面中導航欄的背景圖片——當然,所有背景圖片應當從屬於某種統一的風格——同時保持其他設計元素不變。
“在統一的基礎上尋求變化”——除了導航欄以外,台中網頁設計師在處理同一頁面或同一網站內的其他設計問題時,這句話也同樣有效。
泛耦合程度過低的網站無法有效發揮Web衝浪的價值,網頁設計公司由此得到的網站過於死板;另一方面,泛耦合程度較高的網站又有可能造成信息內容的支離破碎,影響衝浪者的正常閱讀。因此,網頁鏈接的泛耦合程度應該與網站的設計需求相適應——兒童或動漫類的網站應鼓勵那些代表跳躍式思維的泛耦合鏈接,而一個學術類的網站則應該對泛耦合鏈接持相對謹慎的態度。

没有评论:

发表评论