設(shè)計項目都需要遵循以下3個網(wǎng)頁版面設(shè)計的原則。
一、直觀性
所謂直觀,指的是在打開的瞬間,用戶能夠明白這些內(nèi)容和畫面想要傳達什么信息??催^之后不知道想要表達什么,或者覺得非常混亂,都是不夠直觀的表現(xiàn)。這是視覺心理的問題。為了留住讀者,設(shè)計師需要讓版式舒朗而明確,脈絡(luò)清晰,用戶一望而知之。只有讓內(nèi)容的價值為用戶所了解,才能讓人讀下去,愿意了解,才有接下來的轉(zhuǎn)化。
技巧一:圖文互補
想要讓用戶更容易獲取信息,需要讓圖片和文本相互配合,讓視覺化的圖片來營造氛圍,優(yōu)先傳遞大概的信息和感受給用戶,文本則提供詳細而精準的內(nèi)容,確保信息準確可用。文本也需要盡量輕松易懂。
技巧二:利用信息圖
復(fù)雜的信息可以借助信息圖來呈現(xiàn),這樣可以讓不易被人理解的數(shù)據(jù)和內(nèi)容,更加視覺化的表達,用戶在瀏覽的時候,可以更加輕松地理解,降低信息理解的門檻,更加直觀。
二、易讀性
文本內(nèi)容是絕大多數(shù)設(shè)計中必不可少的組成部分。文字的編排需要以易讀性為原則。字體過小、太密、過多裝飾甚至跳躍性地插入頁面布局中,都是不易讀的表現(xiàn),也是設(shè)計師沒有為讀者考慮的結(jié)果。在書寫機會逐漸減少的現(xiàn)代,易讀性是文本內(nèi)容是最基本要求。文字的可讀性要足夠強,這不僅與文字的形體有關(guān)系,而且和大小、字間距、行間距都密切相關(guān)。
技巧一:疏密有致的文字排版
根據(jù)風格和需求來選用最易讀的襯線體和非襯線體,文字排版比較通常的做法是將行高設(shè)置為1.5em- 2.0em,將段間距設(shè)定為2.0em,文本對比度為7:1,最小值為4.5:1。每行文本字數(shù)不要太多,最好控制在42字以內(nèi)。
技巧二:清晰連貫的視線流
「視線流」更通俗的叫法是視覺引導(dǎo),就是整個排版布局有一個相對清晰的閱讀順序和視覺線索,用戶不會因為模棱兩可的排版而選擇錯誤的閱讀順序。視線流能夠讓用戶下意識、按照順序來獲取信息,更加容易理解其中的內(nèi)容。
三、美觀性
設(shè)計作品需要足夠漂亮,給人帶來美好的感受,這也是版式設(shè)計的使命所在。在確保了設(shè)計的直觀性和易讀性之后,就需要解決美觀的問題了。為了實現(xiàn)美觀性,設(shè)計師需要在之前的基礎(chǔ)上,考慮設(shè)計風格、配色和頁面構(gòu)成等要素了。如果一開始就考慮美觀性,很容易造成內(nèi)容不易讀不易懂的問題。不過,值得注意的是,最能夠引人注意的主要不是文字,而是視覺效果,請謹記。
技巧一:注重留白的使用
設(shè)計的美感很大程度上三個是借助色彩和形式來產(chǎn)生的,而留白則是成就整個設(shè)計形式感最有效的手段之一。大量的留白會強化空間感和品質(zhì)感,在重要的內(nèi)容周圍大量使用留白能夠凸顯它,有疏有密的留白則會呈現(xiàn)出韻律感。
技巧二:結(jié)合色彩心理學
色彩是另外一個創(chuàng)造美感的重要元素。結(jié)合設(shè)計項目來選取合適的色彩,利用設(shè)計趨勢和成熟的手法來構(gòu)建配色系統(tǒng),賦予每一個元素合理的色彩,則是設(shè)計師需要反復(fù)琢磨和練習,這都是必修課。不同色彩的心理效應(yīng)是重中之重。
全站高品質(zhì)素材免費下載!