您好, 访客   登录/注册

PS技术在电子商务网站平面设计中的应用分析

来源:用户上传      作者:

  摘要:本文采取案例分析法、综合分析法等方法,针对PS技术的应用展开了分析,通过对电子商务网站平面设计的研究分析,得出PS技术作为一种实现设计师创意的工具,主要起辅助作用,在实际应用中,应当根据网站风格,店铺以及商品风格去进行设计,合理利用PS的功能来实现创意。
  关键词:电子商务网站;平面设计;PS技术
  中图分类号:TP317.4    文献标识码:A      文章编号:1007-9416(2020)04-0000-00
  Photoshop软件(以下简称PS)作为计算机辅助设计软件体系当中的一种图形软件,在平面设计中是最核心的一个软件,当然只要是关于图形图像方面的,就离不开PS软件。在电子商务网站平面设计当中PS软件也是非常重要的辅助工具,设计人员如何利用PS来使视觉语言更吸引人,是非常值得思考的一个课题。
  1平面设计的视觉语言与用户体验
  在现代的电子商务网站平面设计中,好的设计通常都是在商业价值上兼具了一定的艺术价值[1]。此处就必须要明确两个核心理论,其一是视觉语言,其二是用户体验。
  (1)视觉语言。为了使电子商务网站的平面设计,兼具商业性和艺术性,视觉语言非常关键。在设计当中不管采取何种手段,视觉语言都是最根本的。现代平面设计是一种符号化的设计,在设计中视觉语言表达的是作品的表现形式,符号则深刻影响表现形式,从符号学角度讲,平面设计视觉语言中的符号,主要是文字符号,图形符号和色彩符号。从视觉传达的角度来说,文字、图形以及色彩是影响电子商务网站平面设计视觉效果的关键要素,其中文字是最直接的視觉传达要素,图形则是最核心的要素,而色彩则是最具有审美特性的要素[2]。
  (2)用户体验。电子商务网站平面设计最关键的是要吸引消费者,并使消费者产生购买的欲望。此处涉及一个重要的设计思想——用户体验。
  从设计的角度来讲,产品的设计必须要重视一个原则即,了解你的用户,产品生产出来最终要面对的还是用户,用户对产品的使用体验好不好直接关系到产品最终是否能够留住用户。对于电子商务网站来说同样如此。用户体验是用户在使用产品过程中所感受到的以及所得到的全部内容的体验综合。电子商务网站目前已经深刻地融入到我们的生活当中,用户体验设计也不断完善,现在用户体验已经不仅仅体现在产品本身,还包含与产品相关的所有物品和服务。现代人基本都是“视觉动物”,人的眼睛是最敏感的器官,眼睛为大脑所提供的信息在所有感官当中是最多的,人看到一件物品第一印象将决定人是否使用这一物品。也就是说视觉效果好,人对物品的第一印象好,才会去使用它,进而体验到物品的功能。
  综合上述理论分析,电子商务网站的平面设计必须要考虑人的行为与心理,然后通过一些表现手法来构筑吸引人的视觉效果来吸引用户[3]。
  2电子商务网站平面设计
  2.1 PS技术概述
  PS软件是平面设计当中最为常用的一个图形图像软件,在电子商务网站平面设计中也是非常常用的软件。PS软件可以设计各种形式的文字,可以调用多种色彩,可以对图片进行修改,合成。从平面设计的角度来讲,实际就是对图像的处理,PS软件强大的功能可以最大程度地满足用户对图像处理技术的需求。在网站设计,包括但不限于电子商务网站的设计当中,PS软件的简单而且实用,具有许多不可代替的优点,如利用PS中的切片工具,可以直接将一个完整的网页切割成多个小片,方便上传。当然也可以直接对每一张单独的图片进行优化,便于浏览下载,便于美化。PS在图像处理上的强大能力,被许多人称呼为亚洲“四大邪术”之一[4]。
  2.2电子商务网站平面设计中的PS
  对于电子商务网站来说,一个好的网站不仅仅要有一个美观的外表(即视觉效果好),还要尽可能多地将信息传达给用户,而且这方面要比外表更加重要,当然对于设计师而言在保证电商网站商业价值的基础上,追求视觉效果无可厚非,而这是使网站产生特色的关键点。在电商网站的平面设计中必须要有视觉传达的思维,要有一定的艺术追求,要在保证商业价值的基础上,去追求艺术效果,否则设计的网站只能算中规中矩。
  PS作为图像处理软件,在网页画面的设计当中,通常需要注意如下几个核心要素,包括网页画面必须要与整体保持统一性,以便使网页的整体效果达到最佳,实际就是要保证网站整体风格的一致性,比方说一个为用户提供数码产品,电子产品信息的电商网站,整体风格上显然要突出科技感,在PS应用当中,可以通过色调调整来实现一种冷色调的感觉,进而产生科技感。如果说是外卖网站,冷色调就不合适了,应当用暖色调。在网站图形编排当中切忌各组成部分分散,孤立,那样会显得杂乱,影响视觉效果。同时要保证网页的连贯性,这种连贯性是视觉效果上的连贯性,即要保证整体风格,并通过这种风格的延续来使人在心理上产生连贯性。
  2.3基于PS的电子商务网站平面设计思考
  电子商务网站中,用户最急切需要的无外乎吸引人的商品或店铺,以及网站是否能够给予其信任感,而信任是需要积累的,所以对于电子商务网站来说就必须要有吸引人的商品或店铺,用户要在网站上做出购买行为,取决于网站上提供的信息,并且是易于浏览的。结合上文对视觉语言,用户体验两个方面的分析,电子商务网站平面设计突出了一个职业——美工,或者说淘宝美工。在电子商务异常火爆的年代,网上店铺成千上万,同一个商品在多家店铺销售的情况比比皆是,如何让消费者选择自己的网上店铺,平面设计就非常关键了。PS技术就要用在店铺和商品美化上。
  比如说成品服饰,一些卖家在拍摄成品服饰的照片时,可能不够专业,或者是相机不够理想,很容易导致出现色偏,也就是颜色失真,看起来不自然。实际此时可以通过PS上的色彩平衡功能来对图像进行调整,色彩平衡命令快捷键为Ctrl+B,当然也可以从菜单→图像→调整→色彩平衡。   例如图1。
  看图示,图片上的色彩方面,明显出现了色差问题,图像整体偏红黄,包括人物、环境都存在严重偏色。这里就要采用色彩平衡来弥补色差。具体操作中可以在图片上选定几个参照物,这里选定皮肤和墙上的绿色植物,根据色彩平衡命令弹出的对话框,通过调整参数来使皮肤、绿植颜色自然后,整张图片基本上就调整好了。
  根据这一案例来说,技术核心点是通过输入色阶值来调整色相,进而实现偏色的调整,一般只需要调整中间调即可。命令对话框如图2。
  从理论上来讲主要是遵照颜色的补色原理来补充色差,补色原理,实际上就是如果要减少某个颜色,就需要增加这种颜色的对应色。图片当中颜色偏红,调整的时候就需要加青色、绿色、蓝色。所谓的对应色可参考12色环,在12色环中,两两对应的色互为补色。在调色当中缺哪个颜色就补充那个颜色的对应色,比如红对绿,黄对蓝。
  3结语
  综上所述,PS软件作为一种重要的图形图像处理软件,其强大的图形处理功能,使其成为平面设计当中非常重要的工具,在电子商务网站的平面设计中发挥着非常巨大的作用。结合本文的分析来看,电子商务网站平面设计中,要圍绕视觉语言以及用户体验来进行设计,要突出商业性,要利用良好的视觉效果来吸引用户,刺激用户的购买欲望,现阶段,平面设计突出商业性和艺术性的融合,要网站的平面设计要吸引人,除开商业性外,艺术性也应当是设计师应当追求的。PS软件作为一种图形处理的工具,可以方便地实现设计师的想法,换言之,设计师的想法是最关键的,PS作为工具,只需要熟练运用一些操作技巧即可。
  参考文献
  [1] 何海燕.电子商务网站视觉设计的整体规划[J].科教文汇,2017(01):171-172.
  [2] 何海燕.浅析电子商务网站设计风格的设定依据[J].大众文艺,2016(23):115-116.
  [3] 钟锐娜.电子商务网站的平面设计原则分析[J].商情,2017(06):212.
  [4] 邓平.基于淘宝网的Photoshop入门教学方式创新探索[J].电子测试,2016(03):72-73.
  收稿日期:2020-03-06
  作者简介:范雯雯(1984—),女,山西太原人,硕士,副教授,研究方向:计算机应用技术。
  Application?Analysis?of?PS?Technology?in?the?Graphic?Design?of?E-commerce?Website
  FAN Wen-wen,LI Jie-ting
  (Yunnan Jiaotong College, Kunming Yunnan  650000)
  Abstract: This paper uses case analysis, comprehensive analysis and other methods to analyze the application of PS technology. Through the research and analysis of the graphic design of e-commerce website, it is concluded that PS technology, as a tool to realize the designer's creativity, mainly plays an auxiliary role. In the practical application, it should be designed according to the website style, shop and commodity style, and used reasonably PS function to achieve creativity.
  Key words: e-commerce website; graphic design; PS technology
转载注明来源:https://www.xzbu.com/8/view-15251887.htm