摘要：在互聯(lián)網(wǎng)飛速發(fā)展的背景下網(wǎng)店也得到了快速發(fā)展其在網(wǎng)上購(gòu)物等活動(dòng)中扮演著重要角色將人們帶入了一個(gè)嶄新的購(gòu)物世界逐漸代替了傳統(tǒng)購(gòu)物模式。其中越來(lái)越多的人傾向于開(kāi)設(shè)網(wǎng)店若要在眾多網(wǎng)店中脫穎而出利用圖形圖像處理技術(shù)對(duì)網(wǎng)店的圖片進(jìn)行處理非常重要。文章以電商、淘寶店鋪等為背景對(duì)圖形圖像處理技術(shù)在網(wǎng)店中的應(yīng)用進(jìn)行了分析。

關(guān)鍵詞：互聯(lián)網(wǎng);圖形圖像處理技術(shù);Photoshop技術(shù);淘寶店鋪

中圖法分類號(hào)：TP391文獻(xiàn)標(biāo)識(shí)碼：A

Application of graphics and image processing technology in online shop

YANG Xiaoyue

（Guigang Vocational Bducattor Center，Guigang，Guangxi 537100，China）

Abstract：Under the premise of the rapid development of the Internet， online stores have also developed rapidly. They play an important role in online shopping and other activities，bringing people into a new shopping world and gradually replacing the traditional shopping mode. Among them，more and more people tend to open online stores. To stand out among many online stores， it is very important to use graphics and image processing technology to process pictures of online stores. Based on the background of e-commerce and Taobao stores，this paper analyzes the application of graphic image processing technology in online stores.

Key words：Internet，graphic image processing technology，Photoshop technology，Taobao shop

隨著互聯(lián)網(wǎng)信息技術(shù)的快速發(fā)展，我們已全面步入網(wǎng)購(gòu)時(shí)代，每天都會(huì)有海量網(wǎng)絡(luò)廣告圖片呈現(xiàn)在我們眼前。如何對(duì)這些網(wǎng)絡(luò)廣告信息進(jìn)行高效處理，并將其融入網(wǎng)店中，為網(wǎng)店增加流量，同時(shí)對(duì)經(jīng)濟(jì)發(fā)展起到積極作用，是一個(gè)值得思考的問(wèn)題。圖形圖像處理技術(shù)具有精確度高、處理速度快、靈活性強(qiáng)等特征，尤其是在大數(shù)據(jù)時(shí)代，應(yīng)用該技術(shù)可快速對(duì)圖像進(jìn)行處理，發(fā)展前景廣闊，對(duì)加快信息化建設(shè)具有重要作用。

1? 概述

從廣義方面來(lái)說(shuō)，圖像處理包括圖像采集、輸出

等。而從計(jì)算機(jī)圖像處理的專業(yè)領(lǐng)域來(lái)看，圖像處理則是指在對(duì)圖像進(jìn)行處理過(guò)程中所使用的一系列技術(shù)，如圖像預(yù)處理、旋轉(zhuǎn)、平移、增強(qiáng)、分割、復(fù)原、識(shí)別、編碼以及壓縮等[1]。對(duì)于淘寶店鋪而言，不論是整體設(shè)計(jì)、封面設(shè)計(jì)、商品廣告圖設(shè)計(jì)，還是商品主圖設(shè)計(jì)、商品詳情頁(yè)設(shè)計(jì)等都離不開(kāi)圖形圖像處理技術(shù)的支持。通過(guò)圖形圖像處理技術(shù)，使用其編輯與繪圖等工具，可以有效地幫助淘寶店鋪進(jìn)行圖片、文字的編輯和處理，同時(shí)可以根據(jù)實(shí)際商品信息設(shè)計(jì)對(duì)應(yīng)的圖片等。

2? 應(yīng)用領(lǐng)域

2.1? 商品圖片處理

淘寶店鋪依托于商品圖片和文字，整體版面、促銷廣告、商品詳細(xì)信息、商品信息導(dǎo)航等都由圖片構(gòu)成，商品圖片給顧客留下第一印象。淘寶店鋪是否能吸引顧客眼球，很大程度上取決于商品圖片的美化程度，而利用圖像圖形處理技術(shù)則可以幫助淘寶店家將各類商品圖片信息、促銷信息、商品信息導(dǎo)航等按照相關(guān)要求進(jìn)行處理，進(jìn)而把商品信息完美地展示給顧客，為淘寶店鋪吸引更多的流量[2]。

2.2? 促銷廣告設(shè)計(jì)

對(duì)于顧客來(lái)說(shuō)，之所以看上某款商品，是因?yàn)槭艿缴唐窂V告信息的吸引，從而了解商品的詳細(xì)信息，進(jìn)而下單購(gòu)買商品。所以，淘寶店鋪的廣告設(shè)計(jì)也有助于營(yíng)銷。利用 Photoshop 技術(shù)對(duì)商品圖片加以設(shè)計(jì)，添加文字促銷信息，根據(jù)商品需要的實(shí)際效果來(lái)進(jìn)行設(shè)計(jì)，添加各種元素組合，制作了網(wǎng)店的促銷廣告，顧客受到促銷廣告的吸引進(jìn)入網(wǎng)店。

2.3 ?詳情頁(yè)設(shè)計(jì)

詳情頁(yè)是網(wǎng)店用于詳細(xì)描述商品的頁(yè)面，幫助顧客更加細(xì)致地了解商品信息，主要由圖片和文字組成，Photoshop 技術(shù)在詳情頁(yè)的設(shè)計(jì)中可發(fā)揮很大的作用。拍攝產(chǎn)品圖片后，若要給顧客呈現(xiàn)出更理想的效果，往往都離不開(kāi)后期修飾，這就需要應(yīng)用圖形圖像處理技術(shù)。而且在實(shí)際拍攝中，在環(huán)境、拍攝技巧、拍攝設(shè)備等因素的影響之下，最終拍攝出來(lái)的產(chǎn)品圖片可能會(huì)出現(xiàn)偏色，或者是曝光不足、過(guò)度以及細(xì)節(jié)丟失等問(wèn)題。對(duì)此，我們可以利用 Photoshop 技術(shù)強(qiáng)大的色調(diào)調(diào)整功能和其他功能來(lái)予以有效解決，優(yōu)秀的詳情頁(yè)信息可以吸引顧客的眼球并促使顧客下單。

2.4? 版面設(shè)計(jì)

淘寶店鋪的版面設(shè)計(jì)直接會(huì)影響流量，顧客進(jìn)入淘寶店鋪之后，往往希望快速看見(jiàn)想要買的商品，這就要根據(jù)顧客的需求來(lái)設(shè)計(jì)版面[3]。所以，我們應(yīng)該利用 Photoshop 技術(shù)對(duì)淘寶店鋪的版面進(jìn)行精心設(shè)計(jì)，為其設(shè)計(jì)商品分類、商品導(dǎo)航、商品促銷廣告和優(yōu)惠券信息等。

3? 應(yīng)用方法66DBC426-1084-4E1A-B9AE-31DE04CCCD64

3.1? 處理商品圖片

顧客在網(wǎng)購(gòu)的過(guò)程中會(huì)發(fā)現(xiàn)，第一吸引眼球的就是圖片，商品圖片是影響顧客進(jìn)店瀏覽甚至購(gòu)買商品的重要因素。所以，我們需要借且 Photoshop 技術(shù)來(lái)對(duì)商品圖片進(jìn)行處理。

（1）對(duì)商品圖片進(jìn)行適當(dāng)裁剪。利用 Photoshop 軟件的旋轉(zhuǎn)、裁剪等工具處理商品圖片。網(wǎng)店中的商品圖片一般呈方形，以滿足顧客的視覺(jué)要求，進(jìn)而吸引顧客的眼球，提高網(wǎng)店流量[4] ;（2）對(duì)商品圖片進(jìn)行美化。用相機(jī)拍攝出來(lái)的商品圖片無(wú)法滿足網(wǎng)店的要求，所以需要用 Photoshop 技術(shù)對(duì)商品圖片進(jìn)行美化和調(diào)色。例如，用修復(fù)畫筆工具、污點(diǎn)修復(fù)工具等快速去除商品圖片中的污點(diǎn)，讓其符合顧客的審美要求，從而吸引顧客的眼球;（3）提高商品圖片的清晰度。一張清晰的商品圖片會(huì)影響顧客在網(wǎng)店停留的時(shí)間。所以，要求商品圖片無(wú)色差并且清晰。但是，在實(shí)際拍攝過(guò)程中，由于不能確保商品圖片的清晰度，所以要借助 Photoshop 技術(shù)提高商品圖片的清晰度，如利于色階工具和曲線工具調(diào)整商品圖片的色差和明亮度，使其更加接近真實(shí)色彩，盡可能地降低與原商品的色差。

3.2? 廣告設(shè)計(jì)

廣告設(shè)計(jì)在網(wǎng)店中也起到了重要作用，一張美觀的廣告圖片不僅可以吸引顧客的眼球，還能激發(fā)顧客的購(gòu)買欲望。所以，我們需要充分利用 Photoshop 技術(shù)做出更加有創(chuàng)意的商品促銷廣告，從而吸引顧客眼球和激發(fā)其購(gòu)買欲望。網(wǎng)店美工要做到：（1）確定商品圖片尺寸，并結(jié)合商品來(lái)確定廣告圖片的背景和色調(diào);（2）商品廣告圖片的字體選擇非常重要，要根據(jù)不同的風(fēng)格來(lái)設(shè)計(jì)不同的字體和字號(hào)。設(shè)計(jì)方案要簡(jiǎn)潔明了，同時(shí)要保證字體顏色醒目且不突兀，并與整體前景色調(diào)協(xié)調(diào)。

3.3? 網(wǎng)店版面設(shè)計(jì)

網(wǎng)店版面在網(wǎng)店設(shè)計(jì)中是重要模塊，對(duì)網(wǎng)店的經(jīng)營(yíng)有至關(guān)重要的作用。所以，在網(wǎng)店版面設(shè)計(jì)中，需要利用 Photoshop 技術(shù)對(duì)文字、商品圖片、色彩等要素進(jìn)行完美整合和設(shè)計(jì)，保證把商品信息更好地展示給顧客[5]。

3.4? 網(wǎng)店主頁(yè)設(shè)計(jì)

若要使得網(wǎng)店主頁(yè)相對(duì)精美，對(duì)其進(jìn)行合理布局非常關(guān)鍵。在設(shè)計(jì)網(wǎng)店主頁(yè)時(shí)，首先要考慮整體布局。布局是店鋪主頁(yè)設(shè)計(jì)的第一步，同時(shí)是顧客首先看到的內(nèi)容。對(duì)此，在網(wǎng)店主頁(yè)設(shè)計(jì)中，一定要考慮整體布局，如以自由式結(jié)構(gòu)或框架式結(jié)構(gòu)對(duì)網(wǎng)店主頁(yè)進(jìn)行設(shè)計(jì)。其中，利用 Photoshop 技術(shù)對(duì)網(wǎng)店主頁(yè)進(jìn)行設(shè)計(jì)，既可以突破手繪耗時(shí)較長(zhǎng)、修改不便等局限，還可以結(jié)合實(shí)際需求隨時(shí)做出調(diào)整，從而使網(wǎng)店主頁(yè)布局更加合理。

3.5? 豐富網(wǎng)店元素

仔細(xì)觀察不難發(fā)現(xiàn)，淘寶店鋪包含的元素很多。因此，利用圖形圖像處理技術(shù)把眾多元素融合在一起，并對(duì)其進(jìn)行細(xì)致處理，即可展示網(wǎng)店的商品信息。

4? 設(shè)計(jì)創(chuàng)新

如今，網(wǎng)上購(gòu)物十分方便，商品應(yīng)有盡有，網(wǎng)店不計(jì)其數(shù)。若要在一眾網(wǎng)店中脫穎而出，網(wǎng)店的美工設(shè)計(jì)就顯得尤為重要，通過(guò)視覺(jué)效果去吸引顧客的眼球，才能得到顧客的青睞。為吸引更多的顧客光臨自己的網(wǎng)店，必須從美工設(shè)計(jì)著手，把網(wǎng)店版面、商品海報(bào)、產(chǎn)品圖片、產(chǎn)品細(xì)節(jié)、字體等設(shè)計(jì)得更加完美。

4.1? 網(wǎng)店海報(bào)配色

一般而言，海報(bào)處于網(wǎng)店的黃金位置，是吸引顧客眼球的窗口。所以，網(wǎng)店海報(bào)配色在網(wǎng)店海報(bào)設(shè)計(jì)中占據(jù)重要地位。

在設(shè)計(jì)網(wǎng)店海報(bào)時(shí)，需要注重以下幾點(diǎn)：（1）色彩比例。主色彩占60%，次色彩占 30%，輔助調(diào)色占10%;（2）色彩搭配。整體色彩與主要元素色彩保持一致;（3）光與色彩的配合。冷暖色調(diào)相互配合以及保持光線協(xié)調(diào);（4）節(jié)日氣息。根據(jù)節(jié)日調(diào)節(jié)色彩，如元旦節(jié)可以使用喜慶的大紅色、春天可以使用與大自然相呼應(yīng)的綠色等，讓顧客感受到當(dāng)季氣息，增加購(gòu)買欲望;（5）整體顏色對(duì)比。較為強(qiáng)烈的色彩反差可以給人帶來(lái)不一樣的感覺(jué)，以吸引顧客的眼球，給顧客留下更為深刻的印象，從而在眾多網(wǎng)店中脫穎而出，進(jìn)而增加流量和收益。

4.2? 網(wǎng)店版面設(shè)計(jì)

網(wǎng)店版面美觀與否是影響顧客消費(fèi)的一個(gè)重要因素，要求網(wǎng)店版面具有吸引力和沖擊力，故在對(duì)網(wǎng)店版面進(jìn)行設(shè)計(jì)使必須樹(shù)立創(chuàng)新意識(shí)。要求結(jié)合使用圖片、文字、色彩等元素，且將商品信息融入其中，將精美的設(shè)計(jì)成果和商品促銷等信息展示給顧客。

在設(shè)計(jì)網(wǎng)店版面中，需要注重以下幾點(diǎn)：（1）突出商品促銷活動(dòng)的內(nèi)容，把促銷信息放在較為醒目的位置，讓顧客了解促銷信息;（2）圖片具有視覺(jué)沖擊力，給顧客留下深刻印象，并且有欲望點(diǎn)擊瀏覽;（3）文字廣告要簡(jiǎn)潔明了，切勿長(zhǎng)篇大論，把握顧客的關(guān)注點(diǎn)和興趣愛(ài)好，盡可能地展示顧客喜歡的東西;（4）適當(dāng)使用視頻元素去展示商品促銷信息，讓顧客更加直觀地了解真實(shí)商品信息;（5）適當(dāng)插入背景音樂(lè)，讓顧客獲得“身臨實(shí)體店鋪”的體驗(yàn);（6）適當(dāng)加入優(yōu)惠券等活動(dòng)，從而吸引顧客進(jìn)店瀏覽。

4.3? 網(wǎng)店字體設(shè)計(jì)

網(wǎng)店的主要宣傳載體是圖片和文字，商品信息和促銷信息都通過(guò)圖片和文字進(jìn)行傳遞。所以，不僅要求文案精美，還要求字體能夠吸引顧客的眼球。漂亮的字體可以為網(wǎng)店的版面和海報(bào)加分。在字體設(shè)計(jì)中，要突出網(wǎng)店的主題和商品特性;字體顏色與網(wǎng)店風(fēng)格相一致;使用顧客喜歡的主流藝術(shù)字體，增加網(wǎng)店活力。

5? 結(jié)語(yǔ)

網(wǎng)店要充分利用和發(fā)揮 Photoshop 技術(shù)的優(yōu)勢(shì)，將商品信息、海報(bào)信息和版面信息等展現(xiàn)給顧客，以增加瀏覽量，從而提高銷量?？傊?，在電商領(lǐng)域，圖形圖像處理技術(shù)在網(wǎng)店版面、商品詳情頁(yè)、店鋪促銷活動(dòng)等設(shè)計(jì)方面都起到了重要作用。

參考文獻(xiàn)：

[1] 陳利萍.以培養(yǎng)電子商務(wù)專業(yè)人才為目標(biāo)的圖形圖像處理課程教學(xué)探討[ J].當(dāng)代教育實(shí)踐與教學(xué)研究，2016（9）：229+228.

[2] 夏燾.基于網(wǎng)店美工崗位的 Photoshop 課程體系設(shè)計(jì)[J].課程教育研究，2017（7）：256.

[3] 張婧.計(jì)算機(jī)技術(shù)在圖形圖像處理中的應(yīng)用與關(guān)鍵技術(shù)[J].電子技術(shù)與軟件工程，2021（9）：122?123.

[4] 董羽.圖形圖像處理技術(shù) photoshop 教學(xué)實(shí)踐方式探索[J].大眾文藝，2021（6）：212?213.

[5] 劉一丁.淺析 Photoshop 技術(shù)在網(wǎng)店美工中的應(yīng)用[ J].2017（24）：117+120.

作者簡(jiǎn)介：

楊曉越（1991— ），本科，助理講師，研究方向：電商物流。66DBC426-1084-4E1A-B9AE-31DE04CCCD64