淘宝网页美工设计如何制作网店首页

时间：2023-03-07 15:40:57 美工设计我要投稿

相关推荐

淘宝网页美工设计如何制作网店首页

　　网店首页是淘宝网页美工设计重点之一，一般来说淘宝美工会在网店首页上花费很大的精力去设计制作，力求给大家带来一个精美漂亮的店铺。那么淘宝网页美工设计如何制作网店首页呢?下面和小编一起来看看吧！

　　1、店铺首轮海报设计要传递最新商品信息，店铺最新优惠活动及店铺理念等

　　一个完美的店铺海报不仅可以彰显店铺的风格，还可以向消费者传递出最新的商品信息，最新优惠活动等，可谓是一个功能齐全的首页配件。

　　2、导航栏设计要彰显店铺个性。

　　店铺导航栏和一样都是消费者无论怎样在你的店铺跳转都会看到的页面，所谓导航栏不明思议就是起到导航作用的，所以默认的“所有宝贝”“首页”“店铺动态”是少不了的几个选项，另外卖家还可以根据自己店铺的特殊情况添加适合的导航按钮，比如你的店铺刚上新一批冬装，可以设一个“冬装上新”的链接，比如你的店铺最近有什么新活动可以设置一个“近期活动”链接，比如某些店铺细心为消费者设置的“购物须知”链接，或者一些店铺为了彰显实力设置的“店铺文化”链接。

　　3、商品展示栏的设计要多角度突显商品信息

　　商品展示栏的设计可以是多种多样的，如下图举例的几种宝贝细节展示、多色宝贝展示等等，只要你想得到怎样展示自己的商品都可以。需要注意的是商品展示的时候应该尽量避免出现重复的宝贝，掌柜的不能跟随自己的喜好觉得哪款宝贝好久给哪款宝贝多几次的展示机会，试想一下，如果你是消费者去浏览一个淘宝店铺的首页，你慢慢往下拉，看到的很多宝贝都是同一张图片，你会不会质疑这家店铺的实力呢，甚至会觉得这家店是不是就这几件宝贝，要不然也不会老拿一样的东西忽悠人。

　　4、店招设计要凸显店铺名和店铺最新促销信息。

　　消费者都是很大意的，所以卖家千万别妄想他们能在繁杂的网页中找到你的店铺优惠信息，因为对于一些非常重要的优惠信息，比如全场满两双包邮、全场满多少减多少等信息必要时一定要提到店招，这样无论消费者跳转到哪个页面，只要还在你的店子里就一定看得到你的促销信息。

　　店铺名的设计，小编看到有很多新开的店铺因为不会做图片不会装修干脆连店铺名都没写上，一个店铺最根本的店铺名都没有，对店铺的整体形象影响是极大的而且对店铺的长期发展是十分不利的。如下图的店招就做的很完美，整个店招的风格简约时尚，店铺名明显，右边的店铺最新优惠信息页说明的很详细(这种简约风格的店招设计其实比较简单。

　　5、页尾设计说明基本购物及注意信息。

　　店铺页尾一般承接着说明一些基本问题的任务，如下图里面就有介绍商品色差、店铺加入消保的基本信息、发货时间及默认快递等信息。

　　淘宝美工设计必备的网页技术知识

　　1、网页图片与代码分离的原理，图片地址的替换以及给图片添加链接。

　　2、熟悉表格定位排版——表格嵌套是网页表格定位的核心内容，网页表格排版与WORD表格排版的区别很大，一般不对单元格强行拆分，而是通过表格嵌套来实现布局调整。

　　3、文字与图片的排版采用——流式、模块式或是绕排式，需要结合产品说明的特点，实地制宜，宝贝描述制作一定要以实用为准绳，切忌画蛇添足。

　　4、理解图片切片、图片背景、插入图片、图片热点等多种不同的排版形式及风格的特点。

　　5、理解CSS盒子模型，利用“行内CSS格式”美化表格排版;或用HTML CSS方式进行替代表格定位排版。

　　6、特效代码的使用——滚动代码、客服在码、收藏代码、淘宝widget。

　　技能要求

　　以下详细的技能要求内容来自杭州萧山起程美工的培训课程表：

　　第一部分软件基础及代码编写(重要)

　　A：photoshop使用从入门到高手级特训(30天左右)

　　B：Dreamweaver,Flash使用从入门到高手级特训(15天左右)

　　C：xhtml+cssweb标准代码强化特训(10天左右)

　　第二部分色彩设计理论在网店美工设计中的应用(10天左右)

　　(通过本课程的学习，可以让学员建立起一整套的色彩应用体系，让设计作品的色彩更能突出作品主题)

　　1课色彩学的基本原理光线与色彩色彩的三大属性色彩的混合色彩的表示方法

　　2课色彩的生理与心理性以及在网店美工调色与设计中的应用

　　色彩的表情色彩的象征色彩的联系，色彩的喜好。

　　3课色相对比配色在网店美工设计中的讲解与训练

　　4课明度对比配色在网店美工设计中的讲解与训练

　　5课纯度对比配色在网店美工设计中的讲解与训练

　　6课面积对比配色在网店美工设计中的讲解与训练

　　7课形状对比配色在网店美工设计中的讲解与训练

　　8课位置对比配色在网店美工设计中的讲解与训练

　　9课网店美工设计中色彩调和规律和方法

　　第三部分平面设计理论在网店美工中的应用(10天左右)

　　(通过本课程的学习，可以让学员掌握专业的平面设计构成基础知识。让设计作品更具有美学价值。)

　　1课，网店美工设计的基本图形与表现特征

　　2课，相册设计美感原理第一法则:变化与统一

　　和谐与对比节奏与韵律

　　对称与平衡比例与分割

　　3课,网店美工设计中点线面特征的应用

　　4课网店美工设计中形与形的位置关系

　　(网店美工中构成设计的表现形式以及在网店美工设计中的应用)

　　5课重复构成设计讲解与训练

　　6课近似构成设计讲解与训练

　　7课渐变构成设计讲解与训练

　　8课发射构成设计讲解与训练

　　9课特异构成设计讲解与训练

　　10课密集构成设计讲解与训练

　　11课对比构成设计讲解与训练

　　12课肌理构成设计讲解与训练

　　13课空间构成设计讲解与训练

　　第四部分网站实战特训课程(与其它课程同步进行)

　　A：淘宝网店的图片处理技法

　　1、PS图像、图像修饰及修补

　　2、PS调整图片的色彩，制作特殊艺术效果等

　　3、PS滤镜效果，照片合成，效果图后期合成等

　　4、宝贝描述美化

　　B：淘宝店铺风格与色彩搭配

　　1、网页配色技巧与颜色的表现力

　　2、店铺颜色风格定位及店招制作

　　C：淘宝店铺装修设计

　　1、宝贝店铺LOGO、招牌、宝贝特效设计

　　2、宝贝详情页制作杭州起程美工设计培训

　　3、旺铺导购分类及描述设计

　　4、旺铺店标和店招的制作与发布

　　5、旺铺装修模板应用技巧

　　6、旺铺装修设计实践杭州起程美工培训

　　D：淘宝店铺促销广告设计

　　1、淘宝店铺整体形象设计规范

　　2、网店促销海报的制作(网店特价、打折、积分、促销商品等活动进行海报设计)

　　3、淘宝店铺的推广联系抠抠：贰贰夭夭捌零捌伍叁柒

　　第五部分商业摄影特训课程(6天左右)

　　A:专业数码单反摄影基础知识

　　1、光圈快门感光度

　　2、摄影构图，专业广告摄影灯光打法

　　3、数码单反相机的设置与使用

　　B:商业摄影实战拍摄

　　1、服装面料拍摄灯光

　　2、反光物品拍摄

　　3、金银及玉器拍摄

【淘宝网页美工设计如何制作网店首页】相关文章：

有关淘宝首页的基础知识08-24

网店美工设计做什么05-30

2017年开淘宝网店爆款如何打造06-18