1.上圖下文

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

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

2.左圖右文

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

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

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

3.多圖布局

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

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