深圳網站制作應該懂點設計心理學

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

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

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

    構建信任感

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

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

    注意用戶的一些習慣

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

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

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

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

    品牌的一致性

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

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

    心理上的觸動

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

    色彩心理學

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

    閱讀習慣

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

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

    每一頁都要有焦點

    正如人只能專注于一件事物一樣，你的界面的每一個層級都最好有交單。設計要在每個頁面都強調焦點元素。這樣用戶就能知道每個頁面的功能是什么。可以通過導航條、標頭來實現。

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

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

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

    總結

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

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

    接下來，詳細介紹下如何簡化網頁：

    檢查內容結構

    首先我們要檢查一下內容結構，畢竟設計是圍繞內容展開的。設計完成后，經常會發現有些內容和設計不協調，可以做出一些調整，編輯或者刪除這些內容。

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

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

    留點”呼吸”空間

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

    還不行就刪吧

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

    除了刪，當然也可以增

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

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

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

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

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

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

    優秀的圖標具備哪些優點

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

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

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

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

    1、圖標系列應該保持視覺統一

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

    2、一定限度的自由組合

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

    3、圖標應該和網站整體設計相配

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

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

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

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

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

    圖標要簡單易懂

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

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