上下排列就是指图片和文字在垂直方向上排列，其中比较常见的有上图下文(大图)、上图下文(多图)以及上文下图。
大图模式下的上图下文更强调了图片的重要性。首先大面积图片本身的视觉冲击力就大于文字信息，再者根据从上至下的浏览习惯图片也是先于文字展现在用户眼前。正因为如此，这对于图片质量的要求也就更高了，如果无法保证图片的质量，会大大影响整个页面的美观，从而影响到用户对产品的定位。

多图模式是指一行展示多张图片，常见于视频、电商类的产品。在分析过大图模式之后，多图模式与之的区别也就显而易见了。随着图片的变小严重影响了文字信息的完整度，为了能够传达足够的信息，就需要一目了然的图片，或者在图片中加上文字信息，无论哪种都对图片质量有很高的要求。
上文下图相比于之前的两种布局方式，则是提高了文字信息的重要程度。当然，由于图片的视觉冲击力依然存在，所以只能说是图文同样重要。上文下图常见于资讯、个人动态的页面中，图片多是采用文中配图或是用户上传，所以图片的质量也就无法保证。而文字信息完整度则由于这种布局方式下文字的重要度决定了
它的完整度几乎不可能缺失。在版面效率上，资讯类页面依然由图片的宽高比所决定，个人动态类页面则由文字内容的长短和图片的高度共同决定。

左右排列是指图片和文字在水平方向上排列，其中有左图右文和左文右图两种布局方式。
左图右文同样因为图片的视觉冲击力和从左至右的浏览习惯，强调了图片的重要性。但相比于大图模式的上图下文，由于图片的变小，版面效率有所提高。而相比于多图模式的上图下文，同样因为图片的变小变窄使得文字信息有了更多的展示空间，能够更有效的传达信息，也因此对图片的质量要求没有那么高了。