fny5jt9 发表于 2024-8-12 18:44:46

详情页主图设计要点


    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/65c0a9de452341b0b7a48f1f30399205~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723662047&amp;x-signature=K4bJKbLUnXLeMBV3hpiafsn7KKw%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">主图<span style="color: black;">表现</span><span style="color: black;">制品</span>的款式、风格、颜色等多个特征,一张诱人的主图<span style="color: black;">能够</span>节省一大笔推广<span style="color: black;">花费</span>。这<span style="color: black;">亦</span>正是有些店铺在<span style="color: black;">无</span>做任何付费推广的<span style="color: black;">状况</span>下,依然<span style="color: black;">能够</span>吸引<span style="color: black;">非常多</span>流量的<span style="color: black;">重点</span><span style="color: black;">原由</span>。</span></span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/a121d38d5967420cb5b58396407571fd~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723662047&amp;x-signature=nUiKTaDvu19%2Fzt5HHSxESMZWBJM%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;"><span style="color: black;">日前</span>,<span style="color: black;">非常多</span>卖家<span style="color: black;">一般</span>会在主图上放很大的字体<span style="color: black;">做为</span>促销信息,<span style="color: black;">导致</span>遮盖住了商品主体。此举虽然<span style="color: black;">能够</span><span style="color: black;">提高</span>点击率,但会影响美观度,严重影响买家的消费体验。所以,大部<span style="color: black;">归类</span>目对商品的主图有比较<span style="color: black;">知道</span>的设计<span style="color: black;">需求</span>,对商品的主图<span style="color: black;">亦</span>有<span style="color: black;">区别</span>的<span style="color: black;">需求</span>和规范。</span></span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/78d2ac7b3a494476a9725ca0d1a745ba~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723662047&amp;x-signature=2hXynNhLVEOj5hHZ1e%2F75VNbplo%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">素材的<span style="color: black;">选取</span></span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">①清晰整洁。在主图的素材<span style="color: black;">选取</span>中,清晰整洁是一张主图的首要<span style="color: black;">要求</span>。模糊错乱的<span style="color: black;">照片</span>不仅影响顾客的视觉体验,还影响商品的价值<span style="color: black;">表现</span>。</span></span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/dc95617f7e3f4d6eb7d34c0d346e5e76~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723662047&amp;x-signature=EurOspHwtgH0N%2FeW1%2Fl%2FHg1Ct0s%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">②<span style="color: black;">揭发</span>正确。<span style="color: black;">揭发</span>正确<span style="color: black;">指的是</span>在光线合适、<span style="color: black;">无</span>逆光的<span style="color: black;">状况</span>下进行拍摄,<span style="color: black;">这般</span>得到的<span style="color: black;">照片</span>的色彩比较符合<span style="color: black;">实质</span>颜色。若<span style="color: black;">揭发</span>不足或<span style="color: black;">揭发</span>过度,<span style="color: black;">导致</span>商品图与<span style="color: black;">实质</span>颜色相差甚远,会<span style="color: black;">诱发</span>售后纠纷的问题。</span></span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/e139d25683d64ce0b4a916c1286e3a1c~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723662047&amp;x-signature=DMO1pflviB5C2w1yXwq8JwWuLjA%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">构图方式</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;"><span style="color: black;">区别</span>的构图方式有<span style="color: black;">区别</span>的视觉关注点,<span style="color: black;">同期</span><span style="color: black;">亦</span>能营造出<span style="color: black;">区别</span>的商品氛围。常用构图方式:</span></span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/a8abd6fe2dfb45b09627bad5e303f0a2~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723662047&amp;x-signature=JPAxlfJ3qPsTgnCYC34VSrFsrP8%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">①直线式构图。在商品形状规则的<span style="color: black;">状况</span>下,<span style="color: black;">能够</span>采用直线<span style="color: black;">摆列</span>,整齐美观地展现出商品的特性。这种构图能将商品的<span style="color: black;">区别</span>颜色、款式、<span style="color: black;">体积</span><span style="color: black;">经过</span>并列的方式展示给顾客,<span style="color: black;">增多</span>了<span style="color: black;">选取</span>性。</span></span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/4b28376e375d4da1a56f241a336797e4~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723662047&amp;x-signature=gXzXizgim8tRQnM%2FdMVilDCTRHI%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">②三角形构图。三角形构图适合有<span style="color: black;">必定</span><span style="color: black;">摆设</span>规则的商品,多个商品形成的三角形<span style="color: black;">摆设</span>有稳定、<span style="color: black;">平衡</span>的特点,<span style="color: black;">亦</span>能给人商品样式丰富的感觉。</span></span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/37413dd13f634827beda8ef4f47f45fe~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723662047&amp;x-signature=LWRZJLFfmAHhWSQGDfuteb4F%2BfY%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">③辐射式构图。辐射式构图是将商品呈放射性发散<span style="color: black;">摆列</span>,这种构图<span style="color: black;">能够</span><span style="color: black;">加强</span>画面的张力,视觉冲击力强。</span></span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/7fff1600d5bc49939ca6363fa4677cfc~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723662047&amp;x-signature=T%2FBzyj%2FdOrWViRo5X0buWa0VKJw%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">④对角线构图。对角线构图是将商品安排在对角线上,这样<span style="color: black;">能够</span><span style="color: black;">明显</span>商品的立体感、延伸感和动感。这种构图方式形成的纵深感,能够带给消费者<span style="color: black;">更加多</span>的视觉冲击力。</span></span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/77a0bb9eb971430a83b48c154c3e87fc~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723662047&amp;x-signature=gJhbfmnfjqCh5cBulYnfCpV9JWY%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">⑤渐次式构图。将多个商品渐次式<span style="color: black;">摆列</span>,能够<span style="color: black;">加强</span>商品的空间感。将商品由大及小、由主到次地摆放,能<span style="color: black;">增多</span>商品的纵深感。运用透视景深效果,能够<span style="color: black;">表现</span>出商品的多样性与丰富性。这种构图方式能把<span style="color: black;">位置于</span>主体部分的商品很清晰地展现出来,<span style="color: black;">同期</span><span style="color: black;">加强</span>了空间感。</span></span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/f5ccff502a374294a4c118e4fe15f518~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723662047&amp;x-signature=Zzt8ARauFNMNIcrJr98j0C8Ti2I%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">信息分层</span></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">主图在设计时<span style="color: black;">亦</span><span style="color: black;">必须</span>对商品信息进行逐级分层,将重要的信息优先着重展示。主体是<span style="color: black;">第1</span>信息要素,<span style="color: black;">必须</span>着重展示;促销信息<span style="color: black;">做为</span>第二信息要素,意在<span style="color: black;">加强</span>商品的价格竞争力;品牌<span style="color: black;">做为</span>第三信息要素,不仅<span style="color: black;">增多</span>了商品的品质感和信任感,<span style="color: black;">同期</span><span style="color: black;">亦</span>是一种品牌宣传手段。</span></span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/511de77eaec34efb9199a5cf0b5e763d~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723662047&amp;x-signature=8RZYrq5RkcH1jbaJShXjqvktQgA%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/18fd8a00022a474286ea1cc5546b3bdf~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723662047&amp;x-signature=7IrtE6FadoOzsBnEMFPXIl3H8M0%3D" style="width: 50%; margin-bottom: 20px;"></div>




jm2020 发表于 2024-9-2 02:13:10

感谢楼主分享,祝愿外链论坛越办越好!

4lqedz 发表于 2024-9-27 05:17:07

对于这个问题,我有不同的看法...
页: [1]
查看完整版本: 详情页主图设计要点