網站界面設計注意事項

網站界面設計注意事項

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

一、網站首頁的必要元素

1、導航欄

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

另外還有一些動態的導航欄,如很精彩的Flash導航。

2、LOGO

LOGO是網站為了給大家一個比較直觀的信息的表達工具。網站的LOGO,一般以靜態的居多,也有動態的,但是LOGO的特點都是在表達網站的信息,是一個網站的直接的表現窗口。

3、Banner

Banner是網站的廣告展示,對於引起用戶注意和記憶、增強畫面效果有重要作用。

4、按鈕

網頁中的「用戶登錄」、「登錄按鈕」「More按鈕」、「個股推薦」等等類似物件,通常都統稱為按鈕。它是引導用戶進入其他頁面的一個重要埠。

二、網站首頁的整體規劃

對網站首頁設計的整體要求體現在:

1.有共性,才有統一,有細節區別,就有層次。

2.防止設計與實現過程中的偏差,不要定死具體要放多少條信息。

3.設計的各部分,要配合整體風格,誇張一點好像VI。

4.不僅頁面上各項設計要統一,而且網站的各級別頁面也要統一。

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

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

7.頁面留白部分,要根據平面設計原理來設計,請注意,分欄式結構不宜留白。

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

9.首頁設計圖片+導航,這是一種比較強的網站表達,可以根據時間的變化更改圖片,一般用在專題網站上,如民主湖電台,還有很多公司的網頁。

三、注意事項

1.導航欄應最先調入,以便常客快速前往所需信息空間。

2.頁面長度要短,使得用戶在信息空間內可迅速移動。

3.導航設計方向要一致。支持導航的層次按鈕應當從上到下或從左到右,但不要兩者都用,不要混用方向。


推薦閱讀:

如何設計一個完美的搜索框(一)
GUI 常用元素中英對照表 / 3. Toolbar
【UI】用戶交互界面中的文字使用 Typographic Elements in UI
UI設計前輩經驗分享

TAG:用戶界面設計 |