成都網(wǎng)站制作應(yīng)該懂點(diǎn)設(shè)計(jì)心理學(xué)

以心理學(xué)為基礎(chǔ)的設(shè)計(jì)目的是什么

在設(shè)計(jì)過(guò)程中稍微考慮下心理學(xué)的因素對(duì)于最后的結(jié)果來(lái)說(shuō)很有幫助。如果你將心比心，把自己當(dāng)作用戶(hù)，花點(diǎn)時(shí)間去考慮用戶(hù)的需求，然后再回到你自己的設(shè)計(jì)思路上，那么你就會(huì)明白該如何組織元素以吸引用戶(hù)。

通過(guò)這種以用戶(hù)為出發(fā)的心態(tài)去設(shè)計(jì)。結(jié)果很可能是用戶(hù)滿(mǎn)意，而且完成了你所期望的操作。無(wú)論是和你聯(lián)系、還是購(gòu)買(mǎi)你的產(chǎn)品、或者向朋友推薦你的網(wǎng)站。這就是將心理學(xué)帶入設(shè)計(jì)中的主要原因。因?yàn)槟愀Ｍ脩?hù)按照你的想法與你交互。

構(gòu)建信任感

為了讓用戶(hù)按照你的引導(dǎo)去進(jìn)行操作，首先，必須讓他們信任你。獲取信任并不容易，尤其是在這個(gè)充滿(mǎn)了欺騙、花招、套路的網(wǎng)絡(luò)上。對(duì)于那些熟悉互聯(lián)網(wǎng)運(yùn)作模式的人來(lái)說(shuō)，他們會(huì)將個(gè)人信息隱藏，無(wú)論網(wǎng)站是多么的高質(zhì)量、是多么的有用，他仍然不會(huì)暴露自己的個(gè)人信息。

作為設(shè)計(jì)師，我們經(jīng)常忽略了這一點(diǎn)，我們經(jīng)常在網(wǎng)上討論商務(wù)事宜。但是對(duì)于客戶(hù)以及客戶(hù)的客戶(hù)來(lái)說(shuō)，很容易在互聯(lián)網(wǎng)上暴露他們的信息。因此，你可以用設(shè)計(jì)心理學(xué)來(lái)讓你的網(wǎng)站具有可信任感。可以通過(guò)設(shè)計(jì)、通過(guò)語(yǔ)言的循循善誘來(lái)建立一種可信賴(lài)的形象。從而讓他們注冊(cè)、購(gòu)買(mǎi)、與你做生意。

注意用戶(hù)的一些習(xí)慣

當(dāng)某人登錄頁(yè)面的時(shí)候，他期待立馬看到一種”東西”，至于網(wǎng)站或頁(yè)面的種類(lèi)，愛(ài)是什么是什么吧。如果他沒(méi)有看到這件”東西”他們通常會(huì)感到他們進(jìn)錯(cuò)了地方，這個(gè)頁(yè)面不是他所需要的，也不帶感（因此，也產(chǎn)生了不信任感）。他們需要在頁(yè)面的頂部或者某個(gè)顯眼的位置提供整個(gè)網(wǎng)站的信息層級(jí)，也就是說(shuō)這個(gè)”東西”就是導(dǎo)航條。因?yàn)槊總€(gè)人都習(xí)慣網(wǎng)站具有導(dǎo)航條。

標(biāo)簽?zāi)軌驇椭脩?hù)有效的識(shí)別網(wǎng)站內(nèi)容，同時(shí)還能有效的組織、補(bǔ)充、完善網(wǎng)站信息。比如。你要設(shè)計(jì)一個(gè)環(huán)境保護(hù)的博客。如果你的整個(gè)頁(yè)面是洶涌的黑色，而頂部沒(méi)有導(dǎo)航條，只有天際線的圖形和美麗的陽(yáng)光，那誰(shuí)能知道這個(gè)網(wǎng)站是做什么的呢？

導(dǎo)航條是一方面，而色彩應(yīng)用又是另外的一方面，如果你才用整潔、現(xiàn)代感的設(shè)計(jì)，使用很多綠色和自然的色調(diào)，那么用戶(hù)下意識(shí)的就會(huì)認(rèn)為這個(gè)網(wǎng)站和自然、環(huán)境有關(guān)。這是因?yàn)樯噬系囊恍T性聯(lián)想。

通過(guò)這些元素了解用戶(hù)的習(xí)慣，熟知人的一些共性。就能為項(xiàng)目做出合理的設(shè)計(jì)，不但有利于整體設(shè)計(jì)，還利于用戶(hù)的瀏覽。用戶(hù)習(xí)慣博客的最新文章能發(fā)表在頁(yè)首，用戶(hù)習(xí)慣商務(wù)網(wǎng)站的產(chǎn)品放在第一頁(yè)，用戶(hù)習(xí)慣每個(gè)網(wǎng)站都具有站內(nèi)搜索條。最重要的是，用戶(hù)非常習(xí)慣每個(gè)頁(yè)面都有”關(guān)于”和”聯(lián)系我們”的鏈接。

品牌的一致性

在網(wǎng)站上用戶(hù)所看到的視覺(jué)風(fēng)格，會(huì)潛移默化的影響用戶(hù)，他們認(rèn)為你們的線下產(chǎn)品也應(yīng)該是這個(gè)樣子。

因此在線下的一些產(chǎn)品的用色和設(shè)計(jì)風(fēng)格上要和網(wǎng)站設(shè)計(jì)的風(fēng)格聯(lián)系起來(lái)。Logo也是同樣的道理。這樣才能保持品牌的一致性，在品牌推廣上的效果更佳。

心理上的觸動(dòng)

情緒上和心理學(xué)上的觸動(dòng)是非常有價(jià)值的工具，能夠影響到用戶(hù)，能夠使他們跟著你的引導(dǎo)區(qū)進(jìn)行操作。觸動(dòng)包括”恐懼感、愧疚感，歸屬感、以及價(jià)值觀上的共鳴”。通過(guò)界面的語(yǔ)言最容易打動(dòng)用戶(hù)，圖像元素給這些觸動(dòng)提供了有力的支持。

色彩心理學(xué)

色彩心理學(xué)在設(shè)計(jì)心理學(xué)領(lǐng)域是一門(mén)很復(fù)雜的學(xué)科，但我們掌握一些基本準(zhǔn)則就好。確保實(shí)用的顏色和信息相配。

閱讀習(xí)慣

人們的閱讀習(xí)慣是：從左至右，從上到下。作為設(shè)計(jì)師你要利用這個(gè)習(xí)慣，將最重要的內(nèi)容放在合適的位置。這就是為什么很多頁(yè)面Logo都在左上角的原因。

將不重要的信息放在用戶(hù)習(xí)慣的閱讀區(qū)域會(huì)導(dǎo)致用戶(hù)的離開(kāi)，比方說(shuō)橫版布局的頁(yè)面，你將最新的文章放在了右面，用戶(hù)就覺(jué)得這篇文章不是新文章，是舊的。

每一頁(yè)都要有焦點(diǎn)

正如人只能專(zhuān)注于一件事物一樣，你的界面的每一個(gè)層級(jí)都有交單。設(shè)計(jì)要在每個(gè)頁(yè)面都強(qiáng)調(diào)焦點(diǎn)元素。這樣用戶(hù)就能知道每個(gè)頁(yè)面的功能是什么?？梢酝ㄟ^(guò)導(dǎo)航條、標(biāo)頭來(lái)實(shí)現(xiàn)。

業(yè)余設(shè)計(jì)的特點(diǎn)就是，喜歡把內(nèi)容擁擠在一起，不要害怕空白區(qū)域，要學(xué)會(huì)留白，有張才能有馳。而且不論是整體布局、還是文字之間，有一定的呼吸空間。

如何在設(shè)計(jì)中混合心理學(xué)？

確定目標(biāo)用戶(hù)，確定他們的情緒觸動(dòng)點(diǎn)在什么地方；和用戶(hù)交流，了解他們的需求，聽(tīng)取他們的建議；給網(wǎng)站建立一個(gè)網(wǎng)站地圖；設(shè)計(jì)元素有序組織，保持整體一致性；找出整體設(shè)計(jì)中最優(yōu)秀、最突出的點(diǎn)，加以分析。

總結(jié)

設(shè)計(jì)心理學(xué)是每個(gè)設(shè)計(jì)師都應(yīng)該研究的，因?yàn)樵O(shè)計(jì)的目的是為了更好的體驗(yàn)，而掌握用戶(hù)的心理是體驗(yàn)的核心。好好利用心理學(xué)，你的設(shè)計(jì)將更有效果，客戶(hù)將更滿(mǎn)意。耗時(shí)不多也不難，因此我覺(jué)得每個(gè)設(shè)計(jì)師都應(yīng)該掌握這些簡(jiǎn)單的基本規(guī)律。

簡(jiǎn)化網(wǎng)頁(yè)使內(nèi)容更具可讀性
簡(jiǎn)化網(wǎng)頁(yè)，要求設(shè)計(jì)師回歸基本，先考慮設(shè)計(jì)的核心，然后再考慮添磚加瓦。簡(jiǎn)化網(wǎng)頁(yè)并不意味著完完全全的簡(jiǎn)化，去除所有的裝飾和視覺(jué)修飾。實(shí)際上，簡(jiǎn)化網(wǎng)頁(yè)的目的在于打造更整潔的界面，這就夠了！然后要提的是，簡(jiǎn)化網(wǎng)頁(yè)不意味著一味的刪除元素，殊不知有的時(shí)候”加即是減”，只要我們能夠更好的駕馭內(nèi)容，只要加入元素后瀏覽體驗(yàn)更佳，不妨試試”加法”去簡(jiǎn)化。

接下來(lái)，詳細(xì)介紹下如何簡(jiǎn)化網(wǎng)頁(yè)：

檢查內(nèi)容結(jié)構(gòu)

首先我們要檢查一下內(nèi)容結(jié)構(gòu)，畢竟設(shè)計(jì)是圍繞內(nèi)容展開(kāi)的。設(shè)計(jì)完成后，經(jīng)常會(huì)發(fā)現(xiàn)有些內(nèi)容和設(shè)計(jì)不協(xié)調(diào)，可以做出一些調(diào)整，編輯或者刪除這些內(nèi)容。

我們需要檢查內(nèi)容是跟設(shè)計(jì)具有上下文聯(lián)系，如果毫無(wú)聯(lián)系，或者內(nèi)容過(guò)于繁重，那么快解決這個(gè)問(wèn)題。試著找出解決方案，讓內(nèi)容更具可讀性。老話(huà)說(shuō)的好”質(zhì)量高于數(shù)量”

然后可以嘗試切分內(nèi)容，使用小黑點(diǎn)，鏈接，圖像，標(biāo)題，將內(nèi)容切分為不同的區(qū)塊，這樣閱讀起來(lái)更流暢。如此調(diào)整之后，是不是整體看起來(lái)”呼吸空間”更多了？雖然沒(méi)有減少任何設(shè)計(jì)，但是通過(guò)對(duì)內(nèi)容的調(diào)整，網(wǎng)站變得更加有序，這也是簡(jiǎn)化的手段。

留點(diǎn)”呼吸”空間

使用網(wǎng)格線布局來(lái)讓設(shè)計(jì)具有更多的呼吸空間，這樣看起來(lái)就不擁擠了。網(wǎng)格線還是不好使？那就從規(guī)矩中跳出來(lái)，有更好的辦法，用自己的辦法！一切只為目的。

還不行就刪吧

問(wèn)一下你自己，所有的視覺(jué)元素都是必要的嗎？最終設(shè)計(jì)時(shí)，要無(wú)情的刪掉那些不必要的設(shè)計(jì)元素。
把自己想象成用戶(hù)，”我瀏覽此網(wǎng)站的目的是什么？我想得到什么？我登入網(wǎng)站后第一件做的事又是什么？”要確保設(shè)計(jì)元素位置合適，這樣才能幫你完成設(shè)計(jì)目標(biāo)。要確保設(shè)計(jì)元素不要”過(guò)載”。我覺(jué)得移除一些不必要的元素很有必要，很能提高網(wǎng)頁(yè)的可讀性。

除了刪，當(dāng)然也可以增

聽(tīng)起來(lái)有點(diǎn)不可思議，是嗎？別害怕，試著增加一點(diǎn)，通過(guò)風(fēng)格化和裝飾化的設(shè)計(jì)，來(lái)進(jìn)行內(nèi)容的區(qū)分，這樣內(nèi)容也可以變得具有可讀性。聽(tīng)起來(lái)有點(diǎn)不正常，但正如我前面說(shuō)的那樣，有時(shí)候”加法即是減法”。只要能夠便于用戶(hù)閱讀、搜索信息、瀏覽頁(yè)面，那么”加”也無(wú)妨！

讓圖標(biāo)更具吸引力的四個(gè)要素
圖標(biāo)在深圳網(wǎng)站制作中的作用

圖標(biāo)可以說(shuō)是一種不穩(wěn)定的視覺(jué)元素，因?yàn)閳D標(biāo)包含了太多的意象，可以扮演不同的角色。一個(gè)鉛筆的圖標(biāo)，就能代表很多意義，可以代表設(shè)計(jì)，也可以代表出售鉛筆，也可以代表素描。圖標(biāo)最主要應(yīng)用于：

1、視覺(jué)上分割內(nèi)容:讓內(nèi)容更具有吸引力和可讀性。經(jīng)常被應(yīng)用到網(wǎng)站的主體、列表、或者其他文本較多的元素中。

2、作為概念的視覺(jué)參照物，快速引導(dǎo)用戶(hù):這在導(dǎo)航元素中最為常見(jiàn)——比如放大鏡代表搜索——非常簡(jiǎn)單，有時(shí)候連文本注釋都不需要。

效果突出，因此圖標(biāo)被廣泛使用。因此可以在深圳網(wǎng)站制作幾乎每個(gè)元素中都找到圖標(biāo)的身影：標(biāo)題、腳注、導(dǎo)航條、列表；圖標(biāo)可以大幅提升頁(yè)面中元素的瀏覽效果。

優(yōu)秀的圖標(biāo)具備哪些優(yōu)點(diǎn)

不難發(fā)現(xiàn)，圖標(biāo)是優(yōu)秀深圳網(wǎng)站制作中不可或缺的部分，但如果使用不當(dāng)或者圖標(biāo)設(shè)計(jì)的不到位，那么辨識(shí)度就很差，用戶(hù)也難以理解。因此我們需要 外觀精致、意味深刻的圖標(biāo)。

盡管圖標(biāo)設(shè)計(jì)說(shuō)來(lái)話(huà)長(zhǎng)，而且也比較復(fù)雜，但是圖標(biāo)對(duì)各種設(shè)計(jì)來(lái)說(shuō)，都大有裨益。無(wú)論是何種設(shè)計(jì)，如果想要使用圖標(biāo)，那么必須記住下面這兩點(diǎn)：概念傳達(dá)完善、具備視覺(jué)有效性。

如何保持圖標(biāo)的視覺(jué)有效性

圖標(biāo)能夠很好的組織相關(guān)內(nèi)容，吸引注意力，將用戶(hù)引導(dǎo)至重要信息處，前提是，圖標(biāo)要與內(nèi)容、其他圖標(biāo)、整個(gè)網(wǎng)站的視覺(jué)風(fēng)格一致。

1、圖標(biāo)系列應(yīng)該保持視覺(jué)統(tǒng)一

對(duì)于一組風(fēng)格不統(tǒng)一的圖標(biāo)，即使某款圖標(biāo)設(shè)計(jì)的再棒，也要放棄。視覺(jué)統(tǒng)一，關(guān)乎到整體設(shè)計(jì)。如何實(shí)現(xiàn)視覺(jué)上的統(tǒng)一？這里有一些小技巧，包括：使用相同的顏色或者配色；將所有的圖標(biāo)設(shè)置為形狀相同；邊界屬性要一致；效果要一致，比如說(shuō)漸變、透明、陰影等效果；最后，還要考慮圖標(biāo)的視覺(jué)風(fēng)格是否與內(nèi)容、網(wǎng)站的風(fēng)格一致。

2、一定限度的自由組合

有時(shí)一款深圳網(wǎng)站制作僅僅采用一套圖標(biāo)，但如果不夠用，可以嘗試采用多套圖標(biāo)，上圖的This website,就采用了多套圖標(biāo)，只不過(guò)這幾套圖標(biāo)的維度相同。而且這幾套圖標(biāo)也不在一塊兒工作，他們應(yīng)用于不同的頁(yè)面，彼此之間并無(wú)不和諧。只要熟練掌握這種變通的方法，那么圖標(biāo)的選擇更加自由。

3、圖標(biāo)應(yīng)該和網(wǎng)站整體設(shè)計(jì)相配

當(dāng)然，圖標(biāo)與其他設(shè)計(jì)元素搭配的方法說(shuō)不清、道不盡。但是從基本觸發(fā)，有兩種方法：

圖標(biāo)與網(wǎng)站整體形成鮮明的對(duì)比: 當(dāng)圖標(biāo)作為導(dǎo)航時(shí)，這種方法非常奏效，比如上圖的社交媒體鏈接，更能夠吸引注意力。

圖標(biāo)的視覺(jué)風(fēng)格要與整體設(shè)計(jì)風(fēng)格相似: 像上圖中的圖標(biāo)，與整個(gè)頁(yè)面風(fēng)格好契合，提供了一種視覺(jué)上的和諧感。

如何用圖標(biāo)完善的傳達(dá)概念

通過(guò)邏輯性和一致性來(lái)傳達(dá)概念。

圖標(biāo)要簡(jiǎn)單易懂

每個(gè)人都有每個(gè)人的見(jiàn)解，圖像的解釋也不是絕對(duì)的，可能一部分人能夠理解這款圖標(biāo)，另一部分人就不能。但圖像的傳達(dá)能力比文字強(qiáng)，比如說(shuō)上圖中的圖標(biāo)，就能清晰的傳達(dá)含義。

但有時(shí)候，設(shè)計(jì)師試圖在圖標(biāo)信息圖中添加復(fù)雜的概念，結(jié)果圖標(biāo)的混淆作用大約傳達(dá)作用，比如上圖。這種情況下，就需要做進(jìn)一步的信息提煉，回歸內(nèi)容。如果還是無(wú)法解決問(wèn)題，那么說(shuō)明圖標(biāo)在此次設(shè)計(jì)中并不適用。建議多多了解一下信息圖設(shè)計(jì)，這種設(shè)計(jì)就非常注重圖標(biāo)的概念傳達(dá)。

當(dāng)前題目：深圳網(wǎng)站制作應(yīng)該懂點(diǎn)設(shè)計(jì)心理學(xué)
標(biāo)題來(lái)源：http://jinyejixie.com/news/20369.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)、網(wǎng)站制作等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)