电商网站怎么建之商品详情页篇
很多商户以为做商品详情页就是简单的摆放几张产品图，然后加一些参数表最后放个5星好评。其实做详情页说简单也简单，说难也难，难就难在能否“折现”，因为商品详情页是电商网站中最容易与用户产生共鸣的页面，并对用户的购买行为产生直接的影响。因此，商品详情页面的设计必须涉及到运营层面，在美观实用的基础上，将要表达的信息尽可能用直观的视角展现出来，再有意识的避免设计与运营之间的冲突。
产品展示图不宜过大
商品详情页中的图片展示是用户进入该页面后的第一个视觉点，有设计师可能会因此认为这张图片的尺寸应该尽可能放大，让用户对商品概况一目了然。但作为设计师也应该考虑到右侧文字信息对于用户的重要性。不过在选取文案时也需注意，互联网上60%的文字信息用户是不会阅读的，我们由此可以得出，互联网上出现的文案必须达到最精简，应该善于抓取关键字。所以图片于文字之间的比例要避免很大的偏差，减轻用户在视觉上产生的不适。
显示折扣或优惠额度
商品详情页的设计中应该融入并满足用户选价的心理状态。按照消费心理学理论，顾客买东西大多基于个人感受，可能并不是真正价格上的便宜，而是商家能让顾客觉得便宜。而折扣或是优惠额度的显示就能达到这样的作用。比如让原价和折后价产生对比，再直接表明折扣，这种重复表达能加深用户对优惠的力度的感受。
添加分享按钮
在如今的营销中，社交媒体的力量绝对不容小觑，所以分享按钮就变得必不可少。在大多数电子商务网站中我们可以看到：分享按钮被设置在展示图片或文字的下方，主要分享当前页面的商品。但其实，真正用于营销推广的分享并不应该仅限于商品本身。比如成功购买的记录，又或是买家和卖家之间的有趣互动评价，这些都可以成为分享的内容，这也许比商品本身更有吸引力。
页面长度适中
页面长度的掌握在商品详情页的设计中是一个很常见的待解决问题，页面长度过长不仅会导致网页加载速度变慢，也会让用户产生视觉疲劳。一般来说，PC显示在20屏以内，移动端控制在10屏，也就是4页以内。在有限的页面内，商品描述的逻辑顺序变得格外重要，建站者可以基于商品描述的认知规律去考虑页面之间的连贯性。
商品详情页的内容比较多，所以跟随性的导航设计很有必要。跟随导航在商品详情页的出现能为用户提供很大的便利，但在大小上还需要设计师来掌握，隐形全面的导航才是用户真正喜欢的导航。
评价意见板块必不可少
对网络缺乏信任感是大多数用户存在的问题，而他人的评价和建议能对当时的购买行为产生很大的影响。因此，顾客评论在电子商务中不是可选项，而是必选项。
商品详情页的作用是打动用户、刺激购买，故无论是构思还是排版，商品详情页都是一个引导用户的过程。而打造一张优秀的详情页，大概需要用60%时间去调查构思，确定方向。然后才是用40%的时间去设计，并配合分析询单率，停留时间，转化率，访问深度等数据进行不断的优化。对于商品详情页部分来说，商户应该抱着这样的理念为用户传播一种幻想，而不只是设计一个页面而已。
原文链接：
如果你有关于网站建设、网页设计、网站推广、微店营销等方面的需求与见解，欢迎与联系。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。天琥教育成立20多年，校区遍布全国给各地
课程包括UI设计、平面设计、网页设计、室内设计等专业
设计教育，已培养逾20万设计精英，天琥把经验传递给有梦想的人
400-000-9192
> 学习动态
福州网页设计学习班哪个好
网页电商设计
未来10年 热门职位之一
3大设计技能 你也能挑战月薪8K+
电商页面设计
1、制作淘宝/天猫投放广告图片
2、掌握详情页的制作与技巧，从而提高产品销售量
整站网页设计
学习DW软件，掌握HTML的DIV +CSS基础，清晰代码可以实现的设计效果，更好地实现产品功能
掌握代码规则
网站设计构思，产品定位，设计风格，功能模块了解和WUI规范框架
平面设计综合阶段
1.介绍软件（应用领域、优势）/软件界面与设置/视图缩放与移动/选择工具/屏幕显示模式/包装效果图/选区自由变换/保存格式/文字（文字海报）/形状工具（绘制简单形状）/填充（前景色、背景色）
2.色彩基础知识/色阶/曲线/亮度对比度等/色彩平衡/色相饱和度/可选颜色/画布大小调整/建立快速蒙版/LAB颜色模式
3.软件界面/软件基本设置/导入图片/视图的基本操作/调色命令/文件导出
4.光影知识/涂抹、锐化、模糊工具/加深、减淡工具/消失点，液化滤镜、仿制源/渐变工具、吸管工具/肤色调整/色彩知识（色彩搭配训练）
5.素描三大关系/色彩构成/透视/产品修图案例
6.基础抠图工具/基本形状工具/钢笔工具/文本工具/字体排版技巧/变形变换
7.抽出命令/通道抠图/调整边缘抠图/插件抠图/抠图总结
8.图层混合模式/合成基础知识/合成案例
9.滤镜（下）扭曲，渲染/图层样式内阴影，斜面与浮雕，颜色，渐变，图案叠加/详情页
10.自定义形状工具/3D工具/直通车制作
11.图层样式概念/图层样式分类/图层样式案例/APP界面
12.网页设计基础/动画设计+总结
1.介绍软件/新建文件设置/软件界面认识/文字工具/文字大小改变、旋转、复制
2.其他格式：制表符、文字属性复制轮廓/简历制作
3.选择工具、基础绘图学习/颜色填充、渐变工具、吸管工具/锚点编辑工具
4.钢笔铅笔工具、路径橡皮擦、美工刀、剪刀.群组与复合路径、对齐和分布
5.排列、锁定、隐藏、路径查找器（焊接、相交、修剪）、剪切蒙版
6.描边面板/对象/路径/内部填充（网格工具、实时上色）
7.变形工具/封套扭曲/变换工具
8.画笔/符号/符号喷枪工具
9.混合工具（带过，CDR中详说）、透明蒙版（结合剪切蒙版使用）
10.外观面板、图形样式/描边、外观的使用/图层面板（多图层整理）
11.图表/位图转矢量图/透明度面板（中叠加方式的使用）
12.效果菜单（凸出和斜角、绕转、风格化）软件相互间格式的处理
1.软件介绍（应用领域、优势、缺点）/软件界面（调色板）
2.基本操作（新建文件、设置文件大小、出血、保存、导出、再制等）
3.排版需注意的事宜（字号、字体、出血、文字安全框等）
4.文本格式：文字方向、字符格式、段落格式、段落文本换行（图文混排）、分栏
5.基础绘图（矩形、椭圆、多边形、图纸、螺旋线、完美形状、智能绘图）
6.移动工具、填色（内部、轮廓）/视图工具（抓手、缩放、显示性能）
7.排列、锁定、造形/图框精确裁剪/群组与结合、对齐和分布
8.手绘、艺术笔/贝塞尔、钢笔/折线、三点曲线、连线、度量工具
9.形状工具：A.直接编辑基本形状/文字；B.转换成曲线后编辑
10.涂抹、粗糙、变换工具/裁切、刻刀、橡皮檫、虚拟段删除/线条填色
11.均匀、渐变、图样、纹理、PS填充/交互式填充、网状填充吸管油漆桶
12.交互调和、轮廓
13.变形、阴影、透明
14.立体(立体字设计、扁平投影效果、添加纹理立体字、渐变立体字)
16.位图处理/转换（跟踪位图）位图遮罩/滤镜效果（卷页）/效果菜单
17.表格处理/插入条码、OLE对象（图表）/对象管理器/页面设置、打印
品牌视觉研修阶段
1.学习美术黑白灰三大调设计原则，掌握人像精修技巧，方便易记，快速出效果。
2.学习电商设计中的阴影处理，熟练掌握护肤产品的设计风格与特性，使用检查标准提高页面效果。
3.学习设计中的对比法则，对于画面的把控能力，得心应手。
4.学习字体设计，掌握检查和修改自己作品的方法和技巧。
5.熟悉天猫京东首页banner广告位的设计风格与规则。
6.学习设计轮方法，系统学习设计创意逻辑，让创意设计变得简单、快捷、轻松。
7.掌握图像创意合成方法，快速出效果。
8.通过独创方法分析电商各类优秀作品的标准，为自行创作提供有效的方法
1.学习logo图形设计的基本原则、设计流程、思维方法和技巧要点，通过剖析多个案例提升logo图形设计实战技能。
2.通过中文、英文和数字阐述logo字体的设计原理，并提供五种捷径帮助学员有效快速掌握设计方法。
3.熟悉VI设计效果图制作方法，快速出效果。
4.熟悉VI手册设计规范，学习各项基础设计细节并明确了解其作用。
5.通过天琥自创标志鉴赏十六字，检验标志对错好坏。深入解析有关logo品牌形象上抄袭和借鉴的区别。深入一层从含义、图形、文字、形态和色彩五要素进行创作，塑造优秀logo案例
1.根据多个案例实战学习商业型和创意型海报设计的法则、规范与流程。
2.掌握单张X展架的特点。包括尺寸大小、折叠打孔位置设定等设计规范，实战中快速制作出符合要求的宣传单张和展架画面设计。
3.掌握宣传折页的特点，包括折法、尺寸、出血等设计规范，实战中快速制作出吸金无数的宣传折页。
4.通过案例学习包装设计鉴赏、包装材料、包装纸盒结构设计以及包装印刷工艺。
5.文案思维对于设计具有指导性的意义，学习广告语，可以给各类型设计作品加分。
6.通过多个案例学习画册的版式类型和基本原理。通过点评作品，让学员快速掌握版式设计的技巧、原则和规范。
7.天琥独创研发理论，结合实操，提升对设计的认知。
8.天琥独创四大诀窍提升品牌设计文化深度，借以提升设计作品的价值和价格。
9.运用品牌设计思维，实战操作整个品牌的各项设计，运用六尺评判标准，从看想写做说五种能力掌握项目设计的交付标准，让学员真正成为一名独当一面的全能型视觉创意设计师。
网页电商研修阶段
1.认识DW界面、工作区，熟练DW基本操作，学习表格，切片
2.掌握超链接、锚链接、富媒体、框架网页、浮动框架的使用，建立简单的传统网页站点
3.html+css:学习CSS三种嵌入形式、选择符、盒模型、浮动等，熟悉页面布局方法
4.html+css:项目列表与导航，常用css样式、css3样式补充，居中等
5.掌握和熟悉横版网页的制作技巧和注意事项，让网站与众不同
6.熟练掌握竖版网站的制作规范和技巧，不再做网站的“小白”
7.表单，表单创建与表单样式
8.下拉列表，dl、dt、dd下拉效果
9.spry卡式、折叠式、工具提示
10.学会如何套用和调用已有的JS代码，让网站妙趣横生，引人夺目
1.了解网站与网页的关系，学习标杆管理，与设计中标杆的应用。
2.了解网站首页的组成部分，系统学习网站设计的组成。熟练掌握WUI设计的规范。
3.了解网页的前世今生与设计趋势。分辨各种不同网站类型的设计风格。重点学习网站设计的内容布局。
4.了解一个网站诞生的过程。通过企业网站案例对网站设计进行梳理，了解网页设计流程。
5.学习展示型网站、信息型网站、功能型网站、品牌网站、活动网站等网站类型的设计规范。
6.了解整站设计与整站设计中不同功能的页面。通过实际项目案例学习了解电子商务网站。
7.重点掌握整站设计中的不同页面元素与设计时该注意的规范重点。
1.重点学习阿里/天猫/淘宝开店流程、装修流程、上架流程。
2.学习钻展广告位的作用及规范。了解排版原则，信息传达原则，文字排版标杆布局，色彩关系的区分。
3.学习直通车的作用及规范，重点掌握直通车广告设计方法与技巧。
4.学习宝贝主图的作用及规范。重点掌握宝贝主图的设计方法与详情页的设计流程和技巧。
5.了解品牌电商的设计思路，通过案例学习不同品牌电商的设计方法与技巧。
6.学习店铺装修代码与淘宝代码生成平台的应用。重点掌握代码的修改与热点图。
7.学习淘宝页面的移动端设计转变形式。重点学习网站响应式设计。
8.了解实际工作中网页电商设计师的定位于发展趋势。指导简历的制作思路与毕业作品的设计。
详情请进入
查看，文章来源：
开班时间： 滚动开班 课程费用：咨询
咨询电话： 咨询QQ：
图1CL8利用属性面板设置标题格式　　至此，利用CSS样式面板创建自定义正文样式和重新定义HTML标签样式已全部完 成，按Ctrl + S保存文件。　　应用样式还有两点要注意的问题：　　()选取应用范围　　前面讲的将插入点移动到段落中应用新样式的方法属于段落层级的样式；有时需要对一段 中的若干文字进行应用，则属于字符层级。也就是说，在应用之前，必须将这些文字选中，再应用 新样式，只有这样被选中的文字才会改变样式。如X2+Y2=z2中，只有2必须设置成文字上标 的格式，其他字母却不必。这时就必须选中2，再应用上标样式。感兴趣的读者不妨试一试。　　⑵）取消已应用的CSS样式　　如果要取消已应用的CSS样式，只要选中相应区域（段落或文字），再选择CSS面板中的 “(none)”选项即可。图1(0 7 利用CSS样式面 板应用新样式178 第10章在网页中使用CSS样式　　?1. 5 修改CSS样式　　1.修改自定义样式my _ css_ 1　　若要修改自定义的样式my_ css_ (，有以下两种方法：　　⑴在CSS样式面板中双击该样式名；　　⑵在CSS样式面板的右下角单击编辑样式图标名，弹出“Edit Style Sheet (编辑样式表)”对话框，选择自定义样 式 “ my _css _ 1”，单击 “Edif’ 按钮域双击 “ my_css_ 1”）。2修改重新定义HTML标签若要修改重新定义HTML标签,可在CSS样式 面板的右下角单击编辑样式图标〃 I，弹出‘Edit Style Sheet”对话框，如图1Q 9所示,选择重新定义HTML标签，单击“Edif按钮。LMI说明　　大家可能会觉得奇怪，为什么重新定义HTML标签没有出现在CSS面板中，但又出现 在“Edit Style Sheet对话框中呢？这是因为CSS样式面板里的样式只供局部套用，因此必须列出 样式名称供选择（如自定义样式my _css _ 1);而定义HIML卷标的影响范围是整个网页，等于是 已经自动全部套用了，所以没有必要在CSS面板中出现，出现在Edit Style Sheet对话框中则是为 了便于修改。10. 2利用CSS样式改变超级链接　　一般的文字超链接给人的印象是文字加了下划线，且变为蓝色。但在Drearmeaver中，可以 通过CSS修改超链接的属性，不仅能去掉下划线、改变字体颜色，还可以在链接的不同状态设置 字体的不同风格。下面以具体实例来介绍如何通过CSS来设置超级链接的属性。　　1.设计目标　　利用样式，我们想创建如下风格的超级链接，浏览效果如图Id 10所示。　　_象表:支*1就+@来?<^全t■机■?■*?! ■^厶汆来的j太空飞机Link状态 Hover状态 Active状态 Visited状态
Related schools福州市 哪个电商圈子值得加入？_百度知道
福州市 哪个电商圈子值得加入？
&#xe6b9;答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
云南新华电脑学院知道合伙人
始建于1988，专注互联网教育
云南新华电脑学院
知道合伙人
云南新华电脑学院是经云南省教育厅批准成立的省（部）级重点计算机专业学校，采用三元化管理模式，教学设备先进，师资雄厚学生毕业即就业，学院引进了电商企业入驻，创建心为电商创业园区，实现在校即创业
电子商务专业是融计算机科学、市场营销学、管理学、法学和现代物流于一体的新型交叉学科。目的是培养系统掌握电子商务的基础知识和基本技能，熟悉各类电子商务活动的基本业务流程，能熟练运用电子商务技能和现代信息技术从事电子商务活动、电子商务网站及系统建设和安全维护工作、电子商务管理业务的高级应用型技术人才。基本简介电子商务（Electronic Commerce），简称EC。通俗的说电子商务，电子商务就是利用互联网开展商务活动，当企业将它的主要业务通过企业的内联网、外联网、及互联网与企业的职员、客户、供销商及其合作伙伴直接相连时，其中发生的活动就是电子商务。融计算机科学、市场营销学、管理学、法学和现代物流于一体的新型交叉学科。培养掌握计算机信息技术、市场营销、国际贸易、管理、法律和现代物流的基本理论及基础知识，具有利用网络开展商务活动的能力和利用计算机信息技术、现代物流方法改善企业管理方法，提高企业管理水平能力的创新型复合型电子商务高级专门人才。折叠专业方向电子商务专业有六个专业方向:网站设计与程序方向、网络营销编辑方向、网络产品规划方向、企业信息化、个人网络创业及银行卡的研发方向。电子商务专业在不同高校里要求的课程也是不一样的，一些院校注重电子商务网络技术计算机技术，还有一些院校会把课程重点放在商务模式上面，这些主要体现在这个专业所在的院系，有的在管理学院，有的会在信息科学与技术学院，有的会在软件学院，在这样各个院校培养出来的学生的专长也会有一定的区别。就业方向专业毕业后，可从事银行的后台运作（网络运作）、企事电子商务就业业单位网站的网页设计、网站建设和维护、或网络编辑、网站内容的维护和网络营销（含国际贸易）、企业商品和服务的营销策划等专业工作，或从事客户关系管理、电子商务项目管理、电子商务活动的策划与运作、电子商务系统开发与维护工作以及在各级学校从事电子商务教学等工作。专科学生,还可以在呼叫中心从事电话营销、电子商务助理等文职的工作。一般的年薪在15W左右还是比较不错的，值得推荐。
为你推荐：
其他类似问题
您可能关注的内容
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。