當前位置:才華齋>設計>網頁設計>

10個思路幫你設計出簡單易用的網頁

網頁設計 閱讀(3.24W)

極簡主義的流行讓越來越多的網頁設計師開始著迷簡單、簡約的網頁設計,CARRIE COUSINS 的這篇文章就幫你搞定這個問題,就跟隨本站小編一起去了解下吧,想了解更多相關資訊請持續關注我們應屆畢業生考試網!

10個思路幫你設計出簡單易用的網頁

坦率的講,在網頁設計這件事情上,簡單的設計往往更好。一個簡單易用的介面更容易為使用者所掌握,也更容易將一個新使用者轉化為一個活躍使用者。

面對龐雜的需求,許多設計師總會身不由己地向著複雜的方向來設計網頁,那麼到底要如何將一個已經比較複雜的網站簡化下來呢?其實思路並不複雜,訣竅在於根據使用者目標,重新審視整個路徑,將妨礙使用者達成目標的障礙都清除掉。

而今天我們要聊的 10 個簡化技巧都是圍繞著這個思路來推進的。無論你是正在設計一個全新的網站,還是針對現有的網站進行簡化,這 10 個簡化技巧都非常值得嘗試。

  1、專注於做行為召喚設計

網站上的每一處設計都應該是有目的的,都相應地迎合使用者的某個行為或者需求,這是顯而易見的。

這也為行為召喚的設計提供了依據。引導使用者的文案、按鈕和連結都應該清晰、明顯,永遠不要讓使用者錯過。

  2、簡化分頁

你所設計的頁面是否需要分很多不同的頁面?這些頁面有沒有分割的必要呢?你可以重新思考這個問題了。

將多頁面的內容簡化為可管理的區塊,不要讓使用者為了檢視內容而多點選,將相關的內容儲存到一起,方便使用者集中閱讀和檢視。

刪除過期的、過時的內容和資訊、小外掛和第三方的資訊都合併到相應的區塊當中,不要零散的放置。

  3、統一配色方案

雖然很多色彩確實很有吸引力,但是它們也很容易喧賓奪主。堅持將配色方案控制在兩到三個色彩,這樣能讓你儘可能好的控制整個設計的配色。

如果你想讓你的配色儘可能簡單,那麼你可以採用單色配色,你會發現這種簡單的色調搭配是如此的漂亮,較少的色彩對於使用者的心理負荷更小,尤其是當你的整個視覺設計足夠和諧的時候。

  4、採用標準的導航設計

雖然隱藏式的導航看起來很酷,而非常規的創意導航也非常的贊,但是這些導航模式對於使用者並不是那麼友好。偏離常規的設計雖然容易讓人記住,但是在使用體驗上,常常相對更加困難。選擇標準模式的導航,能夠讓你的網站更加易用。

最常規的導航模式,是將導航欄置於頁面頂端,通常是 3 到 8 個不同的選項,當然,不要選擇 10 年前流行的複雜、全面的大型導航選單,除非你是京東淘寶這樣的大型零售電商。

  5、採用80/ 20 原則

請記住,你的網站中20%的內容將會觸發使用者80%的操作,這意味著你的內容應當有輕重緩急之分,行為召喚用語和行為召喚按鈕等介面元素將是引導使用者互動的重要組成部分。

考慮到這一點,在你進行設計的'時候,應該將設計的重心放在這20%的內容上,而剩下的80%的內容則根據需求進行調整。這20%的元素通常都是最吸引使用者點選的那部分內容:按鈕、圖片和行為召喚文字。

如果你覺得20/ 80 原則聽起來很熟悉,那麼你可能是在別的地方曾經聽到過它,它是經濟學家 Vilfredo Pareto 所提出,幾乎在所有領域都適用,它也被稱為Pareto原則,或者重要少數法則

  6、有目的地使用UI元素

圖示、圖片等每一個UI元素在整個設計中都有其作用,有些元素的使用是有約定俗成的規則,不要因為某些元素看起來酷,或者單純“為了有”而加上,最好通盤考慮,在合適的地方,合理地使用UI元素。