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

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

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

1、導(dǎo)航欄

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

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

2、LOGO

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

3、Banner

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

4、按鈕

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

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

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

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

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

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

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

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

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

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

8.還要考慮到瀏覽器上部占用的屏幕空間，防止圖片截?cái)嗟仍斐梢曈X效果不好。

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

三、注意事項(xiàng)

1.導(dǎo)航欄應(yīng)最先調(diào)入，以便?？涂焖偾巴栊畔⒖臻g。

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

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