您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 設計理論 >> 瀏覽設計教程

如何基于心理學設計的目的來制作受用戶歡迎的網頁(2)

顏色心理學

顏色心理學是設計心理學里面最復雜的主題,在這里我們不會深入探討。不過你在網站上使用的顏色對你的訪客來說有很大的影響,務必確保你所使用的顏色可以 加強你的信息和你圖片所要表示的意義。

下面列出顏色和它們的基本含義清單。當然了,顏色的組合搭配以及與正確使用陰影、色調、或色階也會強化它們的意義。

  • 紅色:火 熱和激情,可以代表都愛和憤怒。
  • 橙色:具有紅色和黃色的屬性??梢耘c能源和溫暖相關。它比紅色更冷靜,更愉快。
  • 黃色:溫暖,愉快,幸福的顏色。它可以表示喜悅或膽怯。
  • 綠色:自然,成長,和新生的標 志。按照同樣的道理,綠色,有時代表很嫩經驗不足。在另一面,綠色,有時候是因為羨慕或嫉妒。
  • 藍色:平靜的,冷靜 的,但使用太多可以令人感到消沉。往往與企業(yè)形象關聯(lián)。
  • 紫色/紫羅蘭:與貴族和財富的關系淵源流長,也是一種與精神 相關的顏色,可以有創(chuàng)造性的表意。
  • 黑色:像變色龍,它可以是保守或前衛(wèi),傳統(tǒng)或現(xiàn)代的,它還可以神秘和性感或常規(guī)和 安全,這取決于怎么使用以及周圍環(huán)境。
  • 白色:代表著純潔與清白,十分容易與其他顏色搭配。
  • 灰色:中性的,平衡的?;疑潜J氐暮蛷碗s的,但也可以看作是變化無常的。
  • 棕色:一個健康和務實的顏色,表示的穩(wěn) 定性和可靠性。

閱讀模式

人們趨與按照“Z”字形瀏覽一個網站的模 式,從頂部開始往左,最后到達屏幕右下角。作為一個設計師,你應該努力地在此閱讀模式下拿捏好那些最重要的內容放哪里最好。大多數(shù)網站都把Logo放到左 上角,道理就在于此。

在此閱讀區(qū)放置一些不相關的信息,訪客離開之前還沒有找到他想要的信息,他可能會認為這不是他要找的網站。

每頁有焦點

網站上的每個頁面都應該有一個焦點,這是訪問這個頁面的目的,且不管這個頁面是展示產品, 還是介紹公司,還是最新的資訊。

設計的時候需要把每個頁面重點內容進行強調。每一頁的重點也應立即顯現(xiàn)出來,讓訪客知道他們在看什 么。除了網頁本身的內容,還應該通過在導航線索或通標題來強化。

一個不成熟的網站最大特點就是總是在每一頁上放太多的信息。其實不要 害怕在網頁上的留空白, 每個頁面上有明確的突出的重點并沒什么好擔心的。

喘息機會

這給我們帶來的留白和喘息機會的概念。如果訪客看到一個頁面充滿內容,他們會感到不知所措或壓抑。這可能是網頁讓人感到過于隨意和混亂。訪客感到好像他們 不知道從哪里開始,這意味著他們可能會跳出你網站到其他地方喘口氣。

網站上的合理留些空白空間,引導你的訪客注意他們要找的信息。通過結合留白和適當比例的風格和元素,你可以暗示鼓勵你的訪客關注特定的東西,并可能有所 行動。

整合設計心理學的步驟

現(xiàn)在你應該明白設計心理學對網站設計的意義。你很想知道怎么去操作,應該怎么將這些融入你的設計流程。以下是一些對你有用的技巧:

圈出你的目標用戶群

了解你的訪客是什么樣的人,這是設計網站至關重要的第一步。如果你的訪客是精通技術的互聯(lián)網老油條,必須先把他們 從那些上網只為了看看孫女兒照片的人群區(qū)分出來。分出你的目標用戶,然后針對性的給他們制定一些情緒激烈策略。

約見用戶

如果你不是很明確你的用戶想要什么,嘗試和他們見面溝通。找些現(xiàn)在的或以前的客戶問下他們愿不愿意回答對你網站相關的問題, 根據你自己的特別目的制定一些基于網站的有意義的問卷調查。不過很重要的一點,要積極采取他們的建議。很多公司只是不停的跟用戶溝通,調查,但是卻從沒有 去根據調查結果改變什么,這樣的例子太多了。

建立網站地圖

網站上的每個頁面都應該有導航信息,這樣可以確保每個頁 面都只有一個重點。首先列出你網站上需要顯示的東西,然后標出哪些頁面需要顯示哪些項目(合理情況下,應該是每個頁面一個項目,除非這信息非常,非常密切 的相關)。

整合品牌元素

做個文件列出用于表現(xiàn)你品牌的常用的元素。這包括Logo,企業(yè)用色表,還有可能是一種特 別的字體。然后找出把它們布置到網站的哪里更合適。

A/B測試

即使你做的測試相當有限,但是找出你網站哪個元素最 有效還是很重要的。如果你不確定你訪客更喜歡某一個特定的頁面,那么做兩個版本測試就知道結果了。

設計心理學值得每一個設計師努力學習并運用于自己的工作流程。它可以是你設計表現(xiàn)效果以及你的客戶樂意程度的最大單獨因素。它不會花費你太多時間,也不是特別難,所以你實在沒籍口不去采取至少一些基本的原則并付諸實用。

[教程作者:admin]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://m.pkvc.cn/tutorial/di1080.html
設計師的七宗罪
網易頻道頁面設計改版過程分享
圖趣網微信
建議反饋
×