當前位置:首頁 » 網站資訊 » 網站的網頁設計應遵循哪些原則
擴展閱讀
校園網網路安全存在問題 2023-02-08 20:23:06

網站的網頁設計應遵循哪些原則

發布時間: 2022-12-06 02:33:33

1. 網站設計要遵循哪些原則

如何才可以設計出一款 合格的網站。都明白,設計的特色化呈現得十分突出,每位設計師都具有自個的設計概念,而企業也有自個的需要,所以這兩者之間時常會存在爭議。故此,網頁設計中需要遵從相應的基本原則。
1.網頁設計實施方案觀點鮮明
為了能確保觀點鮮明突出,要點清晰,並且將遵從客戶的需求,以簡潔清晰的語言和畫面突顯網站的主題;充分調動所有方法多方面呈現網站點的個性化和趣味性,辦出網站的優勢特點。
2.網站的版面設計
網頁設計用作1種視覺語言,尤其是重視編排和布局,雖說首頁的設計不等同平面設計,但它們之間有很多相似之處。多頁面網站頁面的編排設計需求把頁面間的巧妙聯系展現出,尤其是要正確處理好頁面間和頁面內的公共秩序與主要內容的密切關系。學平面設計的同學們可能明白為了能實現極佳的視覺呈現效果,將反復研究總體布局的合理原則,使來訪人擁有流暢的視覺體驗。
3、網頁設計主要形式與主要內容相統一
靈活利用比較與調配、對稱與平衡、節奏與韻律還有留白等方法,可以通過空間、文字內容、圖形間的密切關系構建總體的均衡狀態,發生融洽的審美感受。

2. 網站設計要遵循哪些原則

一、注目性

。也就是說頁面形象要能夠吸引瀏覽者的注意力,注意視覺形象的色彩、環境、方位、大小和結構。提高注目性是網名設計必須注意和追求的事項,所以在設計的時候採用生動鮮明、概括的視覺語言,利用色彩和圖形的創意變化把文字所要表達的內容都展示出來,那麼這個表達方式就更具吸引力。

二、適應性

。網站作為信息社會中一種視覺語言,入股想要完成傳播信息的目標,必須要有適應性這個特點,重視受試者的心理、生理、文化層次等因素,此外還要重視設計的整體特點,尊重觀看者的公認選擇和習慣心理。假如在網站設計的時候沒有體現適應性,就會導致色彩設計和頁面形象的隨意性,從而影響信息的傳遞和瀏覽。

三、記憶性

。記憶性指的是可以存在腦海中很長時間,還要能夠形成條件反射。如果每個構成要素都利用的很充分,藉助結構比例、視覺誘導、動靜對比、調和和均衡等關系來設計,才可以讓設計出來的網站更加的醒目、新穎,從而引起瀏覽者長久的記憶和注意力。

四、選擇性。

網站頁面肯定有著繁雜而豐富的信息,但是瀏覽者可能對這些信息並不是都感興趣,所以在網站設計的時候要注重對信息有針對性地選擇。因為視覺對點線等一些因素的敏感程度都是比較高的,所以在引導不同圖形和標題的時候可以把它們線化或者是點化,從而讓用戶在瀏覽的時候更加的方便。

3. 網頁設計要遵循的基本原則包括哪些內容

除了要有創意和特色外,有一些基本原則是必須要遵循的。
1、明確網站內容
一個網頁在設計的時候首先應該考慮網站的內容,包括網站功能和用戶需求,而不是以漂亮為中心進行設計規劃。明確設計網站的目的和用戶需求,從而做出切實可行的設計計劃。
2、導航清晰
導航的欄目不要過多,一般5-9個比較合適 ,只需要列出幾個主要的頁面就可以。如果欄目比較多,盡量採用分級欄目的方式展示出來,這樣更直觀清晰。
3、易讀性
設計出的網站應該是容易用戶瀏覽的,導航應清晰、簡潔,返回主頁的標識要容易找到,所有的鏈接要有目標。網頁還要符合人們從左到右、從上到下的閱讀習慣。對於較長的頁面,還應在底部設置一個導航。
4、頁面協調性
網站頁面的協調性能夠影響整個頁面所展示的視覺效果。將整個頁面的所有元素都進行合理搭配、統一處理,最後形成一個和諧的整體,這樣有利於提高用戶體驗。
5、打開速度要快
如果一個網站設計的再漂亮,打開的速度卻很慢,也是無意義的。用戶好不容易找到了感興趣的內容,最終卻因為遲遲打不開而放棄,這也是很多網站存在的問題。

4. 網頁設計的基本原則是什麼

審美原則
好的創意必須具有審美性。一種創意如果不能給瀏覽者以好的審美感受,就不會產生好的效果。創意的審美原則要求所設計的內容健康、生動、符合人們審美觀念。
目標原則

創意自身必須與創意目標相吻合,創意必須能夠反映主題、表現主題。網頁設計必須具有明確地目標性。網頁設計的目的是為了更好的體現網站內容。
系列原則
所謂系列化就是在具有同一設計要素或同一造型、同一風格或同一色彩、同一格局等的基礎上進行連續的發展變化,既有重復的變遷,又有漸變的規律。從視覺心理上來說,人們厭棄單調劃一的形式,追求變化,連續系列的獨特性會令人們耳目一新。系列原則也符合「寓多樣於統一之中」這一形式美的基本法則,組成連續系列的每一幅界面雖然是一個獨立的單元,但由於整體結構內容的相關性,風格基調的一致性,使網站在變化中求統一,形成多樣統一、對比而又和諧的藝術效果。

5. 網站界面設計應遵循的幾個原則

網站界面設計應遵循的原則主要有以下幾個:
1、用戶導向原則
設計網頁首先要明確到底誰是使用者,要站在用戶的觀點和立場上來考慮設計網站。要作到這一點,必須要和用戶來溝通,了解他們的需求、目標、期望和偏好等。網頁的設計者要清楚,用戶之間差別很大,他們的能力各有不同。另外,用戶使用的計算機機器配置也是千差萬別,包括顯卡、音效卡、內存、網速、操作系統以及瀏覽器等都會有不同。設計者如果忽視了這些差別,設計出的網頁在不同的機器上顯示就會造成混亂。
2、簡潔易操作原則
KISS原則就是"Keep It Sample And
Stupid"的縮寫,簡潔和易於操作是網頁設計的最重要的原則。畢竟,網站建設出來是用於普通網民來查閱信息和使用網路服務。沒有必要在網頁上設置過多的操作,堆積很多復雜和花哨的圖片。該原則一般的要求,網頁的下載不要超過10秒鍾;盡量使用文本鏈接,而減少大幅圖片和動畫的使用;操作設計盡量簡單,並且有明確的操作提示;網站所有的內容和服務都在顯眼處向用戶予以說明等。
3、布局控制
關於網頁排版布局方面,很多網頁設計者重視不夠,網頁排版設計的過於死板,甚至照抄他人。如果網頁的布局凌亂,僅僅把大量的信息堆集在頁面上,會干擾瀏覽者的閱讀。一般在網頁設計上所要遵循的原理有:
(1)Miller公式。一個人一次所接受的信息量為 7±2
比特。這一原理被廣泛應用於網站建設中,一般網頁上面的欄目選擇最佳在5~9個之間,如果網站所提供給瀏覽者選擇的內容鏈接超過這個區間,人在心理上就會煩躁,壓抑,會讓人感覺到信息太密集,看不過來,很累。
(2)分組處理。上面提到,對於信息的分類,不能超過9個欄目。但如果你的內容實在是多,超出了9個,需要進行分組處理。如果,你的網頁上提供幾十篇文章的鏈接,需要每隔7篇加一個空行或平行線做以分組。如果你的網站內容欄目超出9個,如微軟公司的網站,共有11個欄目,超過了9個。
4、視覺平衡
網頁設計時,也要各種元素(如圖形、文字、空白)都會有視覺作用。根據視覺原理,圖形與一塊文字相比較,圖形的視覺作用要大一些。所以,為了達到視覺平衡,在設計網頁時需要以更多的文字來平衡一幅圖片。另外,按照中國人的閱讀習慣是從左到右,從上到下,因此視覺平衡也要遵循這個這個道理。
例如,你的很多的文字是採用左對齊〈Align=left〉,需要在網頁的右面加一些圖片或一些較明亮、較醒目的顏色。一般情況下,每張網頁都會設置一個頁眉部分和一個頁腳部分,頁眉部分常放置一些Banner廣告或導航條,而頁腳部分通常放置聯系方式和版權信息等,頁眉和頁腳在設計上也要注重視覺平衡。
同時,也決不能低估空白的價值。如果你的網頁上所顯示的信息非常密集,這樣不但不利於讀者閱讀,甚至會引起讀者反感,破壞該網站的形象。在網頁設計上,適當增加一些空白,精煉你的網頁,使得頁面變的簡潔。
5、色彩的搭配和文字的可閱讀性
顏色是影響網頁的重要因素,不同的顏色對人的感覺有不同的影響,例如:紅色和橙色使人興奮並使得心跳加速;黃色使人聯想到陽光,是一種快活的顏色;黑顏色顯得比較莊重,考慮到你希望對瀏覽者產生什麼影響,為網頁設計選擇合適的顏色(包括背景色、元素顏色、文字顏色、鏈節顏色等)。
為方便閱讀網站上的信息,可以參考報紙的編排方式將網頁的內容分欄設計,甚至兩欄也要比一滿頁的視覺效果要好。另一種能夠提高文字可讀性的因素是所選擇的字體,通用的字體(Arial,CourierNew,Garamond,Times
NewRoman,中文宋體)最易閱讀,特殊字體用於標題效果較好,但是不適合正文。
6、和諧與一致性
通過對網站的各種元素(顏色、字體、圖形、空白等)使用一定的規格,使得設計良好的網頁看起來應該是和諧的。或者說,網站的眾多單獨網頁應該看起來像一個整體。網站設計上要保持一致性,這又是很重要的一點。
一致的結構設計,可以讓瀏覽者對網站的形象有深刻的記憶;一致的導航設計,可以讓瀏覽者迅速而又有效的進入在網站中自己所需要的部分;一致的操作設計,可以讓瀏覽者快速學會在整個網站的各種功能操作。破壞這一原則,會誤導瀏覽者,並且讓整個網站顯的雜亂無章,給人留下不良的印象。
當然,網站設計的一致性並不意味著刻板和一成不變,有的網站在不同欄目使用不同的風格,或者隨著時間的推移不斷的改版網站,會給瀏覽者帶來新鮮的感覺。
7、個性化
(1)符合網路文化
整個互聯網的文化是一種休閑的、非正式性的、輕松活潑的文化。在網站上使用幽默的網路語言,創造一種休閑的、輕松愉快、非正式的氛圍會使網站的訪問量大增。
(2)塑造網站個性
另外,網站的整體風格和整體氣氛表達要同企業形象相符合並應該很好的體現企業文化,進而形成風格。

6. 網頁版面設計遵循的3大原則是什麼

一、直觀性


什麼是直觀性?指的是在受眾打開版面的時候,用戶可以比較直觀的看出你想要表達的內容,開門見山。看過之後不明白版面要表達什麼,或者認為很混亂,都是不夠直觀的表現。為了留住用戶,設計師需要讓版面明確而舒適,排列的思路清晰,用戶一望而知之。只有讓內容的價值為用戶所了解,才能讓人讀下去,願意了解,才有接下來的轉化。


二、易讀性


文本內容是絕大多數設計中重要的組成部分。文字的編排需要以易讀性為原則。字體過小、太密、過多裝飾甚至跳躍性地插入頁面布局中,都是不易讀的表現,也是設計師沒有為讀者考慮的結果。在書寫機會逐漸減少的現代,易讀性是文本內容是最基本要求。文字的可讀性要足夠強,這不僅與文字的形體有關系,而且和大小、字間距、行間距都密切相關。


三、美觀性


設計作品需要足夠漂亮,給人帶來美好的感受,這也是版式設計的使命所在。在確保了設計的直觀性和易讀性之後,就需要解決美觀的問題了。為了實現美觀性,設計師需要在之前的基礎上,考慮設計風格、配色和頁面構成等要素了。如果一開始就考慮美觀性,很容易造成內容不易讀不易懂的問題。不過,值得注意的是,最能夠引人注意的主要不是文字,而是視覺效果,請謹記。


關於網頁版面設計遵循的3大原則,青藤小編就和大家分享到這里了,希望這篇文章可以給正在學習設計的您有所幫助。如果您還想繼續了解關於平面設計的學習方法及素材等內容,可以點擊本站其他文章學習。

7. 網站設計的原則有哪些

每個網頁設計師在 設計網頁的時候都有自己的一套思路和方法,但是不管怎麼樣,都遵循了幾個最基本的設計原則,我大概總結了主要有如下幾點:
一、對稱與均衡
對稱分為左右對稱、上下對稱、重復對稱、旋轉對稱等形式。對稱的造型在大自然中比比皆是,同時也是版式設計常用的構成形式。對稱的形式給人以穩定平衡的感覺,但也容易流於刻板、單調。為打破這種局面,設計上往往採用均衡來代替對稱。均衡與對稱的區別在於各元素與軸心的分布排列不等,呈不規則狀態,從形式上是對稱的破壞,然而兩邊在視覺上的分量的相等的。整個畫面還是處於勢的平衡中,給人以後總動中有靜或靜中有動的動態美,富於變化和趣味。我們稱之為:對等不對稱,等量不等形。
二、重復、相似和變異
一個形體的反復出現,會加強對受眾的視覺刺激。這是最簡單的節奏,好像某幾個音節在樂章中的反復出現,會加深聽眾的印象。在平面設計中有時也把近似的形象並置在一起,大道重復的效果,這稱為相似。但有的時候,我們又把很有規律的一段樂章其中的一個或幾個音符加以變化,使之產生強烈的反差,這就是變異。變異可以理解為對規律的破壞,這種表現手法更容易吸引人的注意力,引發瀏覽者的興趣。
三、節奏與韻律
節奏、韻律是來自音樂的概念。在構成中,形體有規律的排列和變化就形成了視覺的節奏與韻律。它會帶給受眾舒適的視覺感受。除了前面提到的重復,還有形的漸變,包括大小、長短、明暗、形狀、位置等方面的變化,這些構成上的變化會使畫面產生和諧的藝術效果。這些形式上的美,如果賦予頁面的主題、個性和情感,就有了韻律感,好像音樂中飯的旋律,不但有了節奏,還有情調,有意境。它能增強頁面中的感染力和藝術表現力。
四、網頁中的對比
對比就是利用異質元素的並置產生差異,更鮮明地突出各元素的個性特性。缺乏對比的畫面的平淡、乏味的,是沒有吸引力的;而對比會產生強烈的矛盾和沖突,從而對觀者產生視覺刺激。
五、網頁中的調和
調和是指通過網頁中各要素之間存在的共性所構成的頁面統一性。調和是產生和諧與穩定的前提,我們可以通過保持畫面造型元素的某種特徵的一致性,如形狀,色彩等,形成調和。另外前面講到的對稱、均衡、漸變、重復等構成方式也會形成調和的頁面效果。以調和為基調的頁面中各部分之間保持一種內在的統一和協調,從而加強頁面的整體性和完整性。調和的構成中,要注意局部的對比效果。避免頁面產生模糊。
我們一般採用三種方式進行頁面的調和:
大小調和:使頁面的元素麵積大小相近,或者使一種元素麵積大於其它元素,並佔有絕對優勢,保證其在頁面中起主導作用。
形狀調和:頁面中的造型元素保持相似的外形,並且把這種外形特徵貫穿於整個網站。
色彩調和:通過頁面中的元素色彩的一致性,進行頁面調和。
網頁設計師在其設計思路中都遵循以上幾個網站設計原則,所以特別是對剛學網頁設計的新手來說深刻理解並遵循設計原則是必要的,甚至決定了你網頁設計的成敗!

8. 網頁設計應遵循什麼原則

1、明確內容:一個網頁在設計的時候首先應該考慮網站的內容,包括網站功能和用戶需求,整個設計都應該圍繞這些方面來進行。不了解網頁用戶的需求,設計出的網路文檔幾乎毫無意義,如要設計一個網上電子交易系統,就沒有必要羅列一些文學藝術等內容,否則只會引起用戶的反感。
2、色彩和諧統一:網頁設計要達到傳達信息和審美兩個目的,悅人的網頁配色可以使瀏覽者過目不忘。網頁色彩設計應該遵循"總體協調,局部對比"的原則。
3、定期更新:除了及時更新內容之外,還需要每隔一定時間對版面、色彩等進行改進,讓瀏覽者對網站保持一種新鮮感,否則就會失去大量的瀏覽者。
4、平台的兼容性:最好在不同的瀏覽器和解析度下進行測試,基本原則是確保在IE 5以上的版本中都有較好效果,在1024×768和800×600的解析度下都能正常顯示。此外,還需要在網頁上盡量少使用Java和ActiveX編寫的代碼,因為並不是每一種瀏覽器都能很好地支持它們。
5、打開速度要快:相信大家都遇到過這樣的情況,好不容易從搜索引擎中找到了感興趣的鏈接,卻最終因遲遲打不開而放棄。根據統計,一般人從選擇要看的頁面算起,經過Internet的下載到下載完畢,可以忍受的時間大約只有30秒。我校數字媒體學院專家認為網頁打開速度除了跟伺服器性能和帶寬容量有關之外,更多的是與網頁文件大小和代碼優劣等有直接關系。
6、導航明朗:導航的項目不宜過多,一般用5~9個鏈接比較合適,可只列出幾個主要頁面。如果信息量比較大,確實需要建立很多導航鏈接時,則盡量採用分級目錄的方式列出,或者建立搜索的表單,讓瀏覽者通過輸入關鍵字即可進行檢索。

9. 網站設計要遵循哪些原則

網頁設計中要遵循哪些原則呢?怎樣才能設計出一個合格的網頁。我們知道,設計的個性化表現得非常明顯,每個設計師都有著自己的設計理念,而企業也有著自己的需求,因而這兩者經常會出現沖突。因此,網頁設計中要遵循一定的原則。下面是一些網站設計中應注意的原則。

步驟/方法
一、 明確建立網站的目標和用戶需求

Web站點的設計是展現企業形象、介紹產品和服務、體現企業發展戰略的重要途徑,因此我們必須明確設計站點的目的和用戶需求,從而做出切實可行的設計計劃。我們會根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析,以「消費者(customer)」為中心,而不是以「美術」為中心進行設計規劃。

在設計規劃時我們會考慮:

建設網站的目的是什麼?

為誰提供服務和產品?

企業能提供什麼樣的產品和服務?

網站的目的消費者和受眾的特點是什麼?

企業產品和服務適合什麼樣的表現方式(風格)?

二、網頁設計總體方案主題鮮明

在目標明確的基礎上,完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位,規劃網站的組織結構。

Web站點應針對所服務對象(機構或人)的不同而具有不同的形式。有些站點只提供簡潔文本信息;有些則採用多媒體表現手法,提供華麗的圖像、閃爍的燈光、復雜的頁面布置,甚至可以下載聲音和錄像片段。好的Web站點把圖形表現手法和有效的組織與通信結合起來。

為了做到主題鮮明突出,要點明確,我們將按照客戶的要求,以簡單明確的語言和畫面體現站點的主題;調動一切手段充分表現網站點的個性和情趣,辦出網站的特點。

Web站點主頁應具備的基本成分包括: 頁頭:准確無誤地標識你的站點和企業標志; Email地址:用來接收用戶垂詢; 聯系信息:如普通郵件地址或電話; 版權信息:聲明版權所有者等。

充分利用已有信息,如客戶手冊.公共關系文檔.技術手冊和資料庫等。

三、網站的版式設計

網頁設計作為一種視覺語言,特別講究編排和布局,雖然主頁的設計不等同於平面設計,但它們有許多相近之處。

版式設計通過文字圖形的空間組合,表達出和諧與美。

多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來,特別要處理好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表現效果,我們將反復推敲整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。

四、色彩在網頁設計中的作用

色彩是藝術表現的要素之一。在網頁設計中,我們的設計師根據和諧、均衡和重點突出的原則,將不同的色彩進行組合.搭配來構成美麗的頁面。 根據色彩對人們心理的影響,合理地加以運用。如果您的企業有CIS(企業形象識別系統),我們將按照其中的VI進行色彩運用。

五、網頁設計形式與內容相統一

為了將豐富的意義和多樣的形式組織成統一的頁面結構,形式語言必須符合頁面的內容,體現內容的豐富含義。

靈活運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段,通過空間、文字、圖形之間的相互關系建立整體的均衡狀態,產生和諧的美感。如對稱原則在頁面設計中, 它的均衡有時會使頁面顯得呆板,但如果加入一些富有動感的文字、圖案,或採用誇張的手法來表現內容往往會達到比較好的效果。 點、線、面作為視覺語言中的基本元素,巧妙地互相穿插、互相襯托、互相補充構成最佳的頁面效果,充分表達完美的設計意境。

六、三維空間的構成和虛擬現實

網路上的三維空間是一個假想空間,這種空間關系需藉助動靜變化.圖像的比例關系等空間因素表現出來。 在頁面中,圖片、文字位置前後疊壓,或頁面位置變化所產生的視覺效果都各不相同。通過圖片、文字前後疊壓所構成的空間層次不太適合網頁設計,根據現有瀏覽器的特點,網頁設計適合比較規范、簡明的頁面,盡管這種疊壓排列能產生強節奏的空間層次,視覺效果強烈。 網頁上常見的是頁面上、下、左、右、中位置所產生的空間關系,以及疏密的位置關系所產生的空間層次,這兩種位置關系使產生的空間層次富有彈性,同時也讓人產生輕松或緊迫的心理感受。 現在,人們已不滿足於HTML語言編制的二維Web頁面,三維世界的誘惑開始吸引更多的人,虛擬現實要在Web網上展示其迷人的風采,於是VRML語言出現了。VRML是一種面向對象的語言,它類似Web超級鏈接所使用的HTML語言,也是一種基於文本的語言,並可以運行在多種平台之上,只不過能夠更多地為虛擬現實環境服務。

七、網頁設計中多媒體功能的利用

網路資源的優勢之一是多媒體功能。要吸引瀏覽者注意力,網頁的內容可以用三維動畫、FLASH等來表現。但要由於網路寬頻的限制,在使用多媒體的形式表現網頁的內容時不得不考慮客戶端的傳輸速度。

八、結構清晰並且便於使用

如果人們看不懂或很難看懂您的網站,那麼,他如何了解你的企業和服務呢?使用一些醒目的標題或文字來突出您的產品與服務。並且即使您擁有最棒的產品,如果客戶從您的網站上不清楚您在介紹什麼或不清楚如何受益的話,他們是不會喜歡您的網站的,這就是網頁設計的失敗。

九、導向清晰

網頁設計中導航使用超文本鏈接或圖片鏈接,使人們能夠在您的網站上自由前進或後退,而不會讓他們使用瀏覽器上的前進或後退。我們在所有的圖片上使用「ALT」標識符註明圖片名稱或解釋,以便那些不願意自動載入圖片的觀眾能夠了解圖片的含義。

十、快速的下載時間

很多的瀏覽者不會進入需要等待5分鍾下載時間才能進入的網站,在互聯網上30秒的等待時間與我們平常10分鍾等待時間的感覺相同。因此,我們會建議您在網頁設計中盡量避免使用過多的圖片及體積過大的圖片。我們通常會與客戶合作,將主要頁面的容量控制在50K以內,平均30K左右,確保普通瀏覽者頁面等待時間不超過10秒。

十一、非圖形的內容

我們在必要時適當使用動態「Gif」圖片,為減少動畫容量,應用巧妙設計的Java動畫可以用很小的容量使圖形或文字產生動態的效果。但是,由於在互聯網瀏覽的大多是一些尋找信息的人們,我們仍然建議您要確定您的網站將為他們提供的是有價值的內容,而不是過度的裝飾。

十二、方便的反饋及訂購程序

讓客戶明確您所能提供的產品或服務並讓他們非常方便地訂購是您獲得成功的重要因素。如果客戶在您的網站上產生了購買產品或服務的慾望,您是否能夠讓他們盡快實現嗎?是在線還是離線?

十三、網站測試和改進

測試實際上是模擬用戶詢問網站的過程,用以發現問題並改進網頁設計。我們通常與用戶共同安排網站測試

10. 網站設計的八個基本原則

原則一:標示導引設計

用戶在網站上瀏覽的時候,不同於物理世界,可以依靠方位感來定位,設計師需要為用戶提供標示導引。

1 告訴訪問者他們身在何處,就像公園里的地圖標記「你在這里」一樣

Logo圖標,提醒用戶正在訪問哪個網站;

麵包屑軌跡或者一個視覺標志,告訴訪問者處在系統的什麼位置,例如;中國>陝西>西安

簡明的頁面標題,指出訪問者正在瀏覽什麼頁面。

2 告訴訪問者他們尋找的東西在哪裡

設計導航系統可以先問問自己:「用戶訪問網站的目的是什麼」,另外進一步考慮下面這個問題「我希望訪問者能夠輕松看到什麼」。一旦明確了這些問題,就應當保證訪問者瀏覽網站的時候這些內容能夠呈現在他們面前。

3  訪問者如何得到尋求的東西

「如何到那裡」是通過巧妙的導航設計來實現的。在好的導航設計中,鏈接看上去是可以點擊的。他們有著清晰的文字標簽,可以清楚的指出其含義。而且類似的鏈接會分組放在一起,這樣可以通過上下文得出其含義。

4 他們已經搜尋過哪些地方

「要清楚的區分鏈接『過去』 和『現在』的狀態」

原則二:設定期望並提供反饋

在web上,點擊鏈接、提交表單或者按下按鈕時,你並不知道會發生什麼。要由設計者為每一個動作設定相應的期望,並且清晰的顯示這些動作的結果。有很多方法可以保證訪問者隨時掌握最新情況。

1 動作真正發生之前要讓用戶知道動作尚未發生

2 提醒用戶正處於過程中的哪個階段

原則三:基於人機工程學設計

數字空間中完成設計時,要考慮到用戶的身體,最與之相關的就是手、眼睛和耳朵。

1.手

針對手進行設計時,應該考慮滾動距離和滾動頻率,類似的在移動設備上也有費茨定律

τ=D/S  D是距離,S是點擊面積

2. 眼睛

貼心的設計,比如為用戶提供護眼模式

字體的選用上也要考慮到易讀、清晰。

3. 耳朵

默認情況下,不要主動播放音樂,為用戶提供一個播放的開關。

原則四:保持一致,考慮標准

設計時,一定要明確你的網站有哪些約定,打破這些常規一定要慎之又慎。另外還需要不斷用樣式指南來約束自己的決定,來確保設計風格保持一致。

原則五:提供糾錯支持——預防、保護和通知

人生並不完美,人們總會犯錯誤,因此有些人認為自己很愚蠢。為了避免給用戶造成這種悲傷情感,需要考慮保護性設計。只需做到以下幾點就可以吧錯誤減到最少。

1 預防

在用法說明和對話使用清晰簡潔和慣用的語言,減少用戶理解出現問題。

2 保護

保存用戶輸入的信息

3 通知

如果出現一個錯誤,要以一種客觀的語氣明確地告訴用戶發生了什麼情況

原則六:要靠辨識,而不要僅憑記憶

用戶原本就很匱乏的記憶力往往記憶力負擔過重,如果把這個重擔轉嫁給計算機,客戶就會認為你網站更甚一籌。

原則七:考慮到不同水平的用戶

網站用戶作為新手的時間往往很短,只需要網站大概三次,用戶就能達到「中等」水平。在這個水平上他們可能會保持相當長的時間,也許永遠不會成為專家水平(因為完全沒有必要)。中等水平的用戶意味著他們可以幾乎完成需要的所有工作,不過我們的做法通常是為新手設計簡單的網站,再為專家構建快捷途徑和特殊屬性。

原則八:提供上下文幫助和文檔

人們在完成某個可能很復雜的任務時都不可避免的需要提供幫助,作為設計者,我們需要在合適的時間以最簡練的方式提供適當的幫助。應當把信息放在有明顯標注的位置,而不要統統歸入過於泛化的HELP之下。

用戶在首次登錄的時候,往往需要一些指導,這樣可以幫助用戶快速上手。