服饰店铺的设计.ppt

服饰店铺的设计,技能要求,使用图层蒙版将宝贝的局部显示出来，突显出商品的细节特点，利用“钢笔工具”、“选框工具”等创建选区，同时使用调整图层对商品照片的颜色和影调进行调整。 根据商品的特点，从不同的角度将商品的局部放大，让顾客了解到更多的商品信息，诱导顾客购买商品，提高成交率。,效果展示,服饰店铺的设计,复古色调女装店铺设计,可爱童装店铺首页设计,Chapter 08 服饰店铺的设计,设计理念,在色彩搭配上，案例使用了低纯度的浑浊色照片作为画面主要的元素，并搭配了棕灰色的纯色背景，给人一种怀旧之感，呈现出厚重、高档的感觉； 画面中的文字简约而大气，为画面的内容进行点缀； 画面的布局从上到下按照由疏到密，由密到疏，再由疏到密的板式进行设定，使得画面的内容主次得当，给视觉适当的缓冲，由此提高浏览者的停留时间，增强顾客的购买欲。,8.1 复古色调女装店铺设计,Chapter 08 服饰店铺的设计,软件操作,使用颜色填充图层来对画面的背景颜色进行设置； 使用图层蒙版来对图像的显示进行控制，通过选区来编辑图层蒙版； 利用“图层样式”对文字和形状进行修饰，使其外形更加的丰富； 用“横排文字工具”为画面添加上所需的文字，并打开“字符”面板设置文字属性； 利用形状工具绘制出画面中所需的修饰形状。,Chapter 08 服饰店铺的设计,主要操作步骤,一、新建文档，新建填充图 层并填充为纯色。,二、添加素材。,三、添加所需文字和绘制导航条矩形。,Chapter 08 服饰店铺的设计,四、使用“横排文字工具”和“钢笔工具”制作出收藏品牌的标识。,五、添加所需图片素材，并添加文字和绘制图形。,六、绘制所需矩形，添加素材和文字。,Chapter 08 服饰店铺的设计,七、绘制所需形状。,八、添加图片素材，创建选区， 为添加的照片添加上图层蒙版。,九、最后选择“横排文字工具”， 在适当的位置输入文字。,Chapter 08 服饰店铺的设计,配色扩展,如图8-50所示是使用浅棕色作为画面主色调的制作效果，这样的配色可以让画面显得更加的明亮，若将画面中的模特服饰都换为深色调，那么，商品的形象将会更加醒目，对于商品的推销和展示有很大的帮助作用。,如图8-51所示是使用橡皮红作为画面背景的制作效果，橡皮红容易给人一种智慧和柔美的感觉，这样的配色让服饰显得清新脱俗，提升了画面设计的品质，使其更具设计感。,8.2 可爱童装店铺首页设计,本案例是以儿童服饰作为销售商品所设计的网店首页效果，如图所示，在画面中可以看到设计中使用了公布栏和福袋作为主要的设计元素，并搭配上色彩艳丽的枚红色和紫色，表现出儿童天真烂漫、活泼可爱的感觉。,Chapter 08 服饰店铺的设计,设计理念,在色彩搭配上，案例中使用了枚红色和紫色作为主要的颜色，背景中的粉色又营造出和谐温暖的感觉，能够表现出成长孩子的天真； 画面中使用了两个不同颜色的福袋来展示出男童和女童的服饰，而福袋又是优惠、打折的代名词，吸引浏览者的目光，由此来提高商品的成交率； 设计中使用了漂浮的云朵作为点缀，给人一种清新的感觉，而云朵圆润的外形也表达出儿童稚嫩的情感，与销售的儿童服饰的形象相互辉映。,Chapter 08 服饰店铺的设计,软件操作,使用“矩形工具”绘制出矩形条，通过复制矩形条来制作出背景中的条纹； 用“圆角矩形工具”绘制出导航条，并用图层样式对其进行修饰； 选择“横排文字工具”为画面添加上所需的文字，用“字符”面板对文字的字体、字号、颜色等进行设置，同时添加“描边”样式增强文字的表现力； 使用“钢笔工具”绘制出福袋的形状，并为其填充上适当的颜色。,Chapter 08 服饰店铺的设计,主要操作步骤,一、新建文档，填充背景为 “粉色”,并绘制矩形条。,二、绘制店招各种图形，并添加上文 字。,三、用钢笔工具绘制出欢迎 模块背景。,Chapter 08 服饰店铺的设计,四、添加人物素材并编辑。,五、用钢笔绘制图形，并添加文字。,Chapter 08 服饰店铺的设计,七、使用“钢笔工具”和“圆 角矩形工具”绘制出福袋 的形状。,八、添加图片素材，然后添加文字和 所需的形状。,九、参考前面的编辑方法，绘制出 紫色的福袋。,Chapter 08 服饰店铺的设计,配色扩展,如图8-124所示是使用蓝色作为画面主色调的制作效果，蓝色为天空的色彩，使用蓝色与白色的云朵搭配，表现出儿童自由想象、天马行空的感觉。,如图8-125所示是使用绿色作为画面主色调的制作效果，清新的绿色给人朝气蓬勃的印象，散发着青春的活力，带给人舒适、温和的感受。,8.3 课后习题,实操题,Chapter 08 服饰店铺的设计,以女装为素材，如图8-129、8-130、8-131、8-132和8-133所示，设计一个女装店铺的首页，要求以素材照片的颜色作为配色的依据，制作出店招、导航条、欢迎模块、分类标题栏、新品展示