網站版面設計 進行合理布局和編排的4大原則

來源:互聯網
上載者:User

網頁布局類似於雜誌的排版。網頁作為一種版面,既有文字,又有圖片,可能還有動畫等。同時,文字有大有小,還有標題與本文之分;圖片也有大有小,還 有靜態與動態差別。文字和圖片需要同時展示給使用者,如果只是將它們簡單地羅列在一個頁面上,往往會使頁面顯得雜亂無章。因此,必鬚根據內容需要,將它們 按照一定的次序進行合理布局和編排,使其組成一個有機的整體,展示給使用者。下面詳細介紹網頁布局一般應遵循的原則。

(1)整體布局,和諧統一。網頁的整體布局在頁面設計中佔據關鍵位置,起著主導作用。巧妙的整體布局,能全面地展現出設計者的思想,盡情地揮灑出設計者的靈感,這樣的網頁必定是和諧統一的。

整體化布局的傳統方法是使用對稱的形式,通過空間、文字和圖形的相互作用建立整體的均衡狀態,產生和諧的美感。但是,對稱均衡有時候會使頁面顯得呆 板、僵化,缺少一定的活力。在對稱均衡中輔助設計一些新穎的文字和圖案,需要時可以採用一些誇張的手法,體現強烈的緊張感和運動感,可以給對稱的頁面增加 一些生動性和趣味性。

(2)主次分明,中心突出。在一個頁面上,必然考慮視覺中心,這個中心一般在頁面的重點地區,即中央偏上的位置。因此應該把最能傳達資訊、最能吸引入的內容放在這個位置。在視覺中心以外的地方可以安排那些稍微次要的內容,這樣在頁面上就突出了重點,做到了主次分明。

頁面配置的最終目的是使網頁產生清晰的條理性,更好地突出主體,達到最佳的顯示效果,因此,頁面視覺中心的內容應該是主體。可以將網頁的視覺次序、 空間層次、主從關係及彼此間的邏輯關係,通過條理性地把握與運用來突出主體。在空間層次上按照主從關係的順序,使放大的主體形象成為視覺中心,以此來表達 主體思想;將文檔中的多種資訊作整體編排設計,有助於主體形象的建立;而在主體形象的四周適當地增加一些空白,可以便得被強調的主體形象更加鮮明突出。

(3)疏密有度,錯落有致。在內容安排上要恰當地留些空白,適當地運用空格,改變字間距和行間距等來製造變化的效果;在對稱性上既要使用對稱美,也要兼顧非對稱美;在色彩和形態的使用上可以適當使用對比,如黑白對比,圓形與方形對比等,以形成鮮明的視覺效果。

(4)圖文並茂,相得益彰。文字和映像具有相互補充的視覺關係,如果頁面上的映像太多,缺少文字,就會降低頁面的資訊容量;而如果頁面上的文字太多,則會顯得沉闖,缺乏生氣。因此,理想的效果是使映像與文字合理搭配,互為襯托,這樣既能使頁面變得活躍,又使頁面有豐富的內容。

整體布局,和諧統一;主次分明,中心突出;疏密有度,錯落有致;圖文並茂,相得益彰。當你把這4大網站布局原則運用好之後,回來看看你的網站,是不是合理了許多?使用者體驗是不是提高了許多?網站整體是不是專業了許多?

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。