如果网站销售产品,那么产品图片能吸引用户就很重要。图片的美感不仅来自于排版和色彩,还与元素在空间中的位置相关。
这就像装饰房子,不仅要考虑哪些东西能让房子美观,还要考虑如何安置这些东西。
三分法则自古就有,首度用于绘画是在文艺复兴时期。可以在网站的产品图片中应用三分法则。典型的产品图片有以下几类元素:
- 产品图片;
- 产品名称;
- 标签或标题;
- 行为召唤按钮[1];
- 背景图片。
错误用法
效果不好的产品图片没有遵循三分法则,用户得查看每个元素,并被迫环视整个页面。下图为惠普公司的产品图片,图片中只有产品位于网格交点处,其他元素都分散在边缘,导致图像缺乏凝聚力和吸引力。
正确用法
产品图片中应用三分法则,精心排列元素位置,给用户最佳的产品视角。如下图所示,黑莓公司的产品图片中各元素间存在空间均衡。
所有元素都与网格的交叉线相交,没有任何元素被忽略。精心安排所有元素,让用户用单一视角就能使轻易看出产品的美感。[2]
应用三分法则
应用三分法则,将图片分别在水平和垂直方向三等分,三等分后会产生9个矩形和4个交叉点,在交叉点处放置4个圆点[3]。
然后将最重要的元素放置在网格交叉处或圆点位置。如果还有剩余元素,将它们放置在交叉点附近的线上,离交叉点越近越好。
三分法则是一种有效地技术,能让产品图片更加美观。除此之外,还能在用户浏览图片时,让用户的眼睛减少移动[4]。使用三分法则,不仅让产品图片更具吸引力,可以使产品更加好卖。
原文地址:https://uxmovement.com/content/what-the-rule-of-thirds-can-do-for-product-images/
[1]原文:Call-to-action button,也可以译成呼唤按钮;
[2]原文:No element gets ignored or overlooked because the elements all touch the intersecting lines of the grid. The elements are all arranged in a way that makes it easy to capture the beauty of the product in a single focal view.
[3]原文:To apply the rule of thirds, divide your composition into thirds horizontally and vertically. This will create 9 rectangles and 4 intersections. Place 4 dots where the lines intersect.
[4]原文:Not only that, but it makes users move their eyes less when they view your image.