【譯】視覺吸引力在網頁設計中的重要性
原文地址：blog.usabilla.com/visual-appe…
做者：Robyn Collinge前端
網頁設計舉足輕重，這個概念已深刻人心。咱們都想要一個網站，但願它迎合了時下流形的設計標準。可是，一個網站的成功要素中，有多少應歸功於視覺設計？web
以貌取人
針對這個問題，首先咱們須要認識到，設計的類別多種多樣，例若有網頁設計，視覺設計，平面設計，交互設計，界面設計，以及用戶體驗設計。微信
讓咱們聚焦在網頁的視覺吸引力，包括了網頁設計，視覺設計或平面設計。網絡
視覺吸引力，是指知足眼睛需求的要素，包含了顏色、形狀、圖片、字體、留白和設計的總體視覺平衡。一個網頁是否具備是具吸引力，影響了咱們對其的接受程度、使用方式和留在記憶中的時間。app
視覺吸引力在網頁設計中的做用
1. 吸引眼球
視覺吸引力是吸引眼球的第一要素，是吸引網站訪客的關鍵所在。與醜陋或中性的設計相比，人們更傾向於選擇充滿吸引力的設計或圖像。性能
WeTransfer 網站在主頁背景上不斷更替各類藝術家，設計師，插畫師和攝影師的做品。這種鮮明和充滿創意的形式，馬上抓住用戶的注意力，而且給傳輸大型文件這種普通的行爲注入了能量和美感。字體
2. 創造第一印象
第一印象會長期影響人們之間的關係，例如人們之間的喜歡程度、信任感和再次見面的衝動。基本上來講，在短短一小段時間以內，咱們就會得出是否樂於與某人共度時光的判斷。動畫
在網絡上也是如此。一旦網頁給人留下的第一印象是負面的，那麼訪客的感覺始終都不會太好，也不見得會再次訪問該網頁。事實上，以貌取人的現象常常發生，也就是說，視覺吸引力在創建品牌吸引力方面起着重要做用。網站
創意機構 Snask 的主頁風格色彩明亮，斑斕，趣味十足。遊客一眼便能看到品牌的創意力，同時清楚地瞭解他們的工做。設計
3. 創建關係
視覺吸引力也能夠創建關係。若是訪問者可以識別您的網站，那麼與他們創建長期合做關係的可能性也會巨大的提高，固然這也是最終的目標。
咱們喜歡經過咱們的興趣、愛好以及咱們熱衷的事物來定義本身。一些喜愛類型的網站每每會使咱們產生共鳴。咱們的瀏覽的網頁能夠看做是咱們生活方式選擇的延伸，這些強化咱們身份的網站對咱們更具吸引力。
看看阿迪達斯的網站。經過與 Parley 的合做，將回收的海洋垃圾制形成高性能的運動服裝，品牌但願經過銷售一種關注環境將來的生活方式，引發不少觀衆的共鳴。此次營銷重點強調了簡單，網站採用了簡潔的設計，添加了增長視覺吸引力的視頻內容，教育用戶愛護環境。
4. 增長容忍度
視覺吸引力自己就是一種品質。您可使用它來掩蓋您的網站的其餘不太方便的方面。顯然，設計和創建完美的網站應該是最終的目標。可是，爲實現這個大目標，實現這麼多不一樣的要素將會是一件困難的任務。
所以，最終你的網站在某些方面會很棒，但始終會存在可改進的空間。若是您的視覺設計十分優秀，那麼您的訪客對網頁的其餘不足之處將會更加寬容。
Two Chefs Brewing 網站的鮮豔色彩，神奇圖形和俏皮動畫絕不費力地吸引了遊客。同時，這些設計元素也將用戶的注意力從網站的低易用性中轉移開——該網站包含大量頁面，而且須要用戶點擊屢次。
5. 喚起情緒
咱們都聽過這樣一句話：「一張圖片賽過千言萬語」 - 當涉及到更爲情緒化的溝通時，這一點尤其重要。經過圖片和其餘視覺元素，你能夠傳達喜悅，悲傷，甚至可憐的感受。視覺吸引力可喚醒記憶和情緒，如信任，安慰，但願或自信。
Paypal 網站經過視覺設計來吸引訪客的情緒。標題圖像與副本放在一塊兒，給人以熟悉感，並令用戶感到放心，這一點對於金融業務來講是相當重要的。
重要的結論
視覺吸引力是網頁設計的一個很是重要的因素——尤爲是當涉及到創建持久的用戶關係和品牌親和力時。但與此同時，不要忽視基礎功能。
確保您的網站不只美觀，而且易於發現、使用和訪問。將功能和視覺吸引力相結合，將確保您和您的訪問者充分利用您的網站，併爲打造卓越的用戶體驗奠基基礎。
關注微信公衆號：創宇前端（KnownsecFED），碼上獲取更多優質乾貨！