PS技术在淘宝美工设计中的应用创新研究

杨亚南

摘 要 网络渗透到人类生活的每个角落，大多数年轻人对网购青睐有加，开淘宝商铺也越来越成为青年创业的选择。在众多的淘宝店铺中要想脱颖而出，首先要设计出精美的网页。文章主要就Photoshop技术在淘宝美工设计中的应用做出研究和分析。

关键词 淘宝美工设计；Photoshop；版面设计；海报制作

中图分类号 G2 文献标识码 A 文章编号 1674-6708（2018）213-0117-02

如何在众多店面中脱颖而出，提升自己的销售业绩，增加网店的访问量是关键。因此，网店的美工设计就显得尤为重要。以往，人们大多使用Dreamweaver进行网页设计，但这个软件在美工设计中略显不足。Photoshop弥补了Dreamweaver的缺陷，成为美工设计中常用軟件。

1 网页美工设计中Photoshop的应用表现

向人们传递信息是网页设计的最主要目的。然而信息的传递需要不仅信息投放者还需要信息接收者。如何提高信息接受率，就需要从网页的美工设计入手。精美的网页设计可以轻松地向人们传递想要表达的信息。Photoshop便可以完成“美”的制作。

1.1 完成更加合理的布局

想要成功制作出精美的网页，合理的布局是关键。设计网页时，首先要考虑如何布局，二栏布局或者三栏布局，自由式结构或者框架式结构，以图片为主或者以文字为主等。在网络刚刚起步时，网页设计师在进行网页设计工作时需要使用手绘的方式，这种方式不仅浪费时间和精力还会使设计师们做很多无用功，效率低、质量差；Dreamweaver的广泛使用，使网页设计师们摆脱了手绘草稿的过程，实现了直接在电脑上呈现网页的愿望，但这种方式最主要的缺陷是不能随时修改，必须制作出实际的网页才能看出效果。因此，这种方法并未提升制作效率。直到Photoshop软件的出现，网页设计师实现在制作过程中随时调整和更换思路，大大节省了设计时间，提升了工作效率。

1.2 让元素可以更加细致

网页的设计过程较复杂，所需元素也较多，例如，导航条、菜单栏、图标等细碎元素，其组合方式会影响整个页面的主题表达。另外，各元素的位置、大小、形状和外观都会影响页面的表达效果。这些细节的处理需要谨慎，处理不好会造成整个页面的混乱，影响整体布局。完美的处理可以为网页增色许多。因此，元素处理的细致与否决定了网页的质量。Photoshop可以完美的做到元素的细致处理，它可以随意更换元素的外观，以保证设计师能够做成想要的效果和质感，进而设计出完美的网页。

1.3 让色彩更加丰富

色彩搭配在网页美工设计中也相当重要。Photoshop软件的图层功能可以帮助网页设计师轻松完成色彩搭配。首先进行基本元素的选择，接下来需要对不同区域和图层进行调整。这样便可以方便的进行颜色选择。另外，还可以对颜色进行实时分析，随时更换、方便合理。Photoshop软件还提供了网络安全色功能，可随意挑选出的网页安全颜色、网页色相命令和网页色谱。根据操作系统、浏览器、网络环境、硬件系统的不同可以呈现出不同的颜色，但无论呈现何种颜色，都不会影响终端用户的浏览效果。

1.4 让动画变得更加精巧

随着网络技术的不断发展，人们对网络的趣味性追求不断提升。提升网页的趣味性，激起访问者的浏览兴趣是提升浏览量的重要方式。动画是提升网页趣味性的良好元素，Photoshop软件可以制作GIF格式的简单动画。实质上GIF格式就是将多个图片组合到一起，形成一种简单的动画。GIF格式凭借其较小的文件体积和对浏览器要求较低的优势，得到了广泛的使用。

1.5 让速率变得更快

互联网高速发展，各种网站层出不穷，若不能占据速度优势，必将被吞噬在互联网大潮中。研究发现，一般用户对网站加载的等待时间不超过10秒，甚至更短。网络条件和网页大小及元素的配置是网页打开时间的影响因素。网络条件相同时，网页大小和元素配置成为关键因素。Photoshop软件可以利用对图片的减色处理方法，在不影响图片正常显示的条件下，缩减图片大小。另外，还可以将大图像分切为多个小图像，同时完成多图传送，提高网页的加载速度。利用Photoshop图像切片时，必须将图片形式转变为Web形式。若对图片没有较高要求，考虑到占用面积大小，可将切片保存为GIF格式。若对图片要求较高，需要进行细节展示，可保存为JEPG格式。如此，经过减色和切片处理后，网页就可以被大大缩小，传输速度也将大大提高。

2 PS技术在淘宝美工设计中的应用创新

在电子商务异常火爆的时代，淘宝店铺成千上万，同一件商品在多家店铺销售的情况比比皆是。如何让消费者选择自己的商铺、如何在千军万马中占有一席之地、如何提升店铺的营业额，淘宝的美工设计成为关键所在。完美的海报设计可以起到增强视觉冲击力的效果，使特色产品更加醒目。

2.1 海报配色

海报的配色技巧有很多，在本节主要介绍五种。

技巧一：根据基本法则60：30：10设计色彩。主要内容是：配色时，主色彩的比例要占到60%，次要色彩的比例要占到30%，剩下的10%留给辅助色彩。这是一个设计色彩黄金法则。

技巧二：做到色彩的相互配合。在设计海报的整体色彩时要做到与海报中某个元素的颜色保持一致。一般是找到图案里的某个突出的元素，这个元素要带有一定的色彩。然后整体色彩根据选定元素的色彩进行搭配。

技巧三：注重光与色彩的关系。人们购买饰品，主要是为了给家里增加色彩。在设计海报时同样也需要注意冷色与暖色的配合和光线问题。

技巧四：注重节日气息。淘宝店铺的色彩要根据节日改变色彩，例如，在元旦来临时，可以将整体色调改为大红色；在圣诞节来临时，将整体色调改为红白结合；春天来临时，将整体色调变为绿色及黄色等，让消费者们感受到节日的气息，增加购买欲望。

技巧五：注重颜色对比。强烈的色彩反差可以给人一种庄重、正规的感觉。这里的颜色对比不只是讲店铺自身的颜色深浅问题，还指店铺与店铺间的颜色对比问题。强烈的色彩反差可以吸引眼球在众多商铺中脱颖而出。

商家可以在色彩搭配方面多下功夫，灵活越用配色技巧，可以使店面与众不同，从而增加浏览量、提高销售业绩。

2.2 版面设计

海报设计是通过视觉进行信息传達的方式。因此，版面构成必须具有冲击力和吸引力，这就要求设计师具有独特的创意形式，避免千篇一律。设计师的主要任务是以合理的形式将图片、文字、色彩等要素完美结合，并将需要表达的信息完美呈现出来，以恰当的形式传递给消费者。根据使用目的和性质的不同，可将海报分为公共性和商业性两种。海报广告的设计要突出活动的内容，表现形式要给人以强烈的视觉冲击力，使人印象深刻；创意形式要独特、使人眼前一亮，激起消费者的阅读兴趣；文字的表达要简洁明了，抓住消费者的关注点，并快速准确的将信息传达给消费者。海报的版面设计可以采用中心式和环绕式两种。环绕式版面设计由于其清晰、简单的表达方式更受到淘宝网店的喜爱。

2.3 字体设计

海报中的文字是传达信息的载体。因此，不仅文案的设计要朗朗上口、简洁明了，字体的设计也需要具有视觉冲击力、使人眼前一亮。好的字体设计可以为海报增色不少。根据海报的整体风格和内容设计字体，可使海报更具有整体性。一般情况下，淘宝网店的海报设计不需要多么复杂，突出商品的特性、激起购买欲望即可。设计时，字体的颜色要做到醒目但不突兀，需要与整体色调保持一致，又要尽可能凸显出来。

2.4 制作技巧

产品的摆放位置根据海报需要展示产品的数量和大小合理确定。字体的摆放和颜色的确定要与整个海报的基调相吻合。分别从尺寸、风格搭配、展示产品和技术使用4个方面来分析海报的制作技巧。

1）尺寸。页面海报的尺寸可根据需要灵活确定。一般情况下，宽度为950像素，高度443像素。

2）风格搭配。一般情况下，淘宝店铺的首页会展示店铺的海报，首页是消费者最先浏览的位置，海报与店铺的装修风格是否契合决定着为消费者留下初印象的好坏，也间接影响着店铺收益。

3）展示产品。根据所需展示产品的性能、颜色、形状等确定海报的色彩基调。既要突出展示产品，又要使其与海报融合，避免突兀的存在。

4）技术使用。设计海报时，可以根据需要使用钢笔、吸管等工具。生成想要的效果、突出产品特色。

3 结论

综上所述，PS技术在淘宝美工设计中的应用范围越来越广。网页与海报的设计要考虑到整体风格和时间因素，使得店面设计更有视觉冲击力，提升消费者的浏览兴趣。

参考文献

[1]王长潇.传统电视与试听新媒体融合发展途径的选择与拓展[J].国际新闻界，2011（12）：11-16.

[2]陈璐颖.我国视听新媒体行业发展研究[D].北京：北京印刷学院，2015.

[3]易绍华.数字化背景下中国电视媒体的网络化生存研究[D].武汉：武汉大学，2009.

[4]刘怡多.传统电视与视听新媒体融合发展路径的选择与拓展[J].新媒体研究，2016（4）：68-69，78.