網(wǎng)站界面設(shè)計

網(wǎng)站是用戶與產(chǎn)品或公司的直接接觸對象，好的網(wǎng)站設(shè)計不僅要美觀大方，吸引用戶的眼球，同時交互性能也是很重要的因素，AAA教育UI設(shè)計師指出：對于界面設(shè)計，UI設(shè)計比較重要的同時，交互設(shè)計也是重點，網(wǎng)站的界面體驗是否好，主要體現(xiàn)在網(wǎng)站的首頁設(shè)計上，網(wǎng)站首頁設(shè)計對整個網(wǎng)站至關(guān)重要。在進行網(wǎng)站首頁設(shè)計時，首頁給人耳目一新的感覺。

一、網(wǎng)站首頁的必要元素

1、導(dǎo)航欄

導(dǎo)航欄如果設(shè)計得恰到好處，是會給網(wǎng)頁本身增色很多(千萬不要太花哨，它屬于功能物件，喧賓奪主就不好了)。導(dǎo)航欄有一排、兩排、多排、圖片導(dǎo)航和Frame 框架快捷導(dǎo)航(民主湖論壇就是這種)等等各種情況的設(shè)計。有時候是橫排，有時候則是豎排。

另外還有一些動態(tài)的導(dǎo)航欄，如很精彩的Flash導(dǎo)航。

2、LOGO

LOGO是網(wǎng)站為了給大家一個比較直觀的信息的表達(dá)工具。網(wǎng)站的LOGO，一般以靜態(tài)的居多，也有動態(tài)的，但是LOGO的特點都是在表達(dá)網(wǎng)站的信息，是一個網(wǎng)站的直接的表現(xiàn)窗口。

3、Banner

Banner是網(wǎng)站的廣告展示，對于引起用戶注意和記憶、增強畫面效果有重要作用。

4、按鈕

網(wǎng)頁中的“用戶登錄”、“登錄按鈕”“More按鈕”、“個股推薦”等等類似物件，通常都統(tǒng)稱為按鈕。它是引導(dǎo)用戶進入其他頁面的一個重要端口。

二、網(wǎng)站首頁的整體規(guī)劃

對網(wǎng)站首頁設(shè)計的整體要求體現(xiàn)在：

1.有共性，才有統(tǒng)一，有細(xì)節(jié)區(qū)別，就有層次。

2.防止設(shè)計與實現(xiàn)過程中的偏差，不要定死具體要放多少條信息。

3.設(shè)計的各部分，要配合整體風(fēng)格，夸張一點好像VI。

4.不僅頁面上各項設(shè)計要統(tǒng)一，而且網(wǎng)站的各級別頁面也要統(tǒng)一。

5.頁面要“透氣”，就是信息不要太過集中，以免文字編排太緊密。

6.不要有太多分散注意力的點。動態(tài)閃爍要適中。

7.頁面留白部分，要根據(jù)平面設(shè)計原理來設(shè)計，請注意，分欄式結(jié)構(gòu)不宜留白。

8.還要考慮到瀏覽器上部占用的屏幕空間，防止圖片截斷等造成視覺效果不好。

9.首頁設(shè)計圖片+導(dǎo)航，這是一種比較強的網(wǎng)站表達(dá)，可以根據(jù)時間的變化更改圖片，一般用在專題網(wǎng)站上，如民主湖電臺，還有很多公司的網(wǎng)頁。

三、注意事項

1.導(dǎo)航欄應(yīng)最先調(diào)入，以便常客快速前往所需信息空間。

2.頁面長度要短，使得用戶在信息空間內(nèi)可迅速移動。

3.導(dǎo)航設(shè)計方向要一致。支持導(dǎo)航的層次按鈕應(yīng)當(dāng)從上到下或從左到右，但不要兩者都用，不要混用方向。