深圳網(wǎng)站制作應該懂點設計心理學

以心理學為基礎的設計目的是什么

    在設計過程中稍微考慮下心理學的因素對于最后的結果來說很有幫助。如果你將心比心，把自己當作用戶，花點時間去考慮用戶的需求，然后再回到你自己的設計思路上，那么你就會明白該如何組織元素以吸引用戶。

    通過這種以用戶為出發(fā)的心態(tài)去設計。結果很可能是用戶滿意，而且完成了你所期望的操作。無論是和你聯(lián)系、還是購買你的產(chǎn)品、或者向朋友推薦你的網(wǎng)站。這就是將心理學帶入設計中的主要原因。因為你更希望用戶按照你的想法與你交互。

    構建信任感

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

    作為設計師，我們經(jīng)常忽略了這一點，我們經(jīng)常在網(wǎng)上討論商務事宜。但是對于客戶以及客戶的客戶來說，很容易在互聯(lián)網(wǎng)上暴露他們的信息。因此，你可以用設計心理學來讓你的網(wǎng)站具有可信任感?？梢酝ㄟ^設計、通過語言的循循善誘來建立一種可信賴的形象。從而讓他們注冊、購買、與你做生意。

    注意用戶的一些習慣

    當某人登錄頁面的時候，他期待立馬看到一種”東西”，至于網(wǎng)站或頁面的種類，愛是什么是什么吧。如果他沒有看到這件”東西”他們通常會感到他們進錯了地方，這個頁面不是他所需要的，也不帶感（因此，也產(chǎn)生了不信任感）。他們需要在頁面的頂部或者某個顯眼的位置提供整個網(wǎng)站的信息層級，也就是說這個”東西”就是導航條。因為每個人都習慣網(wǎng)站具有導航條。

    標簽能夠幫助用戶有效的識別網(wǎng)站內(nèi)容，同時還能有效的組織、補充、完善網(wǎng)站信息。比如。你要設計一個環(huán)境保護的博客。如果你的整個頁面是洶涌的黑色，而頂部沒有導航條，只有天際線的圖形和美麗的陽光，那誰能知道這個網(wǎng)站是做什么的呢？

    導航條是一方面，而色彩應用又是另外的一方面，如果你才用整潔、現(xiàn)代感的設計，使用很多綠色和自然的色調(diào)，那么用戶下意識的就會認為這個網(wǎng)站和自然、環(huán)境有關。這是因為色彩上的一些慣性聯(lián)想。

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

    品牌的一致性

    在網(wǎng)站上用戶所看到的視覺風格，會潛移默化的影響用戶，他們認為你們的線下產(chǎn)品也應該是這個樣子。

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

    心理上的觸動

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

    色彩心理學

    色彩心理學在設計心理學領域是一門很復雜的學科，但我們掌握一些基本準則就好。確保實用的顏色和信息相配。

    閱讀習慣

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

    將不重要的信息放在用戶習慣的閱讀區(qū)域會導致用戶的離開，比方說橫版布局的頁面，你將最新的文章放在了右面，用戶就覺得這篇文章不是新文章，是舊的。

    每一頁都要有焦點

    正如人只能專注于一件事物一樣，你的界面的每一個層級都最好有交單。設計要在每個頁面都強調(diào)焦點元素。這樣用戶就能知道每個頁面的功能是什么?？梢酝ㄟ^導航條、標頭來實現(xiàn)。

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

    如何在設計中混合心理學？

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

    總結

    設計心理學是每個設計師都應該研究的，因為設計的目的是為了更好的體驗，而掌握用戶的心理是體驗的核心。好好利用心理學，你的設計將更有效果，客戶將更滿意。耗時不多也不難，因此我覺得每個設計師都應該掌握這些簡單的基本規(guī)律。

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

    接下來，詳細介紹下如何簡化網(wǎng)頁：

    檢查內(nèi)容結構

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

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

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

    留點”呼吸”空間

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

    還不行就刪吧

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

    除了刪，當然也可以增

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

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

    圖標可以說是一種不穩(wěn)定的視覺元素，因為圖標包含了太多的意象，可以扮演不同的角色。一個鉛筆的圖標，就能代表很多意義，可以代表設計，也可以代表出售鉛筆，也可以代表素描。圖標最主要應用于：

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

    2、作為概念的視覺參照物，快速引導用戶:這在導航元素中最為常見——比如放大鏡代表搜索——非常簡單，有時候連文本注釋都不需要。

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

    優(yōu)秀的圖標具備哪些優(yōu)點

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

    盡管圖標設計說來話長，而且也比較復雜，但是圖標對各種設計來說，都大有裨益。無論是何種設計，如果想要使用圖標，那么必須記住下面這兩點：概念傳達完善、具備視覺有效性。

    如何保持圖標的視覺有效性

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

    1、圖標系列應該保持視覺統(tǒng)一

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

    2、一定限度的自由組合

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

    3、圖標應該和網(wǎng)站整體設計相配

    當然，圖標與其他設計元素搭配的方法說不清、道不盡。但是從基本觸發(fā)，有兩種方法：

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

    圖標的視覺風格要與整體設計風格相似: 像上圖中的圖標，與整個頁面風格完美契合，提供了一種視覺上的和諧感。

    如何用圖標完善的傳達概念

    通過邏輯性和一致性來傳達概念。

    圖標要簡單易懂

    每個人都有每個人的見解，圖像的解釋也不是絕對的，可能一部分人能夠理解這款圖標，另一部分人就不能。但圖像的傳達能力比文字強，比如說上圖中的圖標，就能清晰的傳達含義。

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