購物網站廣告設計中的交互原則和色彩應用研究

王 巍 翟浩鵬 梅常青 (黑龍江財經學院 黑龍江哈爾濱 150000)

購物網站廣告設計是實現購物網站廣告到達率的必備技術手段，沒有很好設計和創意的廣告是不能實現預期的廣告效果的。所以設計中的交互原則和色彩因素就成為購物網站廣告設計視覺傳達中的重點研究內容。

一、 購物類型網站的廣告設計特征

1.廣告展現規范

目前互聯網的網站頁面尺寸，隨著顯示設備的更新尺寸不斷增加，從傳統的800像素寬度正在向1024像素普及。購物網站由于單頁面信息量較大，普遍采用1002像素的寬度（瀏覽器含有邊框和右側滑動條），長度往往都超過3000像素。在這樣大型的界面上規范廣告尺寸是保證購物網站整體交互效果的必然要求。除標準的廣告尺寸外，還有通欄、超級通欄、巨幅廣告、豎邊廣告、全屏廣告、彈出廣告、流媒體廣告等，可根據實際廣告內容與界面情況設定。

2.UI交互優化

UI的設計，已成為現在工業設計的重要組成部分，不但電子產品設計了很優良的人機交互，網站的UI交互也逐漸成為網站運營的重點。

（1）交互原則一致

網站存在多個組成部分（組件、元素）。不同組成部分之間的交互體驗需要一致。

（2）元素外觀一致

交互元素的外觀往往影響用戶的交互效果。同一個（類）購物網站采用一致風格的外觀，對于保持用戶焦點，改進交互效果有很大幫助。遺憾的是如何確認元素外觀一致沒有特別統一的衡量方法。因此需要對目標用戶進行調查取得反饋。

（3）交互行為一致

在用戶登錄網站后，在同一位置操作的功能按鈕要盡量保持一致，用戶對此產生操作習慣，這樣有助于用戶更有效地使用各種交互功能。

二、 購物網站廣告設計的色彩應用

1.視覺色彩和諧原則

（1）色相刺激量和諧原則

根據常用色彩模式HSB，H色相環中的色相排列，0度至359度展現亮度和飽和度為100的所有純色，那么度數越大刺激量也就會隨之增大。具體體現為，0度紅與30度橙色差小，刺激量微弱。0度紅與60度黃色差小，刺激量弱。0度紅與90度黃綠色色差加大，刺激量中，0度紅與120度綠色差大，刺激量中高。0度紅與150度青綠色色差很大，刺激量高。0度紅色與180度青色色差極大，刺激量強。

購物網站的廣告色彩選擇應了解色彩的刺激量，刺激量越大反差就越大，就要注意色彩的和諧性。

（2）飽和度與亮度的和諧原則

HSB色彩模式中，S（飽和度）B（亮度）構成色彩立面模型，可以歸納成點性規律、線性規律、面性規律（區域規律）。點性規律是任何色彩只要S、B值相同，色彩具有高和諧性。線規律，S線規律是飽和度相同的色彩具有規律性。B線規律是亮度相同的色彩具有規律性。從S、B為100到S、B為0的線為正斜線，正斜線的色彩具有規律性，從S為0，B為100到S為100、B為0的線為反斜線，反斜線的色彩具有規律性。面性規律是S、B模型根據色彩區域劃分，分為白區、彩區、黑區、灰區、上三角區、下三角區、左三角區、右三角區和中方區九個區域。每個區域具有各自的色彩屬性。

在購物網站廣告的色彩設計中，要把握好S、B值構成的各種色彩規律，由整體色彩設計規范下的各個廣告色彩才能得到很好地展現，那么通過色彩各種規律的色彩設計就能很好地優化色彩整體調性，達到色調和諧，廣告突出的目的。

2.購物網站廣告的色彩設計應用

購物網站具有網站類型中購物的獨特商業屬性，所以購物網站廣告色彩設計要體現更加優秀的色彩整體和諧性。

色彩的視覺和諧是需要合理利用色彩搭配相關知識，將可視面積內的設計元素全面進行色彩設計的結果。要求設計師能掌握相應的色彩設計方法和理論。色彩的和諧在網站設計中，具有更加突出的作用和交互體驗。好的色彩搭配頁面，會讓用戶感覺舒服，平均觀看時間大大增加，有效地提高網站的關注率，如果不注意色彩的搭配和交互內容，則用戶還未看清網站內容就會匆匆地關閉掉網站，其他內容就無從談起了。

色彩在網頁廣告中，應該遵循簡單、和諧、主題突出的原則。把網頁廣告的主題設置為醒目的顏色能有助于用戶快速找到廣告的傳播內容和主體。

3.網頁廣告色彩的設計原理

（1）色相對比越強，色彩刺激量越大

在色相環中，色彩的跨度越大，往往色彩的差異也就越大。根據色彩試驗表明，色相環中越是接近的色相，色彩對人視覺的色彩刺激感官越弱。色相差異越大，色彩對視覺刺激感越強。

（2）自然色彩是設計的建議色彩

五彩斑斕的大自然，還未有人類的歷史就早有自然色彩了。色彩的自然屬性和自然產生的和諧，是設計師要感受和領悟的。自然界的色彩本身就具有和諧性，在一定的設計和總結后，能給設計師很好的設計靈感。

（3）色彩的整體性

不同設計主題的體現，需要設計者即能照顧整體設計的統一性又能體現不同設計區域的特色，這樣就要有一定的色調的整體把握和安排了，同一個網站不應該同時有多套色調設計，最好能維持一套色調。這樣用戶在不同頁面登錄都能有同站的感受。

（4）色彩面積匹配的效果

色彩設計中，面積因素是比較重要的，色彩面積越大其色彩的視覺效果就越明顯。最大的色彩面積為主色，應該大于總面積的三分之二左右，輔色為三分之一左右，還可以設計一些點綴色。構成一套完善的色彩面積規劃是必須要合理設計的。

（5）不同地域、不同民俗會有不同的色彩心理

能引起觀者審美心理共鳴的配色是和諧的。由于各個民族以至每個人的心理特點（如性別、年齡等）、心理變化（如歡樂、喜悅、悲哀等）和生存的社會條件（如文化、科學、藝術、教育、政治經濟等）、自然環境的不同，表現在氣質、性格、愛好、興趣以及風俗習慣等方面是不盡相同的，在色彩方面各有偏愛。

總結

購物網站廣告設計的交互是實現網站的人性化設計的重要體現，優化的交互讓訪問體驗更加高效，讓消費者更加喜歡網站。色彩是購物網站整體視覺質量的保證，良好的色彩規劃能有效地促進購物網站的廣告到達率，提升廣告的消費水平。

[1]楊榮剛著.《現代廣告策劃》，機械工業出版社，1989年9月.

[2]田平主編.《企業形象策劃》，中央編譯出版社，1995年1月.

[3]陳寶瓊、陳培愛主編.《廣告學》，武漢大學出版社，1995年5月.

[4]樊志育：《廣告學》，臺灣1970年8月初版.

[5]（美）歐蓋因(O’guinn T.C.)等：《Advertising》，大連：東北財經大學出版社，1998年3月.