如何讓網頁美工設計更具有與視覺效果

來源:文萃谷 2.85W

網頁設計也是一樣,一個網站就像和其他傳統的藝術創作一樣遵循同樣的規律,最終達到視覺的藝術效果。那麼如何讓網頁美工設計更具有與視覺效果呢,下面我們一起來看看吧。

如何讓網頁美工設計更具有與視覺效果
  如何讓網頁美工設計更具有與視覺效果

一、引導用户

網站對用户的引導,就像暗中一隻無形的手,會指引用户通過點擊等操作按鈕瀏覽網站,瞭解信息,而不會帶給用户壓迫感。比如Square這個網站,當你不斷下拉的時候,會出現相應的文字提示你接下來繼續到哪裏。

二、呈現內容間的關係

按照一定的佈局去展示網站的主次內容優先級,比如abduzeedo這個網站,就將主推的內容放在了最大的頂部三個卡片展示上,其他的普通內容則在下方以列表的方式展示,底部則是一些標籤分類的鏈接。

二、建立情感聯繫

人們去餐廳用餐,其實不會只把餐廳當做一個解決食慾的地方。他們會關注到餐廳的場地、氛圍、菜式甚至是其中的一些特別的情調,他們在這裏交談、交易。同樣道理,用户會因為和你的網站內容產生的情感聯繫而接受網頁界面或交互的小小瑕疵。

四、瀏覽模式:人眼焦點預測

就像你的眼睛會更快關注到快速移動的物體,或當你在街邊被高冷美好的模特吸引一樣。人眼會在看這一行為中自動啟發對眼界中出現的某個物體的特別注意力,我們這裏可以稱之為焦點。大部分的人都會被頁面中的`焦點所吸引。

預測用户的視線將會佔有極大的優勢。在佈局你的頁面元素時前,你就可以知道優先的該擺放在什麼位置。一旦你知道你想要用户先看到什麼,你就能可以通過視線的規律,將你的重點內容放在用户的“熱點”裏。

在設計中,我們所思考的總是比我們呈現出來的更多。不管怎樣,這兩種模式只是一個小結,實際創作過程全是花樣百出,絕不是兩種模式就能輕鬆完成的。但是,在規律面前,多多益善總不會錯。靈活運用規律才是關鍵。

熱門標籤