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