1.上圖下文

這種布局體現的是圖片的重要性，對于圖片的要求比較高,通常是需要抓住用戶的眼球的，設計師需要注意圖片高度影響的版面效率，還是商業(yè)化的產品對于整體頁面的協(xié)調性，就是讓用戶看起來更舒服，更明確，如果確實需要以大圖+文的上下方式來布局，盡量找到版面的平衡點，考慮圖片與文字之間想要給用戶傳達的關系和優(yōu)先級圖片的使用盡量使用黃金比例做展示.

宮格排列式的上圖下文能夠極大的提升版面效率，一般更多用于電商平臺,這樣的迷失是為了將我們要有大銷量的產品突出，這個時候設計師要注意排版的布局率，使之間形成一致性.

2.左圖右文

這個在移動端使用的是比較多的情況,無論是左圖還是右圖，這樣的布局都是為了更好的做好圖文占比比例，同樣的圖片文字的搭配就特別的重要。

方形縮略圖是更常用的形式，不至于太窄也不至于太寬；

豎形的圖片讓右側信息有更多的發(fā)揮空間；

3.多圖布局

多圖布局講究的更是“主副布局”的核心，突出想要的內容，把其他的圖片做環(huán)繞式的圍繞，即能圖書圖片的整體感覺，也能突出其中文化特色.

還有其他的比如圓形布局，多圖布局，異性布局，全屏布局等，不過這些布局形式在網站及移動端設計中很少出現，因為移動端的頁面的大小比較有限.
濟南網站設計真誠為您服務，如果您有好的布局格式及內容，歡迎您在網站留言：http://m.xmjsdhs.com，小編及時與您進行溝通對接，共同成長學習.