搜索
首焦轮播区的设计CHAPTERFIVE首焦轮播区模块占据的面积较大，也是整个网店首页中最醒目、最具有视觉冲击力的部分。如果首焦轮播区做得非常吸引眼球，就会给网店带来很多的流量。了解网店首焦轮播区的作用与设计思路。学会根据网店推广内容确认首焦轮播区的风格、布局、配色、文字和图片。学会根据不同的节日氛围制作合适的首焦轮播区。学习目标Contents目录首焦轮播区及其设计思路1实操案例：节日主题的首焦轮播区设计2实操案例：新品上架的首焦轮播区设计3综合实训4技能扩展5一、首焦轮播区及其设计思路认识首焦轮播区01首焦轮播区的设计思路02一、首焦轮播区及其设计思路1认识首焦轮播区网店的首焦轮播区主要用于告知买家店铺某个时间段的广告商品或者促销活动，位于网店导航条的下方位置。它的主要作用就是告知买家店铺在某个特定时间段的一些动态信息，帮助买家快速了解店铺的活动或者商品信息。一、首焦轮播区及其设计思路1认识首焦轮播区网店首焦轮播区根据设计的内容可以分为新品上架、店铺动态、活动预告等，不同的内容其设计的重点也是不同的。首焦轮播区中的文字表现也是相当重要的一个方面。通常情况下会使用字号较大的文字来突出主要信息，同时搭配上字号较小的文字来进行补充说明，并利用文字之间的组合编排来突出艺术感。一、首焦轮播区及其设计思路2商品详情页的设计思路首焦轮播区犹如卖家的外在形象一样，在设计时用来搭配的图片不能太复杂，这样才能突出主题。同时，要采用符合店铺商品形象的文字，以避免产生凌乱的感觉。一、首焦轮播区及其设计思路2商品详情页的设计思路将文字放在画面的中央位置，突出其内容信息。把商品放在画面两侧，加上协调的色彩搭配，营造出精致、时尚的氛围，重点表现商品的形象。一、首焦轮播区及其设计思路2商品详情页的设计思路对文字进行艺术化的编排，通过变形文字来增强文字的可读感和艺术性，而背景中的图像则以辅助修饰的方式呈现，使主题文字更加突出。Contents目录首焦轮播区及其设计思路1实操案例：节日主题的首焦轮播区设计2实操案例：新品上架的首焦轮播区设计3综合实训4技能扩展5二、实操案例：节日主题的首焦轮播区设计1设计理念在色彩搭配上，使用了不同明度的紫粉色和橘黄色，营造出一种浪漫的感觉。使用牛郎、织女的形象来代表七夕节，映射出情侣之间的浓情蜜意，由此准确地表达出活动的主题。使用外形较小的文字来说明活动的内容和日期，深化活动的主题。二、实操案例：节日主题的首焦轮播区设计2技术要点添加“描边”“内发光”“图案叠加”“外发光”等样式修饰主题文字。使用圆角矩形工具绘制活动内容的背景。使用路径选择工具对文字路径进行变形，使其更有设计感。二、实操案例：节日主题的首焦轮播区设计3实操演练Contents目录首焦轮播区及其设计思路1实操案例：节日主题的首焦轮播区设计2实操案例：新品上架的首焦轮播区设计3综合实训4技能扩展5三、实操案例：新品上架的首焦轮播区设计1设计理念在色彩搭配上，颜色对比强烈，以增强视觉冲击力。画面主色调采用鲜艳的红色和蓝色进行对比，营造出明亮、大气的视觉效果，这样的颜色设计很容易吸引买家的注意力。使用蓝色矩形图案进行修饰，使画面看起来更加和谐。使用多种不同的字体进行组合，提高画面设计感。三、实操案例：新品上架的首焦轮播区设计2技术要点使用图层蒙版来控制图像的显示部分。使用矩形工具绘制图像的背景及修饰形状，并应用图层样式进行修饰。三、实操案例：新品上架的首焦轮播区设计3实操演练Contents目录首焦轮播区及其设计思路1实操案例：节日主题的首焦轮播区设计2实操案例：新品上架的首焦轮播区设计3综合实训4技能扩展5三、综合实训新建图像文件，导入背景素材使用矩形工具绘制形状，导入修饰图案并创建剪贴蒙版，然后为所绘形状添加投影效果使用横排文字工具添加文字信息，绘制直线和矩形对文字进行修饰Contents目录首焦轮播区及其设计思路1实操案例：节日主题的首焦轮播区设计2实操案例：新品上架的首焦轮播区设计3综合实训4技能扩展5四、技能扩展淘宝店铺首页的首焦轮播区，在京东网店中相当于JSHOP店铺中的“轮播图”。在京东店铺后台中完成网店布局的设置后，就可以通过设置轮播图的操作来完成网店首页主要区域的装饰。在“轮播图”模块中可以添加多种图像，使其轮流播放。课后习题以童装照片为素材，设计一个用于“双11”促销使用的童装店铺首页轮播区活动模块，要求：画面色彩要协调，设计元素的颜色不能太乱，画面要主次分明，活动主题文字要突出，具有较强的吸引力和视觉冲击力。