网店装修项目三设计店标、店招和导航条上
淘宝网店铺装修教程
淘宝网店铺装修教程淘宝网店铺装修是电商经营过程中非常重要的环节,它直接关系到店铺的形象、用户体验、销售转化率等方面。
良好的店铺装修能吸引更多的用户,并提升用户的购物愉快感,从而大幅度提高销售业绩。
下面是关于淘宝网店铺装修的一些教程,希望对你有帮助。
一、店铺整体设计1.店铺logo设计:店铺的logo是店铺形象的重要组成部分,应该具有独特性和吸引力,能够取悦用户并传递店铺的特色。
2.店铺名称和店铺简介:店铺名称要简洁明了,容易让用户记住。
店铺简介要能够准确地描述店铺的经营特色,吸引用户的兴趣。
3.店铺背景设计:店铺背景要与店铺的经营调性保持一致,色调要搭配合理,避免过于花哨和繁琐。
4.店铺分类:店铺分类要根据商品的种类进行合理划分,方便用户快速找到自己需要的商品。
二、商品页面设计1.商品主图:商品主图要选择清晰、高质量的图片,能够真实展示商品的外观特点,吸引用户的眼球。
2.商品标题:商品标题要用简洁明了的语言准确描述商品的特点和优势,避免过于华丽和夸张。
3.商品详情:商品详情要包含商品的详细介绍、规格参数、使用方法、材质等信息,能够全面显示商品的特色和优势。
4.商品评价:商品评价是用户对商品的真实反馈,要尽量鼓励用户留下评价,并及时回复用户的评价,增强用户的信任感。
三、店铺推广设计1.店铺横幅广告:店铺横幅广告要突出店铺的特色和促销优惠等信息,能够吸引用户的眼球,提高用户的点击率。
2.店铺推荐位:店铺推荐位要展示热销商品、特价商品等,能够引导用户浏览和购买。
3.店铺活动页面:定期举办店铺活动是吸引用户的有效方式,活动页面要设计吸引人的活动海报和促销信息,让用户有参与的欲望。
四、店铺维护与优化1.定期更新商品信息:要及时更新商品的价格、库存、促销活动等信息,保证信息的准确性,增加用户的购买意愿。
2.优化店铺内部链接:合理安排店铺的内部链接,让用户能够轻松地在不同的商品页面之间切换,提高用户的浏览体验。
天猫店面如何装修
天猫店铺装修方案1、整体设计:做好侧边栏,设置选择题侧边栏设置建议选择默认不显示选项,这样产品页是以通栏的形式展现,产品页的内容展示自上而下很有条理,同时也更方便产品页的整体设计。
店铺内有推见页面,建议选择手动推见。
这样可以重点做店铺内的主要物品、活动物品、新上架物品等。
店铺公告;如果有现成的图片,在图片上写好内容,然后将修改好的公告存入你已经申请好的相册,然后在"管理我的店铺"里的"基本设置"公告处插入代码,将其中的"图片地址"改成你存在相册里的公告图片地址。
就OK了。
店铺图片的首要条件当然是完整呈现物品,由于宽带条件的限制,一般来说,网页中图片的大小最大不要超过80K,否则可能会造成页面加载不出来。
2、设计内容:一、淘宝网店旺铺装修之店标装修店标是作为自己店铺的标志,要能体现自己的个性、店铺经营的内容以及能够给人以深刻的印象。
店标显示在您店铺的左上角。
店标也可以用自己的真实照片,这样让人感到真实、亲切和可信赖。
同时网上店标和一般标志不同,它可以做成动画效果的,一方面因人瞩目,另一方面又可以增大单位面积上的信息承载量。
二、淘宝网店旺铺装修之店招装修店招大小在100K以内,建议规格为950*150。
对于店招的装修,建议掌柜们先从整个店铺的风格考虑,包括主题色,是经营什么产品等等因素,才能定好店招要制作成什么风格,如果前期掌柜对店招的设计无从着手,可以到其他店铺去模仿学习一下。
另外可以用淘宝的店招制作flash,都是不错的选择。
三、淘宝网店旺铺装修之促销模板装修这个版块是最需要功底的,建议掌柜先用纸或者网站策划工具画大体的促销版块,分为多少个主题区,特别提醒的是一定要店铺的主打和最得意的产品凸显出来。
四、淘宝网店旺铺装修之公告装修对于公告装修,现在很多店铺已经弱化其效果,但是作为一个新开的店铺,很有必要把你的店铺的服务,促销,以及产品信息浓缩起来告诉顾客,建议一定要大气,大方,最主要的是你的内容要恰当,可以设置为滚动显示。
淘宝店铺装修要点
淘宝店铺装修要点
淘宝店铺装修是一个非常重要的环节,它直接关系到店铺的形象和销售效果。
以下是淘宝店铺装修的要点:
1.店铺LOGO设计:LOGO是店铺的标志,要简洁、醒目、易识别,并且与店铺主营业务相关联。
2.店铺首页布局:首页要突出店铺的特色和主营产品,展示店铺的精品商品和促销活动。
3.商品分类设置:分类清晰,便于顾客搜索和浏览商品。
4.商品展示图片:商品展示图片要清晰、美观,并且尽量呈现出商品的特色和优点。
5.商品详情页设计:商品详情页要详细地介绍商品的功能、特点、使用方法等。
6.店铺导航设计:导航要简单明了,便于顾客快速找到所需商品。
7.店铺推荐设置:店铺推荐可以提高浏览量和销售量,要选择相关性强、销量高的商品进行推荐。
8.店铺背景设计:店铺背景可以增强店铺的视觉效果,要选择与店铺主题相关的背景。
9.店铺信誉度维护:提供真实的商品和服务,及时处理客户投诉,积极回应顾客的评价和建议,维护店铺的信誉度。
以上是淘宝店铺装修的要点,希望对淘宝店铺装修有所帮助。
- 1 -。
网店店铺装修操作流程
网店店铺装修操作流程
网店店铺装修操作流程:
①登录后台:首先登录您的电商平台商家后台。
②进入装修模块:在后台菜单中找到“店铺装修”或“店铺管理”,点击进入装修功能。
③设计规划:明确店铺的风格和主题,规划布局和色彩方案,考虑品牌形象和目标顾客群体。
④店招制作:设计店招(店铺头部logo和标语),上传或选择平台提供的模板进行定制。
⑤选择模板:挑选适合店铺风格的页面模板,有些平台提供免费和付费的模板选择。
⑥编辑页面:使用页面编辑器调整模板布局,添加或删除板块,如轮播图、产品分类、促销区等。
⑦内容填充:上传产品图片,编写商品描述,设置促销信息和客服联系方式等。
⑧关联销售:设置关联销售产品,优化产品展示,提高转化率。
⑨自定义模块:利用自定义HTML/CSS代码添加特殊功能或设计元素,增强个性化。
⑩预览调整:在装修过程中,多次预览页面效果,进行必要的调整和优化。
⑪保存发布:完成装修后,保存所有更改,并发布到线上,更新店铺外观。
⑫测试反馈:检查店铺在不同设备上的显示效果,收集用户反馈,持续优化装修。
⑬分析调整:定期分析店铺流量和转化数据,根据市场趋势和消费者行为调整装修策略。
淘宝店铺装修的基本流程
淘宝店铺装修的基本流程
淘宝店铺装修的基本流程如下:
1. 确定店铺定位:确定店铺的定位和目标客户群体,明确经营的产品类别和风格。
2. 设计店铺LOGO及海报:设计店铺的Logo和海报,确保与店铺定位相符,并能吸引目标客户的注意力。
3. 美化店铺首页:设计店铺首页的布局和风格,包括添加店铺介绍、推荐商品、优惠活动等。
4. 更新商品信息:上传商品信息和图片,包括商品名称、价格、描述等,并确保信息准确、完整。
5. 添加店铺分类:根据经营的产品类别,设置合适的店铺分类,方便客户浏览和筛选商品。
6. 编辑店铺运营模块:根据店铺需求选择合适的运营模块,如优惠券、限时折扣等,提高店铺的销售效果。
7. 定期更新店铺内容:定期更新店铺的商品信息、推荐搭配、最新活动等,保持店铺的新鲜感和吸引力。
8. 优化店铺SEO:优化店铺的关键词和描述,提高店铺在搜索引擎中的排名,增加流量和曝光度。
9. 跟进客户反馈:及时回复客户的咨询和评价,解决客户的问题,提升客户的购买满意度。
10. 数据分析和优化:通过数据分析了解店铺的运营情况,针对性的优化店铺首页、商品推荐等,提高店铺的转化率和销售额。
以上是淘宝店铺装修的基本流程,根据实际情况和需求,可以适当调整和补充。
网店店招与导航的设计
二、实操案例:婴幼儿商品网店店招与导航设计
2
技术要点
使用素材制作店招中所需的背景和修饰元素,通过图层蒙版和不透明度来 调整编辑的效果。 利用“描边”样式对绘制的形状进行修饰,使其边缘清晰可见。 使用自动形状工具中的“搜索”形状来添加搜索框中的图形。
二、实操案例:婴幼儿商品网店店招与导航设计
一、了解网店店招与导航
2 店招与导航的设计思路
橘红色象征着太阳的色彩,所以使用橘红色能让色彩与商品的特点更加吻 合。为了突显店铺的品质感,让买家给予店铺更多的信任,在设计制作过 程中还使用了不同的字体及颜色等,以此打造精致的画质感。
Contents 目录
1 2 了解网店店招与导航 实操案例:婴幼儿商品网店店招与导航设计
课后习题
以不同款式的鞋子图片为素材,设计一个鞋类网店的店招与导航, 其中要包含网店名称、收藏提示和导航,色彩搭配以绿色为主, 突出青春、简约的风格。
五、技能拓展
值得一提的是,在京东上对店招进行装修,可以通过添加模块来进行 操作,这样编辑可以对店招与导航的尺寸进行自由的定制,可将模块
布局编辑完成后,再根据布局中模块的尺寸来设计对象即可。
此外,每个店铺首页的最顶部会有一个通栏布局。如图所示为“通栏” 模块装修编辑过程中的效果,该布局中放置的模块会自动强制显示在 店铺所有页面中。建议在该布局内仅放置店铺招牌、店内导航和主推 活动的Banner等内容。
CHAPTER FOUR
店招与导航的设计
学习目标
了解网店店招与导航的作用与设计思路。 能够通过添加修饰元素、图层样式等方式对店招进行修饰。 根据店铺商品图片及店铺风格来确定店铺店招和导航的风格及配色。
店招与导航位于网店首页的最顶端,是买家进入店铺首页后看
设计店标店招和导航条
教学课题任务一活动1 确认风格课题类型理论课时安排1上课时间教学目标1. 理解网店店标的作用2.了解淘宝网店店标的规格3.了解淘宝网店店标的种类技能目标4. 能根据需要制作网店店标教学重点2、3教学难点4辅助资源课件、多媒体、网络、实训室复习引入1.网络搜索店标,欣赏店标2.店标包括哪几种?教学手段教学过程师生互动活动设计课件讨论实作1.了解店标的分类(1)店标的分类:从表现形式分为以下几类:(1)中文或英文店标,如教材图3.1.3所示。
(2)中英文混合店标,如教材图3.1.4所示。
(3)图形店标,如教材图3.1.5所示。
搜索:网络搜索店标。
提问或讨论:店标可以分为哪几类?课件举例讨论(4)图形加文字店标,如教材图3.1.6所示。
2.了解颜色搭配以及颜色表达的情感(1)颜色的表达:通常而言,不同的颜色对应不同的心理感受,而且每种色彩在饱和度、透明度上略微变化就会产生不同的感觉。
(2)颜色说明颜色表达的情感红色喜庆的色彩,具有刺激效果,容易使人产生冲动,是一种雄壮的精神体现,能表现出愤怒、热情、活力的感觉。
橙色一种激奋的色彩,具有轻快、欢欣、热烈、温馨、时尚的效果。
黄色亮度最高,有温暖感,具有快乐、希望、智慧和轻快的个性,给人感觉灿烂辉煌。
绿色介于冷暖色中间,显得和睦、宁静、健康、安全。
和金黄、淡白搭配,产生优雅、舒适的气氛。
蓝色永恒、博大,最显凉爽、清新、专业的色彩。
和白色混合,能体现柔顺、淡雅、浪漫的气氛,给人感觉平静、理智。
紫色女孩子最喜欢这种色,给人神秘、压迫的感觉。
黑色具有深沉、神秘、寂静、悲哀、压抑的感受。
白色具有洁白、明快、纯真、清洁的感受灰色具有中庸、平凡、温和、谦让、中立和高雅的感觉。
思考:英文与中文店标各有什么好处。
搜索:颜色对视觉造成的影响。
讨论:颜色的搭配对店标的影响。
作业布置作业:确定店铺店标,并简要描述店标。
教学后记教学课题任务一活动2 搜集素材课题类型理论+实作课时安排2上课时间教学目标1.掌握如何利用网络搜索素材2.了解素材的使用3.具有初步的素材归类技能教学重点1教学难点1辅助资源课件、多媒体、网络、实训室复习引入①检查作业:确定店铺店标,并简要描述店标②你认为完成一个店标需要哪些材料?教学手段教学过程师生互动活动设计课件互动讨论实作确定店标的组成复习上节课内容,引入本节课内容。
淘宝电商网店店铺装修攻略打造吸引眼球的页面设计
淘宝电商网店店铺装修攻略打造吸引眼球的页面设计淘宝电商网店店铺装修攻略:打造吸引眼球的页面设计随着互联网的飞速发展,电子商务已成为日常生活中不可或缺的一部分。
淘宝作为中国最大的电子商务平台之一,在全球范围内拥有数以亿计的用户。
对于淘宝店主来说,如何通过店铺装修打造一个吸引眼球的页面设计,促使消费者驻足而不离,成为一个至关重要的问题。
本文将为您分享一些淘宝店铺装修的攻略,帮助您打造一个独具特色的店铺页面。
一、店铺整体布局店铺整体布局对于吸引用户的注意力至关重要。
在设计店铺布局时,应注意以下几个方面:1. 简洁明了的导航栏导航栏的设计应简洁明了,包含店铺的主要分类和商品,方便用户快速找到自己所需的商品。
同时,导航栏的颜色和形状应与整体店铺装修风格相搭配,以保持视觉上的和谐统一。
2. 突出店铺特色的轮播图通过精心设计的轮播图,展示店铺的特色商品或活动,吸引用户的眼球。
轮播图的图片应高清鲜明,文字内容简洁明了,以便用户一目了然。
3. 突出重点的推荐位在店铺布局中,设置几个突出的推荐位,用于展示热门商品或促销活动。
推荐位的设计要符合店铺整体风格,可以是醒目的图片或文字,吸引用户点击进入。
二、页面配色搭配页面配色是店铺装修中不可忽视的一部分。
恰当的颜色搭配可以给用户带来舒适的感觉,提升购物体验。
以下是一些建议:1. 选择符合店铺特色的主色调根据店铺的特色定位和产品属性,选择一个适合的主色调。
比如,运动品牌可以选择鲜艳的红色或蓝色作为主色调,家居用品店可以选择温暖的橙色或浅绿色。
2. 避免过于花哨的配色组合虽然多彩的颜色可以吸引眼球,但过于花哨的配色组合可能会给用户带来不适。
建议选择2-3种相近的颜色进行搭配,保持整体风格的统一和和谐。
3. 突出重点的高对比颜色在页面设计中,可以通过使用高对比度的颜色来突出重点。
比如,将售价、促销信息等重要内容设置为鲜艳的红色,与整体页面形成鲜明对比。
三、商品展示与详情设计店铺页面的核心是商品展示和商品详情。
网店设计必备知识点
网店设计必备知识点随着电子商务的迅速发展,越来越多的商家选择在网上开设自己的网店。
一个成功的网店设计可以吸引更多的用户,提高销售额。
下面将介绍一些网店设计的必备知识点,帮助你打造一个吸引人的网店。
一、网店整体布局1. LOGO设计:LOGO是网店的标识,要简洁、直观、易识别,并与产品或服务相关联。
2. 导航栏设计:导航栏是用户浏览网店的重要工具,要有清晰的分类,方便用户查找商品。
3. 首页设计:首页要具有视觉冲击力,简洁明了地展示网店的特色产品和促销信息,吸引用户主动浏览。
二、页面设计1. 色彩搭配:要选择符合网店风格和产品特点的色彩搭配,注意色彩的对比度和搭配的协调性。
2. 字体选择:字体要清晰易读,推荐使用常用字体,避免使用过于花哨的字体以免影响阅读体验。
3. 图片优化:要使用高质量的产品图片,保证图片清晰度,同时注意图片大小的优化,以提高页面加载速度。
三、商品展示1. 商品分类:要根据产品的特点和属性进行合理的分类,并提供快速检索的功能,提高用户购物效率。
2. 商品详情页设计:商品详情页要详细介绍商品的特点、规格、价格等信息,同时提供清晰的购买按钮,方便用户下单购买。
3. 用户评价:给予用户评价的空间,展示用户对商品的评价和推荐,提升其他用户的购买信心。
四、用户体验1. 网页加载速度:尽量优化网页的加载速度,减少用户等待时间,提高用户体验。
2. 响应式设计:要兼容不同的终端设备,确保网店在手机和平板电脑上的浏览体验。
3. 用户注册与登录:提供简单、快捷的注册与登录方式,避免繁琐的流程,方便用户操作。
五、支付与物流1. 支付方式:提供多种支付方式选择,满足用户不同的支付需求。
2. 物流配送:提供详细的物流配送信息,包括运费、配送时间等,给用户明确的购买参考。
总结:网店设计不仅仅只是外观的美观,更重要的是用户体验和便利性。
通过合理的布局、醒目的商品展示和良好的用户体验,可以吸引更多的用户到网店浏览和购买。
《网店视觉营销设计与制作》教案-项目3任务2活动2 制作店标
二、网店的LOGO设计要点3连连看——LOGO 设计方法4、任务实施任务2:LOGO 设计制作一—乐乐包袋(1) 设计尺寸:淘宝官方的建议尺寸为80PX*80PX 或100PX*100PX (正方形),大小V80KB,格式:jpg、gif、pngo(2) Log。
的设计技巧(3) logo设计中的色彩运用技巧三、常见设计思路(1) 以对象全名进行字体设计。
(2) 以对象名称字首为主的创意设计。
(3) 以对象性质进行象征设计(4) 抽象符号。
(5) 以历史、典故、社会特性、地域性特征等进行创意设计任务一、根据LOGO设计方法选择恰当的LOGO案例,进行连线。
乐乐效果图任务二、乐乐包袋LOGO设计制作。
微课视频:观看“乐乐包袋LOGO设计制作”视频,完成LOGO设计制作设计思路:以对象性质进行象征设计。
通过适合公司的性质、经【师】1. 讲解LOGO的设计尺寸要求,提炼设计的技巧要点和色彩运用技巧。
2. 通过案例分析,展示5个LOGO常见的设计创作思路。
引出要进行的实训任务。
【生】1. 学习优秀LOGO设计,掌握5个常见的LOGO设计创作思路。
2. 认真聆听老师对于相关知识的巩固讲解【师】1. 设置i博导平台“连连看”拖拽题目,引导学生完成任务一。
2. 实训完成后,老师进行题目讲解。
【生】1. 学生登录i博导平台,完成任务2. 查看答案,分析答案。
【师】1. 布置实训任务二。
2. 根据学生的学习情况,实时的点拨、引导启发学生遇到的因难问题。
注意尽量让学生独立自主的完成学习任务。
3. 实训完成后,老师结合操作过程中的问题进行总结和知识点讲解。
通过优秀案例分析,了解LOGO设计的方法,归纳总结了解logo设计的要点,解决教学的重点。
(10分钟)通过连连看的题日,强化学生对LOGO设计常见方法的理解和运用,吸引学生学习的兴趣。
信息化的手段可以辅助教师及时掌握学生对重难点掌握程度,突破重点。
(5分钟)I.店铺Logo是结合内容做创意,内容是基础,创意作为加分项。
网店美工实操项目三
3.店招与导航条设计案例
•
如图所示,“裂帛”官方旗舰店的店招和导航条简洁且富有设
计感。它有一个特点就是首页的设计和店招互相呼应,整体感非常强,
页面让人看起来很舒服,同时又融合了民族风的元素在里面。
3.1.1店招与导航条设计
3.店招与导航条设计案例
•
如图所示,这是一个以促销为设计理念的网店。网店标语设计
对商品一目了然,并且能够勾起顾客购买的欲望,这就是细节的吸引
力。所以,对于网店的经营者来说,掌握了这些细节,也就掌握了一
种网上开店的销售技巧,因此善于运用一些小技巧是非常有必要的。
网店商品陈列的目的就是让顾客做出决策,使网店商品超越自身的价
值,卖出好的价位,第一时间争取顾客的注意。
3.1.4 商品陈列区设计
• 3: 设置背景色为淡蓝色(#ddf3e7),如图所示。
3.1.2 全屏海报设计
• 4: 打开白云素材图片,首先用“魔棒工具”抠取白云,如图1所示; 然后执行“图像”→“调整”→“曲线”命令,调整白云的色彩;最 后执行“编辑”→“变换”→“变形”命令,改变白云形状,如图2 所示。 图1
图2
3.1.2 全屏海报设计
图2
3.1.2 全屏海报设计
• 9: 单击“创建新组”按钮,右击“组1”,在弹出的菜单中选择“组 属性”选项,弹出“组属性”对话框,在“文本框”中输入“文字”, 单击“确定”按钮,并将“文字”组移到合适的位置,如图所示。
3.1.2 全屏海报设计
• 10: 输入文字信息“2016爱就要在一起”“LOVERS”和“买就送情侣 款”,字体设置如图1、图2和图3所示。
3.1.1店招与导航条设计
1.店招设计规范
有些店招虽然简单,但却让人不知所云。如图1、图2和图3所示的 店招就存在一些问题。
农产品网店装修—网店的设计与装修
设置分类导航——制作分类导航按钮
绘制形状
设置形状
切片
设置分类导航——设置分类导航按钮
添加分类
上传图片
添加店铺其他装修模块——制作图片轮播模块 1. 制作常规轮播模块的图片
调整图片
查看效果
输入和设置文本
添加店铺其他装修模块——制作图片轮播模块 2. 设置常规轮播模块
选择图片
添加图片
添加店铺其他装修模块——制作图片轮播模块 3. 制作全屏轮播图片
设置店招和导航——设置店招 2. 设计通栏店招
添加参考线
填充形状 编辑形状
设置店招和导航——上传店招 1. 上传默认店招
编辑店招
选择图片
设置店招和导航——上传店招 2. 设置背景色
设置店招和导航——上传店招 3. 上传自定义通栏店招
店招切片
码工助手
设置热区和跳转
设置店招和导航——设置导航条 3. 上传自定义通栏店招
收集素材
收集素材也是装修店铺的一项重要工作,可以简化装修过程。在明确了店铺的 类型和装修方向之后,就可以通过各种素材网寻找与自己店铺风格相适应的素材, 主流的素材网一般包括素材中国、昵图网、千鸟网、花瓣网等。
认识店铺装修的模块
淘宝店铺中的模块一般包括店招、导航、商品分类导航、公告栏、图片轮播模 块等。
商品详情页主要通过浏览器进行浏览,因此要保证图片链接正确。 在店铺管理页面中直接制作商品描述十分不方便,因此建议先通过 Photoshop制作好商品详情页再进行上传。 商品详情页的宽度和高度没有具体要求,但是宽度一般在750像素以 内。
设计商品详情页——制作商品详情页
绘制形状
编辑文本
插入并编辑图片
全屏轮播图片效果是可以覆盖整个屏幕的一种效果,因此全屏轮播图 片的宽度要制作成1920像素,高度一般以400~800像素为最佳。
网店店招与导航的设计
一、了解网店店招与导航 1 认识店招与导航
了让店招有特点且便于记忆,在设计过程中都会采用简短、醒目的广告 语等辅助内容,并通过适当的配图来增强店铺的认知度。店招所包含的 主要内容包括店铺Logo、店铺名称、品牌名称、简短的广告语和广告 商品等。
一、了解网店店招与导航 2 店招与导航的设计思路
此外,每个店铺首页的最顶部会有一个通栏布局。如图所示为“通栏” 模块装修编辑过程中的效果,该布局中放置的模块会自动强制显示在 店铺所有页面中。建议在该布局内仅放置店铺招牌、店内导航和主推 活动的Banner等内容。
课后习题
以不同款式的鞋子图片为素材,设计一个鞋类网店的店招与导航, 其中要包含网店名称、收藏提示和导航,色彩搭配以绿色为主, 突出青春、简约的风格。
学习目标contents目录了解网店店招与导航一了解网店店招与导航认识店招与导航认识店招与导航01店招与导航的设计思路店招与导航的设计思路02一了解网店店招与导航认识店招与导航认识店招与导航店招和导航位于网店的最顶端成功的店招通常采用标准的颜色和字体简洁的设计版面
CHAPTER FOUR
店招与导航的设计
二、实操案例:婴幼儿商品网店店招与导航设计
3 实操演练
Contents 目录
1 了解网店店招与导航 2 实操案例:婴幼儿商品网店店招与导航设计 3 实操案例:女装网店店招与导航设计 4 综合实训 5 技能拓展
三、实操案例:女装网店店招与导航设计
1 设计理念
本案例在色彩搭配上通过使用明亮的色彩来营造时尚、甜美的感觉,整个 画面以粉色和黄色为主,女性青春感十足,整个画面色彩和谐而统一。
设计者在对店招与导航的设计中,使用了与店铺商品风格 一致的色彩和图片,同时添加了具有吸引力的广告信息和 收藏信息来吸引买家的兴趣和喜爱。
《网店装修》课程标准
《网店装修》课程标准课程类别:专业拓展课适用专业:平面设计专业总学时:64理论学时:18实践学时:46一、课程概述(一)课程性质《网店装修》是我中等职业教育电子商务专业的一门核心课程,主要介绍了网店美工设计及装修的基本理论、基础知识和基本技能。
(二)课程设计思路本课程以网店装修的工作过程为导向,以项目任务式为编写结构,突出教师的主导作用和学生的主体地位,以教师的引导和学生的感知体验和实践操作为主,注重培养学生对专业的兴趣和爱好,提高学生的专业技能操作能力和设计创新能力,拉近学生和现实网店装修的距离。
二、课程任务与教学目标(一)课程任务本课程的主要任务是通过学习网店装修的基础知识和技能应用,以网店装修的工作岗位为依据,体现理论与实践相结合,使学生对网店装修的基本知识和技能有一个较为全面的掌握,为今后的网店装修工作打下扎实的基础。
(二)教学目标(1)知识目标明确定位店铺风格,掌握店铺配色、字体规范掌握商品主图的主题、背景、配色字体、版面布局设计。
学习优秀海报的设计方法,学习店铺首页布局内容,分析展示案例,掌握店铺首页包含的模块。
1.构思大体框架2.在纸上画出草图3.整理出电子文档4.修改框架并定稿。
学习店标的定义及作用,店招的定义及作用、大小、分类、注意事项。
学习网店详情页的尺寸、内容模块。
1.进行买家定位2.产品形象3.进行同行调查4.撰写详情页策划方案。
掌握活动专题页装修的基础理论知识和创作方法。
掌握手机店铺首页设计的基础理论知识和创作方法。
了解手机店铺宝贝详情页设计的基础理论知识和创作方法。
(2)能力目标培养和提高各方面综合素质,增强观察力、表现力和审美能力。
在学习过程中注意理论联系实际,注重实际技能的培养。
掌握商品主图设计的制作流程,完成伊米生活馆主图设计。
掌握海报的选材、排版、字体和配色选择,并最终完成海报的制作。
掌握商品分类导航设计、热销商品陈列区设计,完成伊米生活馆的首页装修。
掌握详情页切图了解活动专题页设计流程并完成活动专题页装修。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
作 B:255),输入文字
“TURS”。
活动一
重庆大学出版社
活动二 活动三 设计制作店标
设计店标
步骤5.选择文字工具,设置
店
参数如图所示,颜色为黄
标
色(R:255,G:255,B:
的
0),输入文字“图瑞斯”。
制
把两行文字居中,调整位
作
置,店标效果如图所示,
保存为jpeg格式,并上传
至网店。
活动一
重庆大学出版社
设计店标
重庆大学出版社
活动一 活动二 活动三 确认风格
在淘宝网键入搜索关键词“男装”,搜索店铺
在搜索结果页面中找到各个经营男装的店铺的店标,可以 见到店标在搜索项的第一位
把各家男装店铺的店标分类汇总,分析店标的分类。
确定风格
设计店标
重庆大学出版社
活动一 活动二 活动三 确认风格
通常而言,不同的颜色对应不同的心理感受,而且每种色彩在饱和度、透 明度上略微变化就会产生不同的感觉。
设计店标
店标分为哪几种?
重庆大学出版社
活动一 活动二 活动三 搜集素材
从表现形式分为以下几类: 中文或英文店标 中英文混合店标 图形店标
【店标的制作】
小宝已经确定了店标表现形式,接下来可以在网上搜集一些相关素材
设计店标
店
步骤1.打开浏览器,在地上,在图片
设计店招
了解店招分类
(3)产品推广为主的店招: 其特点是有主推产品、想要主推一款
或几款产品。 在店招上,这类店铺要主打促销产品、
促销信息、优惠券、活动信息等促销信息; 其次是店铺名、店铺LOGO、店铺广告语等 品牌宣传为主的内容。
重庆大学出版社
活动一
重庆大学出版社
活动二 活动三 设计制作店标
设计店标
店
标 步骤3.另存文件名为“店
的
标”。按快捷键“Ctrl+L”
制 调出“色阶”对话框,设
作 置如图所示。
活动一
重庆大学出版社
活动二 活动三 设计制作店标
设计店标
店
标 步骤4.选择文字工具,设置
的
参数如图3.1.12所示,颜色
制
为白色(R:255,G:255,
别于店铺正常运营。 所以店招首要考虑的因素是活动信息/时
间/倒计时、优惠券、促销产品等活动或者促 销信息;其次才是店铺名、店铺LOGO、店铺 广告语等品牌宣传为主的内容。
这种类型的店招,不管是氛围设计还是内 容展现,都要让活动信息占据更大的篇幅,否 则顾客对店铺的信息关注反而会降低。
重庆大学出版社
活动一 活动Leabharlann 活动三 确认风格店标 素 材 的
步骤3.确定字体。在店标制作中, 字体不要过于花俏。可以在黑体、 宋体、隶书等基本字体的基础上
收
进行调整变形。
集
重庆大学出版社
活动一 活动二 活动三 搜集素材
设计店标
步骤1.挑选底纹。对上个活动收集到的4幅底
店
纹图进行分析,并挑选适当的底纹。
标 的 制 作
步骤2.在Photoshop里打开“练习素材/项目 3/SC3 3.jpg”文件,使用裁剪工具,设置 宽80像素、高80像素,分辨率为150像素,在图 片左上角进行剪裁。
活动二 活动三 设计制作店标
知识点
• 理解网店店招的作用 • 了解淘宝网店店招规格 • 了解淘宝网店店招的种类技能目标 • 能根据网店定位确定店招的风格 • 能根据需要制作网店店招
设计店招 任务二
情景设计
设计好店标,小宝很有成就感。对接下来 的店招设计制作充满信心,决定趁热打铁马上 设计制作店招。小宝询问老师:“店招为什么 重要?”老师回答:“店招会出现在店铺每个 页面的最上端。也就是说,买家浏览店铺里的 任一个页面都会看到店招,店招是店铺留给顾 客的第一印象,并且可以重复给予印象。”
(1)宣传品牌为主宣传品牌为主的店招其主要内 容是店铺名、店铺LOGO:
因为这是品牌宣传最基本的内容;其次是关 注按钮、关注人数、收藏按钮、店铺资质。通常 不会在这类店招中出现店铺活动、促销等打折降 价的信息。
重庆大学出版社
活动一 活动二 活动三 确认风格
设计店招
了解店招分类
(2)活动促销为主的店招: 其作用是使店铺活动、流量集中增加,有
收
分类上搜索关键词“纯蓝色底纹背
集
景”。
活动一
重庆大学出版社
活动二 活动三 搜集素材
设计店标
店
标 素 材 的
步骤2.挑选“练习素材/项目3” 文件夹下的SC3 1.jpg,SC3 2.jpg,SC3 3.jpg,SC3
收
4.jpg几幅蓝色底图备用。
集
重庆大学出版社
活动一 活动二 活动三 搜集素材
设计店标
项目综述
小宝和同学们通过上一个项目确定好了店铺的模板和色 调,设置好了页面的布局,网店首页就已经有了基本架构。 接下来需要在这些架构上完善各个部分。每一家实体店店面, 都会有自己各具特色的LOGO(标志)和招牌。淘宝网把这个 LOGO(标志)和招牌延伸进了网店,就是网店的店标和店招。 在网店里,需要提前设置好导航条,把商品的分类明确地展 示给买家,方便买家进行浏览。小宝发现在店铺首页的最上 端显示的就是店招,接着是导航条。那么店标在哪里呢?询 问了老师才知道原来在店铺被搜索时,首先展示的就是店标。 小宝认识到店标、店招是买家对网店的第一印象,导航条直 接影响着买家的用户体验度。
设计店招
重庆大学出版社
活动一 活动二 活动三 确认风格
确认风格、收集素材、设计制作店招
经过了店标的设计制作过程,小宝认为店招也可以使用相同的步骤。小宝把 自己的想法告诉老师,得到了老师的认可。即先学习参考其他网店的店标, 再根据自己网店的店名和主营商品、目标人群喜好来进行设计。
设计店招
了解店招分类
项目任务
设计店标 任务一
设计店招 任务二
设计导航条 任务三
知识点
设计店标 任务一
• 理解网店店标的作用 • 了解淘宝网店店标规格 • 了解淘宝网店店标的种类技能目标 • 能根据网店定位确定店标的风格 • 能根据需要制作网店店标
情景设计
为了尽快设计好店标,小宝先去了解淘宝 网对店标的要求。小宝了解到:淘宝店标的尺 寸为80 像素×80 像素,大小为80 kB以内, 支持的格式为.gif,.jpg和.png;可以是静态 的店标,也可以是动态的店标。主题通常为展 示店名和店铺的风格,也可以展示店铺的主营 业务。由于之前没有做过设计方面的任务,小 宝觉得有些无从下手。