电商平台所列商品通常以商品描述页,即详情页的形式存在,上架商品要以图片的形式编辑成图页上传完成商品发售。

商品详情页,以下简称详情,是商品售卖邀约,应以事实为依据,要求真实、清楚、图文并茂为原则。在这一原则下,美工设计要特别注意做好以下三件事。

1,商品属性信息

属性信息应以商品出厂的信息卡为编写依据,应体现商品的名称、成分、规格、型号、大小、颜色等主要信息,要突出重点简明扼要。以服装为例,在 “图龙解” 中,可以套接模板或新建一个设计,懒人可以套接一个模板使用;为了个性化,也可以新建一个设计发挥自己的创意,原创设计在同质性商品竞争中会获得加分提高曝光率,提升销量。

属性信息还应包括商品橱窗图、基本信息(出厂信息卡)和商品指数,温馨友好的特征指数,如质地、弹性、版型、柔软度等,这些关键属性要表现清楚、友好、简明。


2,商品卖点

卖点设计要反映商品的特征或重要细节,是商品属性的补充和延续。卖点描述要美观,简洁,重点突出,以3-7个部分表现为宜,如图

在 “图龙解” 中,反映卖点信息是通过图元内移动图片位置得到的,比如,服装的领部,肩部,腰部,袖子,腿部等,都可瞬间获得描述。在本例中,点击图元内图片直到头部肩帽位置,如图

3,商品展示

展示部分是对商品的整体show,多角度、多形式展现商品的完整性。在图片上给以扼要描述是必要的选择,如颜色、流派、款式等加深购买者的印象,如图


总结

以邀约形式存在的商品详情页,侧重表现属性、卖点、展示部分是详情制作的最简模式,用以支撑详情描述逐次展开,简洁、美观、大方得体。在设计中,为保障清晰美观,本例集成了图像的清晰度、对比度、饱和度等一系列视觉组件,一边设计一边处理效果,不需PS图,不需单独做后期处理,大大提高了详情制作效率。

参考源自 “图龙解”

商品详情页中特别注意的三件事相关推荐

  1. 商品详情页中,当鼠标放到小图上时,改变大图的图片为当前小图的图片

    在做商品详情页时,我们会遇到这样的问题,当鼠标移动到小图上的时候,所对应的大图也会随之改变,变成当前鼠标所在位置的小图图片,今天我给大家分享一下我的做法,希望对大家有所帮助,也希望得到大家的指点. / ...

  2. iOS 开发商品详情页中的banner中点击查看图片

    本文出自code4app,原文地址:http://www.code4app.com/blog-... 轮翻播放与查看是分开的,轮翻是是用 开源的SDCycleScrollView 这里是给出的是查看的 ...

  3. 仿淘宝商品详情页中(继续拖动到图文详情)

    参考文章http://www.jb51.net/article/91858.htm 核心view 有2个 一个是自定义的ViewGroup 一个是自定义的ScrollView 首先是自定义的Scrol ...

  4. 如何爬取商品详情页中的信息

    如下图,我们要爬取标题和价钱和区域等 1.导入库 from bs4 import BeautifulSoup import requests import time 2.抓取整个HTML网页(增加判断 ...

  5. 仿京东淘宝商品详情页中视频和图片的轮播功能

    还没有学会如何上传视频到博客上,先上传图片吧 案例下载地址: https://download.csdn.net/download/dawnzeng/10430298 视频播放借用了饺子播放器,最主要 ...

  6. 高并发处理之商品详情页

    首页 博客 专栏·视频 下载 论坛 问答 代码 直播 能力认证 高校 会员中心 收藏 动态 消息 创作中心 高并发处理之商品详情页 卜大伟 2019-01-18 11:13:47  2488  收藏  ...

  7. 商品详情页动态渲染系统:大型网站的多机房4级缓存架构设计

    124_大型电商网站的商品详情页的深入分析 之前,咱们也是说在讲解这个商品详情页系统的架构 缓存架构,高可用服务 商品详情页系统,我们只是抽取了其中一部分来讲解,而且还做了很大程度的简化 主要是为了用 ...

  8. 京东构建需求响应式亿级商品详情页技术分析

    转自涛哥的博客:http://jinnianshilongnian.iteye.com/blog/2235572 1.构建亿级前端读服务 从入职京东到现在,做读服务已经一年多的时间了,经历了各种亿级到 ...

  9. 电商APP商品详情页设计套路(分层PSD模板)!透析UI/UE必须懂的营销设计思维!

    电商APP重点在于商品详情页,打造一个优秀的商品详情页,完全能够提高转化率! UI设计.交互体验.文案撰写.产品的商业模式来聊一聊电商app商品详情页是怎么"套路" 设计app商品 ...

  10. Vue.js仿饿了么外卖App--(4)商品详情页实现

    文章目录 一.内容介绍 1.内容 2.效果 二.具体实现 1.组件传值 2.点击事件 3.图片展示 4.加入购物车 5.分隔条组件 6.评价展示 布局 评价筛选组件 时间展示 三.源码 一.内容介绍 ...

最新文章

  1. 讨论:对于神经网络,不需要弄明白原理,只需要应用,是这样吗?
  2. python 模块命名空间_如何在python模块中执行导入而不污染其命名空间?
  3. mysql有没有单机版?
  4. AtCoder Beginner Contest 131 F - Must Be Rectangular!
  5. oracle去掉默认值sql,如何在T-SQL中删除默认值或类似约束?
  6. php当前完整url的写法
  7. 无人驾驶(基于计算机视觉的高精度地图)
  8. 麦克纳姆轮平台坐标系说明
  9. MII/MDIO接口详解
  10. CF891D Sloth
  11. 盒子综合案例——德云社十八愁与宠物知识栏
  12. 关于互联网之技术总监工作的职责职能比较好的文章收集
  13. matlab 神经网络工具箱 nntraintool 详解
  14. ruby 安装问题的 一二事
  15. 【零基础-1】PaddlePaddle学习Bert
  16. FA-PEG-SH 叶酸PEG巯基
  17. C#,ArcGIS Engine开发入门教程
  18. win7锁屏壁纸更换,解除壁纸256Kb限制教程
  19. python:open()方法+循环语句 练习
  20. flutter Spacer 撑开整个屏幕

热门文章

  1. 卡内基梅隆大学计算机专业介绍,卡内基梅隆大学计算机专业介绍 全美大学计算机专业榜首...
  2. 51单片机实现出租车计价器
  3. 2022数学建模美赛A题详细思路获取
  4. python 闲鱼_闲鱼上哪些商品抢手?Python 分析后告诉你
  5. 金蝶新建生产领料单,单据编号不能自动填写
  6. C++ 常用数学函数
  7. 脉冲云中使用的ajv
  8. MacPro安装运行Win10虚拟机 (Parallels Desktop)
  9. 美团旅行前端技术体系的思考与实践
  10. LAMBDA表达式常用写法