(翻译)产品图片中如何应用三分法则

  如果网站销售产品,那么产品图片能吸引用户就很重要。图片的美感不仅来自于排版和色彩,还与元素在空间中的位置相关。
  这就像装饰房子,不仅要考虑哪些东西能让房子美观,还要考虑如何安置这些东西。
  三分法则自古就有,首度用于绘画是在文艺复兴时期。可以在网站的产品图片中应用三分法则。典型的产品图片有以下几类元素:

  1. 产品图片;
  2. 产品名称;
  3. 标签或标题;
  4. 行为召唤按钮[1];
  5. 背景图片。
错误用法

  效果不好的产品图片没有遵循三分法则,用户得查看每个元素,并被迫环视整个页面。下图为惠普公司的产品图片,图片中只有产品位于网格交点处,其他元素都分散在边缘,导致图像缺乏凝聚力和吸引力。
在这里插入图片描述

正确用法

  产品图片中应用三分法则,精心排列元素位置,给用户最佳的产品视角。如下图所示,黑莓公司的产品图片中各元素间存在空间均衡。
  所有元素都与网格的交叉线相交,没有任何元素被忽略。精心安排所有元素,让用户用单一视角就能使轻易看出产品的美感。[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.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值