PS技術(shù)在電子商務(wù)網(wǎng)站平面設(shè)計中的應(yīng)用分析

范雯雯 李潔婷

摘要：本文采取案例分析法、綜合分析法等方法，針對PS技術(shù)的應(yīng)用展開了分析，通過對電子商務(wù)網(wǎng)站平面設(shè)計的研究分析，得出PS技術(shù)作為一種實現(xiàn)設(shè)計師創(chuàng)意的工具，主要起輔助作用，在實際應(yīng)用中，應(yīng)當根據(jù)網(wǎng)站風格，店鋪以及商品風格去進行設(shè)計，合理利用PS的功能來實現(xiàn)創(chuàng)意。

關(guān)鍵詞：電子商務(wù)網(wǎng)站;平面設(shè)計;PS技術(shù)

中圖分類號：TP317.4? ? 文獻標識碼：A? ? ? 文章編號：1007-9416（2020）04-0000-00

Photoshop軟件（以下簡稱PS）作為計算機輔助設(shè)計軟件體系當中的一種圖形軟件，在平面設(shè)計中是最核心的一個軟件，當然只要是關(guān)于圖形圖像方面的，就離不開PS軟件。在電子商務(wù)網(wǎng)站平面設(shè)計當中PS軟件也是非常重要的輔助工具，設(shè)計人員如何利用PS來使視覺語言更吸引人，是非常值得思考的一個課題。

1平面設(shè)計的視覺語言與用戶體驗

在現(xiàn)代的電子商務(wù)網(wǎng)站平面設(shè)計中，好的設(shè)計通常都是在商業(yè)價值上兼具了一定的藝術(shù)價值[1]。此處就必須要明確兩個核心理論，其一是視覺語言，其二是用戶體驗。

（1）視覺語言。為了使電子商務(wù)網(wǎng)站的平面設(shè)計，兼具商業(yè)性和藝術(shù)性，視覺語言非常關(guān)鍵。在設(shè)計當中不管采取何種手段，視覺語言都是最根本的?，F(xiàn)代平面設(shè)計是一種符號化的設(shè)計，在設(shè)計中視覺語言表達的是作品的表現(xiàn)形式，符號則深刻影響表現(xiàn)形式，從符號學角度講，平面設(shè)計視覺語言中的符號，主要是文字符號，圖形符號和色彩符號。從視覺傳達的角度來說，文字、圖形以及色彩是影響電子商務(wù)網(wǎng)站平面設(shè)計視覺效果的關(guān)鍵要素，其中文字是最直接的視覺傳達要素，圖形則是最核心的要素，而色彩則是最具有審美特性的要素[2]。

（2）用戶體驗。電子商務(wù)網(wǎng)站平面設(shè)計最關(guān)鍵的是要吸引消費者，并使消費者產(chǎn)生購買的欲望。此處涉及一個重要的設(shè)計思想——用戶體驗。

從設(shè)計的角度來講，產(chǎn)品的設(shè)計必須要重視一個原則即，了解你的用戶，產(chǎn)品生產(chǎn)出來最終要面對的還是用戶，用戶對產(chǎn)品的使用體驗好不好直接關(guān)系到產(chǎn)品最終是否能夠留住用戶。對于電子商務(wù)網(wǎng)站來說同樣如此。用戶體驗是用戶在使用產(chǎn)品過程中所感受到的以及所得到的全部內(nèi)容的體驗綜合。電子商務(wù)網(wǎng)站目前已經(jīng)深刻地融入到我們的生活當中，用戶體驗設(shè)計也不斷完善，現(xiàn)在用戶體驗已經(jīng)不僅僅體現(xiàn)在產(chǎn)品本身，還包含與產(chǎn)品相關(guān)的所有物品和服務(wù)。現(xiàn)代人基本都是“視覺動物”，人的眼睛是最敏感的器官，眼睛為大腦所提供的信息在所有感官當中是最多的，人看到一件物品第一印象將決定人是否使用這一物品。也就是說視覺效果好，人對物品的第一印象好，才會去使用它，進而體驗到物品的功能。

綜合上述理論分析，電子商務(wù)網(wǎng)站的平面設(shè)計必須要考慮人的行為與心理，然后通過一些表現(xiàn)手法來構(gòu)筑吸引人的視覺效果來吸引用戶[3]。

2電子商務(wù)網(wǎng)站平面設(shè)計

2.1 PS技術(shù)概述

PS軟件是平面設(shè)計當中最為常用的一個圖形圖像軟件，在電子商務(wù)網(wǎng)站平面設(shè)計中也是非常常用的軟件。PS軟件可以設(shè)計各種形式的文字，可以調(diào)用多種色彩，可以對圖片進行修改，合成。從平面設(shè)計的角度來講，實際就是對圖像的處理，PS軟件強大的功能可以最大程度地滿足用戶對圖像處理技術(shù)的需求。在網(wǎng)站設(shè)計，包括但不限于電子商務(wù)網(wǎng)站的設(shè)計當中，PS軟件的簡單而且實用，具有許多不可代替的優(yōu)點，如利用PS中的切片工具，可以直接將一個完整的網(wǎng)頁切割成多個小片，方便上傳。當然也可以直接對每一張單獨的圖片進行優(yōu)化，便于瀏覽下載，便于美化。PS在圖像處理上的強大能力，被許多人稱呼為亞洲“四大邪術(shù)”之一[4]。

2.2電子商務(wù)網(wǎng)站平面設(shè)計中的PS

對于電子商務(wù)網(wǎng)站來說，一個好的網(wǎng)站不僅僅要有一個美觀的外表（即視覺效果好），還要盡可能多地將信息傳達給用戶，而且這方面要比外表更加重要，當然對于設(shè)計師而言在保證電商網(wǎng)站商業(yè)價值的基礎(chǔ)上，追求視覺效果無可厚非，而這是使網(wǎng)站產(chǎn)生特色的關(guān)鍵點。在電商網(wǎng)站的平面設(shè)計中必須要有視覺傳達的思維，要有一定的藝術(shù)追求，要在保證商業(yè)價值的基礎(chǔ)上，去追求藝術(shù)效果，否則設(shè)計的網(wǎng)站只能算中規(guī)中矩。

PS作為圖像處理軟件，在網(wǎng)頁畫面的設(shè)計當中，通常需要注意如下幾個核心要素，包括網(wǎng)頁畫面必須要與整體保持統(tǒng)一性，以便使網(wǎng)頁的整體效果達到最佳，實際就是要保證網(wǎng)站整體風格的一致性，比方說一個為用戶提供數(shù)碼產(chǎn)品，電子產(chǎn)品信息的電商網(wǎng)站，整體風格上顯然要突出科技感，在PS應(yīng)用當中，可以通過色調(diào)調(diào)整來實現(xiàn)一種冷色調(diào)的感覺，進而產(chǎn)生科技感。如果說是外賣網(wǎng)站，冷色調(diào)就不合適了，應(yīng)當用暖色調(diào)。在網(wǎng)站圖形編排當中切忌各組成部分分散，孤立，那樣會顯得雜亂，影響視覺效果。同時要保證網(wǎng)頁的連貫性，這種連貫性是視覺效果上的連貫性，即要保證整體風格，并通過這種風格的延續(xù)來使人在心理上產(chǎn)生連貫性。

2.3基于PS的電子商務(wù)網(wǎng)站平面設(shè)計思考

電子商務(wù)網(wǎng)站中，用戶最急切需要的無外乎吸引人的商品或店鋪，以及網(wǎng)站是否能夠給予其信任感，而信任是需要積累的，所以對于電子商務(wù)網(wǎng)站來說就必須要有吸引人的商品或店鋪，用戶要在網(wǎng)站上做出購買行為，取決于網(wǎng)站上提供的信息，并且是易于瀏覽的。結(jié)合上文對視覺語言，用戶體驗兩個方面的分析，電子商務(wù)網(wǎng)站平面設(shè)計突出了一個職業(yè)——美工，或者說淘寶美工。在電子商務(wù)異?；鸨哪甏?，網(wǎng)上店鋪成千上萬，同一個商品在多家店鋪銷售的情況比比皆是，如何讓消費者選擇自己的網(wǎng)上店鋪，平面設(shè)計就非常關(guān)鍵了。PS技術(shù)就要用在店鋪和商品美化上。

比如說成品服飾，一些賣家在拍攝成品服飾的照片時，可能不夠?qū)I(yè)，或者是相機不夠理想，很容易導(dǎo)致出現(xiàn)色偏，也就是顏色失真，看起來不自然。實際此時可以通過PS上的色彩平衡功能來對圖像進行調(diào)整，色彩平衡命令快捷鍵為Ctrl+B，當然也可以從菜單→圖像→調(diào)整→色彩平衡。

例如圖1。

看圖示，圖片上的色彩方面，明顯出現(xiàn)了色差問題，圖像整體偏紅黃，包括人物、環(huán)境都存在嚴重偏色。這里就要采用色彩平衡來彌補色差。具體操作中可以在圖片上選定幾個參照物，這里選定皮膚和墻上的綠色植物，根據(jù)色彩平衡命令彈出的對話框，通過調(diào)整參數(shù)來使皮膚、綠植顏色自然后，整張圖片基本上就調(diào)整好了。

根據(jù)這一案例來說，技術(shù)核心點是通過輸入色階值來調(diào)整色相，進而實現(xiàn)偏色的調(diào)整，一般只需要調(diào)整中間調(diào)即可。命令對話框如圖2。

從理論上來講主要是遵照顏色的補色原理來補充色差，補色原理，實際上就是如果要減少某個顏色，就需要增加這種顏色的對應(yīng)色。圖片當中顏色偏紅，調(diào)整的時候就需要加青色、綠色、藍色。所謂的對應(yīng)色可參考12色環(huán)，在12色環(huán)中，兩兩對應(yīng)的色互為補色。在調(diào)色當中缺哪個顏色就補充那個顏色的對應(yīng)色，比如紅對綠，黃對藍。

3結(jié)語

綜上所述，PS軟件作為一種重要的圖形圖像處理軟件，其強大的圖形處理功能，使其成為平面設(shè)計當中非常重要的工具，在電子商務(wù)網(wǎng)站的平面設(shè)計中發(fā)揮著非常巨大的作用。結(jié)合本文的分析來看，電子商務(wù)網(wǎng)站平面設(shè)計中，要圍繞視覺語言以及用戶體驗來進行設(shè)計，要突出商業(yè)性，要利用良好的視覺效果來吸引用戶，刺激用戶的購買欲望，現(xiàn)階段，平面設(shè)計突出商業(yè)性和藝術(shù)性的融合，要網(wǎng)站的平面設(shè)計要吸引人，除開商業(yè)性外，藝術(shù)性也應(yīng)當是設(shè)計師應(yīng)當追求的。PS軟件作為一種圖形處理的工具，可以方便地實現(xiàn)設(shè)計師的想法，換言之，設(shè)計師的想法是最關(guān)鍵的，PS作為工具，只需要熟練運用一些操作技巧即可。

參考文獻

[1] 何海燕.電子商務(wù)網(wǎng)站視覺設(shè)計的整體規(guī)劃[J].科教文匯，2017（01）：171-172.

[2] 何海燕.淺析電子商務(wù)網(wǎng)站設(shè)計風格的設(shè)定依據(jù)[J].大眾文藝，2016（23）：115-116.

[3] 鐘銳娜.電子商務(wù)網(wǎng)站的平面設(shè)計原則分析[J].商情，2017（06）：212.

[4] 鄧平.基于淘寶網(wǎng)的Photoshop入門教學方式創(chuàng)新探索[J].電子測試，2016（03）：72-73.

收稿日期：2020-03-06

作者簡介：范雯雯（1984—），女，山西太原人，碩士，副教授，研究方向：計算機應(yīng)用技術(shù)。

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