商品详情页中特别注意的三件事
电商平台所列商品通常以商品描述页,即详情页的形式存在,上架商品要以图片的形式编辑成图页上传完成商品发售。
商品详情页,以下简称详情,是商品售卖邀约,应以事实为依据,要求真实、清楚、图文并茂为原则。在这一原则下,美工设计要特别注意做好以下三件事。
1,商品属性信息
属性信息应以商品出厂的信息卡为编写依据,应体现商品的名称、成分、规格、型号、大小、颜色等主要信息,要突出重点简明扼要。以服装为例,在 “图龙解” 中,可以套接模板或新建一个设计,懒人可以套接一个模板使用;为了个性化,也可以新建一个设计发挥自己的创意,原创设计在同质性商品竞争中会获得加分提高曝光率,提升销量。
属性信息还应包括商品橱窗图、基本信息(出厂信息卡)和商品指数,温馨友好的特征指数,如质地、弹性、版型、柔软度等,这些关键属性要表现清楚、友好、简明。
2,商品卖点
卖点设计要反映商品的特征或重要细节,是商品属性的补充和延续。卖点描述要美观,简洁,重点突出,以3-7个部分表现为宜,如图
在 “图龙解” 中,反映卖点信息是通过图元内移动图片位置得到的,比如,服装的领部,肩部,腰部,袖子,腿部等,都可瞬间获得描述。在本例中,点击图元内图片直到头部肩帽位置,如图
3,商品展示
展示部分是对商品的整体show,多角度、多形式展现商品的完整性。在图片上给以扼要描述是必要的选择,如颜色、流派、款式等加深购买者的印象,如图
总结
以邀约形式存在的商品详情页,侧重表现属性、卖点、展示部分是详情制作的最简模式,用以支撑详情描述逐次展开,简洁、美观、大方得体。在设计中,为保障清晰美观,本例集成了图像的清晰度、对比度、饱和度等一系列视觉组件,一边设计一边处理效果,不需PS图,不需单独做后期处理,大大提高了详情制作效率。
参考源自 “图龙解”
商品详情页中特别注意的三件事相关推荐
- 商品详情页中,当鼠标放到小图上时,改变大图的图片为当前小图的图片
在做商品详情页时,我们会遇到这样的问题,当鼠标移动到小图上的时候,所对应的大图也会随之改变,变成当前鼠标所在位置的小图图片,今天我给大家分享一下我的做法,希望对大家有所帮助,也希望得到大家的指点. / ...
- iOS 开发商品详情页中的banner中点击查看图片
本文出自code4app,原文地址:http://www.code4app.com/blog-... 轮翻播放与查看是分开的,轮翻是是用 开源的SDCycleScrollView 这里是给出的是查看的 ...
- 仿淘宝商品详情页中(继续拖动到图文详情)
参考文章http://www.jb51.net/article/91858.htm 核心view 有2个 一个是自定义的ViewGroup 一个是自定义的ScrollView 首先是自定义的Scrol ...
- 如何爬取商品详情页中的信息
如下图,我们要爬取标题和价钱和区域等 1.导入库 from bs4 import BeautifulSoup import requests import time 2.抓取整个HTML网页(增加判断 ...
- 仿京东淘宝商品详情页中视频和图片的轮播功能
还没有学会如何上传视频到博客上,先上传图片吧 案例下载地址: https://download.csdn.net/download/dawnzeng/10430298 视频播放借用了饺子播放器,最主要 ...
- 高并发处理之商品详情页
首页 博客 专栏·视频 下载 论坛 问答 代码 直播 能力认证 高校 会员中心 收藏 动态 消息 创作中心 高并发处理之商品详情页 卜大伟 2019-01-18 11:13:47 2488 收藏 ...
- 商品详情页动态渲染系统:大型网站的多机房4级缓存架构设计
124_大型电商网站的商品详情页的深入分析 之前,咱们也是说在讲解这个商品详情页系统的架构 缓存架构,高可用服务 商品详情页系统,我们只是抽取了其中一部分来讲解,而且还做了很大程度的简化 主要是为了用 ...
- 京东构建需求响应式亿级商品详情页技术分析
转自涛哥的博客:http://jinnianshilongnian.iteye.com/blog/2235572 1.构建亿级前端读服务 从入职京东到现在,做读服务已经一年多的时间了,经历了各种亿级到 ...
- 电商APP商品详情页设计套路(分层PSD模板)!透析UI/UE必须懂的营销设计思维!
电商APP重点在于商品详情页,打造一个优秀的商品详情页,完全能够提高转化率! UI设计.交互体验.文案撰写.产品的商业模式来聊一聊电商app商品详情页是怎么"套路" 设计app商品 ...
- Vue.js仿饿了么外卖App--(4)商品详情页实现
文章目录 一.内容介绍 1.内容 2.效果 二.具体实现 1.组件传值 2.点击事件 3.图片展示 4.加入购物车 5.分隔条组件 6.评价展示 布局 评价筛选组件 时间展示 三.源码 一.内容介绍 ...
最新文章
- 讨论:对于神经网络,不需要弄明白原理,只需要应用,是这样吗?
- python 模块命名空间_如何在python模块中执行导入而不污染其命名空间?
- mysql有没有单机版?
- AtCoder Beginner Contest 131 F - Must Be Rectangular!
- oracle去掉默认值sql,如何在T-SQL中删除默认值或类似约束?
- php当前完整url的写法
- 无人驾驶(基于计算机视觉的高精度地图)
- 麦克纳姆轮平台坐标系说明
- MII/MDIO接口详解
- CF891D Sloth
- 盒子综合案例——德云社十八愁与宠物知识栏
- 关于互联网之技术总监工作的职责职能比较好的文章收集
- matlab 神经网络工具箱 nntraintool 详解
- ruby 安装问题的 一二事
- 【零基础-1】PaddlePaddle学习Bert
- FA-PEG-SH 叶酸PEG巯基
- C#,ArcGIS Engine开发入门教程
- win7锁屏壁纸更换,解除壁纸256Kb限制教程
- python:open()方法+循环语句 练习
- flutter Spacer 撑开整个屏幕