随着互联网上各类网站越来越多, 人们在浏览网页时除了基本的对信息量的需求外, 对网站的界面设计也产生了新的要求, 一个信息齐全、设计精美的网站更能吸引观众的目光。下面是网页美工论文8篇，供大家阅读。
网页美工论文第一篇：网店美工中Photoshop软件的运用
摘要：随着我国互联网信息技术的发展，传统实体店购物模式已经被网络购物取代，越来越多人更倾向于从网店平台中，选择质优价廉的商品。如何对网络店铺中多种商品的文字、图片描述信息，进行图片美工、页面装修等工作，吸引消费者的关注与兴趣，成为网店美工装修关注的重点。本文主要探讨利用Photoshop技术，进行网店美工图片处理、短视频(动态图)编辑、网页制作等的操作方式，并分析photoshop软件在网络店铺装修中的实现技巧。
关键词：Photoshop技术; 网店美工; 应用; 研究;
0前言
网络店铺的美工与修饰工作，决定着不同行业网店的外在呈现效果，也能在很大程度上留住客户、增长流量。而网店美工作为店铺中不可或缺的重要岗位，其必须要具备优秀的图片处理、图像编辑技巧，以及掌握整个网店版面的排版、设计规范，才能够有效完成网络店铺的装修与美化工作，以满足不同网店中产品介绍、浏览操作的视觉呈现要求。
1 网店美工的人才需求与工作职责概述
1.1 网店美工对平面信息处理的人才技能要求
网店美工通常注重于二维平面信息的处理，包括文字、图像或装饰符号等要素的加工、再创作，平面美工一般使用Illustrator、Photoshop等设计软件进行平面设计。在网店美工文字、图片与视频处理人才的招聘中，一般规定任职学历在大专及以上，电子商务、平面设计等相关专业的人才优先，且人才要精通Photoshop、Illustrator、Dreamweaver等设计处理软件。当前淘宝、天猫、京东等购物商城网站的装修，分别为不同技术人才分配差异化的工作任务，通常包括网店整体页面设计、分页面海报创意设计、产品介绍图片设计、三维视频编辑与设计。其中网店整体页面的美工装修，需要负责首页、banner、宝贝详情页等的设计工作，并在节庆时间段进行专题页面、上新页面与活动页面的制作。而网店中不同分栏、小模块的装修与设计，则要美工人员对新开发的产品，进行宝贝产品的抠图排版、文字描述优化、日常产品图片维护等操作，定期对产品页面、店铺推广图等作出更新与修改。
1.2 网店美工装修、设计的工作职责
(1)网页框架、内部元素合理布局。首先网络店铺中不同网页框架、内部元素的合理布局，对店铺外在呈现效果起到决定性作用。一般电子商务店铺的网页排版布局，为二栏布局、三栏布局，其中二栏布局存在导航栏、商品信息页面组成部分，三栏布局包含导航栏、展示栏、商品信息页面等结构，导航栏位于页面布局的最上方，分为产品展示、产品推荐、关注收藏、活动服务、旺旺在线等功能模块，向消费者介绍网络店铺的会员制度、信用评价、品牌故事，以及设置便于消费者进行商品搜索的页面。对于导航栏、菜单栏、商品信息展示页面等区域的美工设计，要使用Photoshop、Dreamweaver软件，修改网页中不同模块、元素的大小、位置与形状，来完成整个页面的合理布局。
(2）网页色彩、图片要素的协调搭配。网店美工设计师在对网页色彩、图片等要素进行设计过程中，需要依据网页色谱的搭配要求，进行不同区域安全颜色、协调颜色的选择，之后使用Photoshop软件对不同图层、不同图片的色彩作出调整，随时更换主页面、商品详细介绍页面的图片。而在商品介绍图片的编辑与处理方面，也要围绕商品功能、外观形态等，选择合适的商品色彩、大小进行装修设计，搭配与调整介绍文字的位置，以保证消费者对网店信息的浏览效果。
(3）网页动画、装饰物元素的巧妙设计。除网页图片要素以外，网络店铺美工装修中还存在着网页动画、装饰物等元素，其中GIF动画为网页常见的动画格式，使用Photoshop软件的时间轴制作工具，复制并调整多个帧图片的大小、形状与持续时间等，能够进行GIF等多帧动画制作。
(4）网页图片的减色、切片与压缩处理。互联网平台中网络店铺信息的加载速度，会对消费者的浏览体验、购买欲望等产生重要影响，通常消费者在某一网络页面的等待、浏览时间在10秒左右。在这一情况下，网店美工装修的设计人员，可以使用Photoshop软件对网店显示版块、图像等，进行图片减色、切片与压缩的处理操作，将大图像切分为单个小图，之后将图片格式转换为Web格式(GIF格式)，并完整排布于合适的网页位置，这样既能保证图片浏览过程中的细节显示，也能够大大提升网页的加载与响应速度。
2 Photoshop技术在网店美工中的应用策略与创新
2.1 Photoshop在网页版面设计中的应用
网络店铺整个版面风格、元素排布的设计，是网页吸引用户阅读、信息传达的主要途径，也是决定网络页面是否具有商业性、创意性的重要因素。当前多数网店美工设计师，都会使用Photoshop软件进行网页排版，包括网页导航栏、商品信息栏、文本信息等的编辑制作。这一过程中会用到Photoshop软件的切片工具、裁剪工具，对不同版面模块作出切片、裁切操作，并使用标尺进行不同商品信息模块的对齐，使之形成风格较为统一、功能完善的网店展示版面。之后运用Adobe Dreamweaver软件，设置版面中的常见文本标签、图像标签、超级链接等；使用HTML代码、CSS语法格式，将编辑好的商品图像信息制作为动画转换效果，导入到网页相应位置，从而保证网页设计、网页元素浏览的精准控制。
2.2 Photoshop在网页配色设计中的应用
电子商务网站中海报、商品信息等页面的配色设计，要遵循色彩搭配基本规律、黄金法则等，从颜色纯度、明度、色相等方面进行恰当设计，以实现网站页面的颜色冷暖对比、明暗对比与深浅对比。首先网站导航栏、展示页设计，应依照6:3:1的色彩黄金法则，也就是将60%主色用于网站中最大的展示页面、背景装饰页面，带给信息浏览者一种整体的色系(颜色)感受，比如冷色系、暖色系。其次增加30%的辅助色，辅助色与主色调形成呼应、对比，主要目的在于衬托主色调，如电商平台中时尚男装、时尚女装店铺的红、黑、灰色系搭配，会使消费者产生高端、潮流的感觉。网店美工设计师利用Photoshop软件的曲线工具、色阶工具，对店铺图像的亮度、明暗度与对比度进行调整，点击快捷键Ctrl+M、Ctrl+L、Ctrl+U调出曲线、色阶、色相/饱和度/明度等操作指令，调整图像颜色、模糊/清晰度的变化，使图像观感达到更加锐利或柔和的效果。
2.3 Photoshop在图像结构、字体设计中的应用
对于网店中不同商品图片的美化与设计，通常从图片像素、图片大小、装饰元素大小、装饰风格等方面着手，既突出产品的外观特性、功能特性，又要保证图片展示页面的协调性与美观性。在开始商品信息介绍页面的设计之前，要利用Photoshop软件的抠图工具，包括选区抠图、蒙版/通道抠图、色彩范围抠图、滤镜抠图等工具，抠选出拍摄的产品主体图像，如人物、动物等主体对象的抠图。之后使用污点修复工具、修复画笔工具、修补工具等，对商品图片中存在的污点、干扰要素等进行去除，如使用修复工具去除上衣、裤子等服装上多余的线头。之后点击Photoshop软件的“编辑”、“自由变换”模块，对图片的尺寸大小、倾斜角度进行调整，或者点击“滤镜”、“模糊/高反差保留”模块，增强图像的模糊/锐化程度，以展现不同商品属性的风格。
而对于网店装饰字体的设计，应尽可能摆脱花俏、繁复的文字字体风格，使用具有视觉冲击力、简洁大方的字体，如黑体、方正宋体、方正楷体等。之后在字体大小、颜色设计完成后，将文字进行栅格化编辑操作，使用Photoshop渐变工具、3D材质工具等进行字体纹理的填充，字体的颜色、材质要非常醒目、规范，能够突出商品外在特征、内在属性，如茶叶电商平台的商品介绍文字设计，就可以使用宋体、楷体等字体，展现茶叶纤细修长的属性，引发消费者的浏览或购买欲望。
2.4 Photoshop在图像图片合成、调整设计中的应用
网店不同商品的介绍图片为正方形或长方形，而且某些商品主图存在多个图像的组合，这就需要使用蒙版抠图、图层混合等方式，进行不同图像、装饰物元素的合成设计。其一，先要使用Photoshop的“裁剪工具”，按照4:3、1:1比例对图片做出裁切，尽可能将图片裁剪成正方形。其二，运用在图像图层上建立遮罩的方式，显示不同图层中的有效图像、删除或遮盖图层中的无效信息，如在图层中添加从白到黑的蒙版，则可以实现图像由100%显示到半透明的效果，从而完成上层图像、下层图像之间的无缝衔接与融合。
3 结语
相比于实体店铺的感官购物模式，消费群体在网络店铺中的信息浏览、购买，主要通过眼睛查看网店商品的多方面信息，包括商品外观、属性与文字描述内容，决定是否要购买这一产品。网店美工通常涉及网页结构、网站图片、网页描述性文字及装饰物等的设计，对于多种网店页面的装修与美化工作，使用photoshop软件进行文字、图片及短视频的编辑，加强网页图片大小、色调与摆放位置的调整，才能精准传达网络商品的重要信息。
参考文献
[1]夏焘.基于网店美工岗位的Photoshop课程体系设计[J].课程教育研究. 2017(07).
[2]李娜.高职Photoshop网页美工课程教学方法改革及实践应用探究[J].科教文汇(上旬刊). 2014(05).
[3]董朝弟.Photoshop软件中的照片处理技术[J].信息与电脑(理论版). 2016(04).
[4]赵莎莎,张乘风.Photoshop在毕业设计排版中的实践与应用研究[J].中国信息技术教育. 2017(02).
网页美工论文第二篇：电子商务中网页美工与视觉营销的运用
摘要：随着互联网的快速发展,电子商务使购物方式的多元化,企业在网络上的竞争日趋激烈,极具吸引力的视觉表现引起了消费者关注,各种商品以及服务通过网站包装自己的形象,增强商品的好感度,在行业的竞争中脱颖而出,促使网页美工在电子商务的应用中迅速崛起,致使立足于视觉设计的视觉营销得到了全面的发展,以达成营销为目的,帮助营销人员获得竞争优势,并最终实现商品的成交。
关键词：网页美工; 视觉营销; 电子商务; 应用;
互联网信息技术改变了人们的生活和工作,越来越多的企业和个人通过网页设计建立起自己网站,是现代艺术设计中具有广泛性和前沿性的新媒体。一个优秀的网站在栏目设计、导航设计、色彩搭配、内容设计等方面都非常严谨。给人一种吸引力,让人不知不觉记住了该网站的相关信息,感受到了企业的文化。使网站了脱颖而出。无疑网页美工起到了重要的作用。图片的处理,特效文字、海报设计、logo与按钮、动画设计、网页的排版布局设计,网页美工已经成为网页设计中不可或缺的一个重要部分。从网页美工上升到视觉营销,也是视觉营销逐渐融入了网络世界,成为一种借助视觉辅助手段传达品牌理念的策略。随着人们消费观念的改变,消费者要购买的已不只是商品本身,而是品牌所体现的文化、带来的精神诉求。
一、网页美工与视觉营销区别
网页美工就是在网页中融入平面设计,将平面设计中的审美观点套用到静态网页中来,它是一种审美方式的延伸,从色彩、布局设计方式编辑与商品的销售经验结合进行设计,网店中的视觉营销,更注重视觉的展现和营销方式,视觉营销的工作内容不单单是美工制作商品图片效果,而是将营销的内容融合到视觉展现中,是制作更多的为店铺带来利益的效果。网店本身就是虚拟的店铺。其最主要的目的是具有视觉冲击力的方式吸引客户购买产品。
二、网页美工与视觉营销在电子商务的应用
在电子商务中网页美工也需要经过策划对网店页面进行编辑和美化,设责整个网站的前台、界面、规划整个网页的布局,使用的软件有:Photoshop进行界面效果图的设计、图片处理、添加特效,CorelDraw、Illustrator辅助设计LOGO以及网标,FLASH制作二维动画,Dreamweaver设计清晰简洁的网站整体布局和所有的页面,还要适宜后台调用。应用网页设计中的色彩构成、美学规律结合良好的创意和一定的审美观,将网页的视觉效果、排版等工作呈现出来。
设计各种网页的版面布局如:“国”字型,拐角型、框架型、封面型、flash型、标题正文型等,具有自己鲜明的个性和情感特征,合理的安排好网页中各个面的关系,才能设计出充满美感和实用的网页。
色彩的应用是视觉与美学的组成元素之一,根据不同的内容、季节和时间设计富有节奏和韵律美的轻快活泼或庄重雅致的各种风格品味的页面,不是‘为设计而设计’而是从用户的角度出发,抓住重点,让用户感悟到网页本身所需要体现的信息,灵活运用主色调、配色调、常用搭配、忌讳搭配、学会在向别人学习的基础上创新,以更富有创意的形式表达深层的设计思想,从而打动人心,避免网页的单调与平淡,直观的给店铺带来人气。
在电子商务中网页美工的所应用主要是以体现商品和整个页面的合理实用的美为主,比如在图片的校色,美化,是加字、配图、排版等,掌握整体风格相统一。
视觉营销的目的是最大限度地促进产品与消费者间的联系,最终实现销售,并提升视觉冲击,影响品牌文化。视觉传达设计是为现代商业服务的艺术,包括标志、广告、包装、店内外环境、企业形象设计等方面,都是通过视觉形象传达给消费者的,起着沟通企业—商品—消费者的桥梁作用。视觉营销在电子商务中的内容体现在视觉的影像传达、商品的图片处理、促销图的视觉营销设计、店铺首页、详情页面以及移动店铺的营销设计。视觉设计师不仅是懂得一些美术知识,掌握相关的图像处理技术以及网页的设计制作,还要了解产品的特征、客户需求,对用客户群体需要准确判断,创意设计出别具一格的吸引眼球的网站的以及所有视觉营销风格定位和营销规范标准。
在电子商务的应用上除了网页美工所要掌握的那些软件和知识,还要掌握像AE或者sketch之类的软件。懂得编程语言程序,所以视觉设计师比美工的整体技术素质要求高,工作内容更复杂,对视觉营销的信息传递和定位,视觉设计元素和创意等要求掌握得更好。许多视觉设计师是从美工转变提升而来的。
发达国家视觉营销包含:空间、平面、传媒、陈列、造型、通过一系列的视觉传达来表现视觉营销的理念及核心部分,在国内视觉营销包括三大部份:店铺空间设计与规划布局,商品陈列形式,商品计划与商品策略。
(一)有清晰准确的品牌阶段性战略思想
在视觉的表象下思想才是核心和灵魂,推广品牌,不同时间有不同的主题,譬如劲霸一开始把茄克做大做强,再以点带面,成功的带动了整体业绩的增长,拉动了整个品牌的良性发展,坚持不懈获得了成功。
(二)形成终端视觉与广告视觉的高度统一
网店终端在表现时与电视、户外、纸类广告等媒体构成了统一的视觉营销链,让消费者对品牌产生初步统一的印象;注意与广告主题或品牌的阶段性主题吻合,要名副其实。
(三)注重终端的视觉艺术
据其统计,网店店面如能很好的运用商品的配置和陈列技术,销售额可在原有的基础上提高10%以上。把控视觉营销对产品深度和广度的管理,品牌、品类、价格、产品出样数量和对产品的线性管理,使用不同的展示方式,搭配技巧带给顾客的不一样的感觉,改变客户的态度,最大限度的促成成交量,提高电子商务的营业额。
结束语:
从单纯制作网站的网页美工到视觉营销对一个品牌的整体规划,使我们了解网页美工和视觉营销工作在电子商务的应用中所要掌握的软件知识不同,以及所要面对问题不同,使我们清晰的认识到,当我们要做这些工作时就该如何去做好网页美工,设计制作美观实用有吸引力网页,增加客流量。做好视觉营销,把商品的价值和效果最大化,并且通过凸显品牌之间的差异,从而提升销售利润。
参考文献
[1]李方舟.电子商务产业引导下的网页美工设计人才培养模式研究[J].大众文艺,2017,(24):144.
[2]张如云.视觉营销在电子商务中的应用研究[J].办公自动化,2017,(03):18.
