要素四：图片
图片在 Web 和 App 界面设计中是非常常见的，图片的质量和展现方式都会影响着用户对产品的感官体验。
1. 图片比例
不同比例的图片所传递的主要信息各不相同，我们需要结合产品的特点，并根据不同的场景来选择合适的图片比例进行设计。
1.1 1比1
1:1是比较常见的图片设计比例，相同的长宽将构图呈现得简单，突出了主体的存在感，常用于产品、头像、特写等展示场景。
1.2 4比3
4:3的图片比例使图像更紧凑，更容易构图，便于开展设计，也是常用图片比例之一。
1.3 16比9
16:9的图片比例可以呈现电影观影般的效果，是很多视频播放软件常用的尺寸，能带给用户一种视野开阔的体验。
1.4 16比10
16:10的图片比例最接近黄金比，而黄金分割具有严格的比例性、艺术性、和谐性，蕴藏着丰富的美学价值，被认为是艺术设计中最理想的比例。
2. 图片排版
图片的排版类型有很多种，根据不同的场景和所需传递的主体信息来选择与之相符的展现方式，以下是常见的几种排版类型。
2.1 满版型
满版型是以图片作为主体或背景铺满整个画面，常搭配文字信息或 icon 修饰，视觉传达直观而强烈，给人大方、舒展的感觉。
2.2 通栏型
通栏型是指图片与整体页面的宽度相同，而高度为其几分之一甚至更小的一种图片展现方式，最常见的就是轮播图（Banner）。通栏型图片宽阔大气，可以有效地强调和展示重要的商品、活动等运营内容。
2.3 并置型
并置型是将不同的图片作大小相同而位置不同的重复排列，可以是左右或上下排列，能给原本复杂喧闹的版面带来秩序、安静、调和与节奏感。
2.4 九宫格型
九宫格型是用四条线把画面上下左右分割成九个小块，可以把 1 个或者 2 个小块作为一个单位填充图像，这种构图给人严谨、规范、有序的感觉。
2.5 瀑布流型
瀑布流型的图片会在页面上呈现参差不齐的多栏布局，降低了界面复杂度，节省了空间，使用户专注于浏览，去掉了繁琐的操作，体验更好。
