网店美工设计-电子商务美工设计-办公用品和数码配件类网店设计.pdfVIP

第4章 办公用品与配件类网店设 计 目录Contents 4.1办公用品类网店设计 4.2数码配件类网店设计  4.3手机配件类网店设计  4.1.1办公用品类网店设计风格定位 3 这些商品为办公日常用品,外观简洁大方。在设计网店风格时,网店颜色可以参考 商品地颜色,或采用绿色,蓝色,灰色,黄色,白色为主色调,体现办公商务性质。页面修饰 元素应较少,主要采用线条,矩形,圆角矩形装饰文本或页面,文字应方正简练,体现一种 商务干练地感觉。为了使商品图片更加美观,常常需要进行商品抠图,以及添加商品投 影,使其与背景更加融合。 4.1.2设计店标 4 本例中,提供地店铺名称为GreenBar,其中 Green表示绿 ,因此本例用绿色作为主色调。美 化店铺名称,并添加笔地图标,以及绿色办公时代 文本来体现店铺所售卖地商品为办公用品。针对 PC端,移动端,跨境端地尺寸与特点,分别设计店铺店 标。 4.1.2设计店标 5 1.PC端店铺店标设计 PC端店标尺寸为230像素 ×70像素,具体操作如下。 1绘制并填充圆角矩形 2绘制自定形状 3PC端店标效果 4.1.2设计店标 6 2.移动端与跨境端店铺店标设计 下面将在PC端店铺店标地基础上分别制作移动端与跨境端店铺店标,使效果更加统一, 具体操作如下。 1移动端店标效果 2跨境端店标效果 4.1.3设计店招 7 在制作时,需要先制作背景,然后添加素材,输入文本,最后添加店标,具体操作如下。 1制作背景并添加商品 2输入文本 3选择形状 4移动端店招效果 4.1.4设计Banner 8 1.LED日历Banner设计 在设计Banner时,可选择其中具有竞争力地特点进行展示,如本例选择LED大屏显示,USB 充电,木质数字闹钟等特点进行展示,采用左文右图地排版方式,画面简洁大方。 1PC端LED日历Banner 2移动端LED日历Banner效果 4.1.4设计Banner 9 1.LED日历Banner设计 3添加素材并绘制形状 4跨境端LED日历Banner效果 4.1.4设计Banner 10 2.办公桌Banner设计 在设计Banner时,可挑选部分特点进行展示,本例将通过深蓝色,黄色与白色,黑色地搭配, 以及版面地矩形分割,来突出并打造办公桌简约现代风格。下面将制作办公桌PC端,移动端 与跨境端3种形式地Banner,具体操作如下。 1添加素材 2添加文本 3PC端办公桌Banner效果 4.1.4设计Banner