PS技術在淘寶美工設計中的應用創新研究

楊亞南

摘 要 網絡滲透到人類生活的每個角落，大多數年輕人對網購青睞有加，開淘寶商鋪也越來越成為青年創業的選擇。在眾多的淘寶店鋪中要想脫穎而出，首先要設計出精美的網頁。文章主要就Photoshop技術在淘寶美工設計中的應用做出研究和分析。

關鍵詞 淘寶美工設計；Photoshop；版面設計；海報制作

中圖分類號 G2 文獻標識碼 A 文章編號 1674-6708（2018）213-0117-02

如何在眾多店面中脫穎而出，提升自己的銷售業績，增加網店的訪問量是關鍵。因此，網店的美工設計就顯得尤為重要。以往，人們大多使用Dreamweaver進行網頁設計，但這個軟件在美工設計中略顯不足。Photoshop彌補了Dreamweaver的缺陷，成為美工設計中常用軟件。

1 網頁美工設計中Photoshop的應用表現

向人們傳遞信息是網頁設計的最主要目的。然而信息的傳遞需要不僅信息投放者還需要信息接收者。如何提高信息接受率，就需要從網頁的美工設計入手。精美的網頁設計可以輕松地向人們傳遞想要表達的信息。Photoshop便可以完成“美”的制作。

1.1 完成更加合理的布局

想要成功制作出精美的網頁，合理的布局是關鍵。設計網頁時，首先要考慮如何布局，二欄布局或者三欄布局，自由式結構或者框架式結構，以圖片為主或者以文字為主等。在網絡剛剛起步時，網頁設計師在進行網頁設計工作時需要使用手繪的方式，這種方式不僅浪費時間和精力還會使設計師們做很多無用功，效率低、質量差；Dreamweaver的廣泛使用，使網頁設計師們擺脫了手繪草稿的過程，實現了直接在電腦上呈現網頁的愿望，但這種方式最主要的缺陷是不能隨時修改，必須制作出實際的網頁才能看出效果。因此，這種方法并未提升制作效率。直到Photoshop軟件的出現，網頁設計師實現在制作過程中隨時調整和更換思路，大大節省了設計時間，提升了工作效率。

1.2 讓元素可以更加細致

網頁的設計過程較復雜，所需元素也較多，例如，導航條、菜單欄、圖標等細碎元素，其組合方式會影響整個頁面的主題表達。另外，各元素的位置、大小、形狀和外觀都會影響頁面的表達效果。這些細節的處理需要謹慎，處理不好會造成整個頁面的混亂，影響整體布局。完美的處理可以為網頁增色許多。因此，元素處理的細致與否決定了網頁的質量。Photoshop可以完美的做到元素的細致處理，它可以隨意更換元素的外觀，以保證設計師能夠做成想要的效果和質感，進而設計出完美的網頁。

1.3 讓色彩更加豐富

色彩搭配在網頁美工設計中也相當重要。Photoshop軟件的圖層功能可以幫助網頁設計師輕松完成色彩搭配。首先進行基本元素的選擇，接下來需要對不同區域和圖層進行調整。這樣便可以方便的進行顏色選擇。另外，還可以對顏色進行實時分析，隨時更換、方便合理。Photoshop軟件還提供了網絡安全色功能，可隨意挑選出的網頁安全顏色、網頁色相命令和網頁色譜。根據操作系統、瀏覽器、網絡環境、硬件系統的不同可以呈現出不同的顏色，但無論呈現何種顏色，都不會影響終端用戶的瀏覽效果。

1.4 讓動畫變得更加精巧

隨著網絡技術的不斷發展，人們對網絡的趣味性追求不斷提升。提升網頁的趣味性，激起訪問者的瀏覽興趣是提升瀏覽量的重要方式。動畫是提升網頁趣味性的良好元素，Photoshop軟件可以制作GIF格式的簡單動畫。實質上GIF格式就是將多個圖片組合到一起，形成一種簡單的動畫。GIF格式憑借其較小的文件體積和對瀏覽器要求較低的優勢，得到了廣泛的使用。

1.5 讓速率變得更快

互聯網高速發展，各種網站層出不窮，若不能占據速度優勢，必將被吞噬在互聯網大潮中。研究發現，一般用戶對網站加載的等待時間不超過10秒，甚至更短。網絡條件和網頁大小及元素的配置是網頁打開時間的影響因素。網絡條件相同時，網頁大小和元素配置成為關鍵因素。Photoshop軟件可以利用對圖片的減色處理方法，在不影響圖片正常顯示的條件下，縮減圖片大小。另外，還可以將大圖像分切為多個小圖像，同時完成多圖傳送，提高網頁的加載速度。利用Photoshop圖像切片時，必須將圖片形式轉變為Web形式。若對圖片沒有較高要求，考慮到占用面積大小，可將切片保存為GIF格式。若對圖片要求較高，需要進行細節展示，可保存為JEPG格式。如此，經過減色和切片處理后，網頁就可以被大大縮小，傳輸速度也將大大提高。

2 PS技術在淘寶美工設計中的應用創新

在電子商務異常火爆的時代，淘寶店鋪成千上萬，同一件商品在多家店鋪銷售的情況比比皆是。如何讓消費者選擇自己的商鋪、如何在千軍萬馬中占有一席之地、如何提升店鋪的營業額，淘寶的美工設計成為關鍵所在。完美的海報設計可以起到增強視覺沖擊力的效果，使特色產品更加醒目。

2.1 海報配色

海報的配色技巧有很多，在本節主要介紹五種。

技巧一：根據基本法則60：30：10設計色彩。主要內容是：配色時，主色彩的比例要占到60%，次要色彩的比例要占到30%，剩下的10%留給輔助色彩。這是一個設計色彩黃金法則。

技巧二：做到色彩的相互配合。在設計海報的整體色彩時要做到與海報中某個元素的顏色保持一致。一般是找到圖案里的某個突出的元素，這個元素要帶有一定的色彩。然后整體色彩根據選定元素的色彩進行搭配。

技巧三：注重光與色彩的關系。人們購買飾品，主要是為了給家里增加色彩。在設計海報時同樣也需要注意冷色與暖色的配合和光線問題。

技巧四：注重節日氣息。淘寶店鋪的色彩要根據節日改變色彩，例如，在元旦來臨時，可以將整體色調改為大紅色；在圣誕節來臨時，將整體色調改為紅白結合；春天來臨時，將整體色調變為綠色及黃色等，讓消費者們感受到節日的氣息，增加購買欲望。

技巧五：注重顏色對比。強烈的色彩反差可以給人一種莊重、正規的感覺。這里的顏色對比不只是講店鋪自身的顏色深淺問題，還指店鋪與店鋪間的顏色對比問題。強烈的色彩反差可以吸引眼球在眾多商鋪中脫穎而出。

商家可以在色彩搭配方面多下功夫，靈活越用配色技巧，可以使店面與眾不同，從而增加瀏覽量、提高銷售業績。

2.2 版面設計

海報設計是通過視覺進行信息傳達的方式。因此，版面構成必須具有沖擊力和吸引力，這就要求設計師具有獨特的創意形式，避免千篇一律。設計師的主要任務是以合理的形式將圖片、文字、色彩等要素完美結合，并將需要表達的信息完美呈現出來，以恰當的形式傳遞給消費者。根據使用目的和性質的不同，可將海報分為公共性和商業性兩種。海報廣告的設計要突出活動的內容，表現形式要給人以強烈的視覺沖擊力，使人印象深刻；創意形式要獨特、使人眼前一亮，激起消費者的閱讀興趣；文字的表達要簡潔明了，抓住消費者的關注點，并快速準確的將信息傳達給消費者。海報的版面設計可以采用中心式和環繞式兩種。環繞式版面設計由于其清晰、簡單的表達方式更受到淘寶網店的喜愛。

2.3 字體設計

海報中的文字是傳達信息的載體。因此，不僅文案的設計要朗朗上口、簡潔明了，字體的設計也需要具有視覺沖擊力、使人眼前一亮。好的字體設計可以為海報增色不少。根據海報的整體風格和內容設計字體，可使海報更具有整體性。一般情況下，淘寶網店的海報設計不需要多么復雜，突出商品的特性、激起購買欲望即可。設計時，字體的顏色要做到醒目但不突兀，需要與整體色調保持一致，又要盡可能凸顯出來。

2.4 制作技巧

產品的擺放位置根據海報需要展示產品的數量和大小合理確定。字體的擺放和顏色的確定要與整個海報的基調相吻合。分別從尺寸、風格搭配、展示產品和技術使用4個方面來分析海報的制作技巧。

1）尺寸。頁面海報的尺寸可根據需要靈活確定。一般情況下，寬度為950像素，高度443像素。

2）風格搭配。一般情況下，淘寶店鋪的首頁會展示店鋪的海報，首頁是消費者最先瀏覽的位置，海報與店鋪的裝修風格是否契合決定著為消費者留下初印象的好壞，也間接影響著店鋪收益。

3）展示產品。根據所需展示產品的性能、顏色、形狀等確定海報的色彩基調。既要突出展示產品，又要使其與海報融合，避免突兀的存在。

4）技術使用。設計海報時，可以根據需要使用鋼筆、吸管等工具。生成想要的效果、突出產品特色。

3 結論

綜上所述，PS技術在淘寶美工設計中的應用范圍越來越廣。網頁與海報的設計要考慮到整體風格和時間因素，使得店面設計更有視覺沖擊力，提升消費者的瀏覽興趣。

參考文獻

[1]王長瀟.傳統電視與試聽新媒體融合發展途徑的選擇與拓展[J].國際新聞界，2011（12）：11-16.

[2]陳璐穎.我國視聽新媒體行業發展研究[D].北京：北京印刷學院，2015.

[3]易紹華.數字化背景下中國電視媒體的網絡化生存研究[D].武漢：武漢大學，2009.

[4]劉怡多.傳統電視與視聽新媒體融合發展路徑的選擇與拓展[J].新媒體研究，2016（4）：68-69，78.