您的位置: 設計資訊 > 網站設計 > 網頁設計 > 網頁版面設計需要遵循的3個原則及技巧

網頁版面設計需要遵循的3個原則及技巧

www.dkiyuz.live 2019-07-14 02:50 設計.世界 瀏覽(3479)

摘 要:設計項目都需要遵循以下3個網頁版面設計的原則。
一、直觀性
所謂直觀,指的是在打開的瞬間,用戶能夠明白這些內容和畫面想要傳達什么信息。看過之后不知道想要表達什么,或者覺得非常混亂,都是不夠直觀的表現。這是視覺心理的問題。為了留住讀者,設計師需要讓版式舒朗而明確,脈絡清晰,用戶一望而知之。只有讓內容的價值為用戶所了解,才能讓人讀下去,愿意了解,才有接下來的轉化。

技巧一:圖文互補

640.jpg

想要讓用戶更容易獲取信息,需要讓圖片和文本相互配合,讓視覺化的圖片來營造氛圍,優先傳遞大概的信息和感受給用戶,文本則提供詳細而精準的內容,確保信息準確可用。文本也需要盡量輕松易懂。

技巧二:利用信息圖

640.jpg

復雜的信息可以借助信息圖來呈現,這樣可以讓不易被人理解的數據和內容,更加視覺化的表達,用戶在瀏覽的時候,可以更加輕松地理解,降低信息理解的門檻,更加直觀。

二、易讀性
文本內容是絕大多數設計中必不可少的組成部分。文字的編排需要以易讀性為原則。字體過小、太密、過多裝飾甚至跳躍性地插入頁面布局中,都是不易讀的表現,也是設計師沒有為讀者考慮的結果。在書寫機會逐漸減少的現代,易讀性是文本內容是最基本要求。文字的可讀性要足夠強,這不僅與文字的形體有關系,而且和大小、字間距、行間距都密切相關。

技巧一:疏密有致的文字排版
根據風格和需求來選用最易讀的襯線體和非襯線體,文字排版比較通常的做法是將行高設置為1.5em- 2.0em,將段間距設定為2.0em,文本對比度為7:1,最小值為4.5:1。每行文本字數不要太多,最好控制在42字以內。

技巧二:清晰連貫的視線流
「視線流」更通俗的叫法是視覺引導,就是整個排版布局有一個相對清晰的閱讀順序和視覺線索,用戶不會因為模棱兩可的排版而選擇錯誤的閱讀順序。視線流能夠讓用戶下意識、按照順序來獲取信息,更加容易理解其中的內容。

三、美觀性
設計作品需要足夠漂亮,給人帶來美好的感受,這也是版式設計的使命所在。在確保了設計的直觀性和易讀性之后,就需要解決美觀的問題了。為了實現美觀性,設計師需要在之前的基礎上,考慮設計風格、配色和頁面構成等要素了。如果一開始就考慮美觀性,很容易造成內容不易讀不易懂的問題。不過,值得注意的是,最能夠引人注意的主要不是文字,而是視覺效果,請謹記。

技巧一:注重留白的使用
設計的美感很大程度上三個是借助色彩和形式來產生的,而留白則是成就整個設計形式感最有效的手段之一。大量的留白會強化空間感和品質感,在重要的內容周圍大量使用留白能夠凸顯它,有疏有密的留白則會呈現出韻律感。

技巧二:結合色彩心理學
色彩是另外一個創造美感的重要元素。結合設計項目來選取合適的色彩,利用設計趨勢和成熟的手法來構建配色系統,賦予每一個元素合理的色彩,則是設計師需要反復琢磨和練習,這都是必修課。不同色彩的心理效應是重中之重。


聲明:圖文資料來源于網絡,僅用于學習交流,版權歸原作者所有,如有來源標注錯誤或侵權,請聯系小編,將及時更正刪除!文中的觀點不代表平臺方的觀點只為信息傳達,如有冒犯請聯系更正刪除,感謝您對我們的支持!

[優秀設計師] DESIGNERS

[優秀設計公司] COMPANYS

聯系我們| 免責聲明| 設計師| 設計公司| 手機版| 設計知識

云南 十一选五开奖结果