淺析商業(yè)購物網(wǎng)站網(wǎng)頁設(shè)計

張健　陳丹

隨著經(jīng)濟的快速發(fā)展，數(shù)字媒體時代姍姍到來，商業(yè)購物網(wǎng)站已在無形中走入人們的日常生活，致使商業(yè)網(wǎng)站的網(wǎng)頁設(shè)計，也日益引起廣大商家及媒體的關(guān)注，此類網(wǎng)頁的設(shè)計不再僅僅是一項技術(shù)，更可以貼切的形容為是一門藝術(shù)，在網(wǎng)頁主題鮮明，內(nèi)容豐富的基礎(chǔ)上，“美”則更好地表達了受眾對購物網(wǎng)站的訴求。

商業(yè)購物網(wǎng)站是企業(yè)向用戶提供的一個自由購物平臺，實行挑選，考量，咨詢，購買，評價一站式服務(wù)。網(wǎng)站則是在INTERNET平臺下宣傳企業(yè)形象和企業(yè)文化的重要窗口，因此網(wǎng)站的網(wǎng)頁制作已不再是隨意的把企業(yè)想要宣傳的內(nèi)容及圖片隨放在網(wǎng)上，更重要的是傳達一種自身購物網(wǎng)站的設(shè)計理念及風(fēng)格，其中自然包含更多的設(shè)計元素，根據(jù)不同消費人群的不同心理需求來設(shè)計網(wǎng)頁，在為顧客提供視覺享受的同時，更刺激顧客購物。

商業(yè)網(wǎng)站網(wǎng)頁設(shè)計作為視聽設(shè)計的新課題，將以網(wǎng)頁設(shè)計者的精湛技術(shù)和藝術(shù)審美為依托，對設(shè)計元素進行藝術(shù)規(guī)劃，從而達到藝術(shù)與技術(shù)的高度統(tǒng)一。設(shè)計者將網(wǎng)頁界面中的文本、聲音、動畫等多種數(shù)字媒體信息與創(chuàng)新的設(shè)計理念匯于一體，真正打造網(wǎng)上快捷交易、客戶信息反饋等多線條一站式服務(wù)平臺，也使得更多的商家紛紛加入到商業(yè)網(wǎng)上購物的潮流中，展現(xiàn)自身獨特風(fēng)格以增強企業(yè)知名度。

現(xiàn)實生活中，由于地區(qū)差異，造成人們購物不便，此類購物網(wǎng)站則匯集各種物品，省去繁多環(huán)節(jié)，降低成本，將最合理的價位和最好的品質(zhì)同時提供給消費者，通過順暢、享受的瀏覽體驗，使得網(wǎng)站得到更多人的關(guān)注。

網(wǎng)頁作為新的一種傳播載體，同其他出版物如報紙、雜志等在設(shè)計上有許多共通之處，都要遵循基本原則。但是，由于表現(xiàn)方式、運行模式的不同，網(wǎng)頁設(shè)計又有其特殊的設(shè)計原則，它是技術(shù)與藝術(shù)的結(jié)合，內(nèi)容與形式的統(tǒng)一，在主題鮮明的前提下，更注重視覺效果，將其展現(xiàn)給觀賞者，以滿足其訴求。

國內(nèi)外商業(yè)網(wǎng)站設(shè)計簡析

目前國內(nèi)商業(yè)網(wǎng)站自身存在不少問題，主要表現(xiàn)在：第一，規(guī)模小，相互之間聯(lián)系不緊密，處于分散狀態(tài)；第二，國內(nèi)網(wǎng)站在首頁頁面設(shè)計上放置太多內(nèi)容，尤其是大量的植入廣告，使整體版面過于雜亂，給人視覺效果不佳；第三，過多的展示內(nèi)容，而忽視其整體的設(shè)計理念。由于國內(nèi)商業(yè)網(wǎng)站現(xiàn)存的種種問題和不足，難以與國外一些知名網(wǎng)站抗衡。因此，國內(nèi)商業(yè)購物網(wǎng)站進行資源整合、共享可謂是大勢所趨，采取先進和有特色的設(shè)計理念迫在眉睫。

相比而言，國外的商業(yè)購物網(wǎng)站的設(shè)計則融入了時尚的元素，行業(yè)分工明確，安全性較高，值得我們運用和借鑒。如歐美用戶較不習(xí)慣過于鮮艷的設(shè)計風(fēng)格，僅以的簡潔、大氣嚴謹?shù)娘L(fēng)格展現(xiàn)其網(wǎng)頁，但簡約中不失設(shè)計理念及元素的融入，給人過目不忘之感。而韓國網(wǎng)站設(shè)計則在內(nèi)容排版、色彩搭配、圖片運用上非常和諧統(tǒng)一，突出其特有的韓流文化，使“韓流文化”深入人心，更引領(lǐng)時尚潮流，人人追捧。

科技時代引領(lǐng)人們進入快速生活的軌道，繁雜的購物過程不再是人們，尤其是年輕人的選擇，商業(yè)購物網(wǎng)站作為新興的時尚標(biāo)志性行業(yè)，受到了諸多年輕人，甚至是中年人的青睞。面對即將興起的90后的主要消費群體，網(wǎng)上購物將成為他們生活中不可或缺的一個重要組成部分，因此，他們更注重的是彰顯個性，弘揚年輕的購物體驗，在內(nèi)容豐富的基礎(chǔ)上，新穎、創(chuàng)新、大膽、具有時代風(fēng)格展現(xiàn)的購物網(wǎng)頁將引起他們的極大關(guān)注和追崇。

網(wǎng)頁設(shè)計應(yīng)符合系統(tǒng)性，靈活性，創(chuàng)新性的要求。

網(wǎng)站CI要素的確定

商業(yè)購物網(wǎng)站的中心詞就是購物，因此logo的設(shè)計主要是以圖形與文字相互結(jié)合的基本形。通過對產(chǎn)品的特殊表現(xiàn)體現(xiàn)站點的中心。商業(yè)購物網(wǎng)站的網(wǎng)頁設(shè)計完全可以從圖像入手，讓圖像傳遞信息，以強烈的視覺沖擊力打動觀眾的心，激發(fā)觀眾的購買欲，網(wǎng)絡(luò)廣告還可以很好地將概念化的東西轉(zhuǎn)化為視聽語音，以此來感染大眾的情緒，影響他們的心理，完成商業(yè)運作及廣告宣傳，讓大眾最終實施消費行為。

合理的布局，可以將頁面中的文字、圖像等內(nèi)容完美地展現(xiàn)給瀏覽者，優(yōu)化網(wǎng)頁的頁面效果，提高視覺享受。網(wǎng)站網(wǎng)頁具有許多特性，如多屏、分頁、嵌套等。因此，設(shè)計者可以在形式上對其進行優(yōu)化和合理編排，達到多變性的處理效果，展現(xiàn)其形式美。作為商業(yè)網(wǎng)站，網(wǎng)頁應(yīng)采用“三”型結(jié)構(gòu)布局（此布局也常用于國外的網(wǎng)站），這種網(wǎng)頁布局是用橫向的兩條色塊將整個網(wǎng)頁劃分為上、中、下三個區(qū)域，其中會員管理模塊包括用戶注冊、用戶審核和用戶登錄驗證； 在線購物模塊包括商品搜索、購物車管理、訂單查詢； 系統(tǒng)管理模塊包括商品信息管理、用戶管理和交易信息管理，層次分明。而對于網(wǎng)頁的二級目錄網(wǎng)頁和文章閱讀網(wǎng)頁采用了“T”型結(jié)構(gòu)布局，一般是網(wǎng)站標(biāo)志和廣告條，使得網(wǎng)頁頁面設(shè)計結(jié)構(gòu)清晰，突出內(nèi)容，更彰顯創(chuàng)造力。

做到內(nèi)容與形式的高度統(tǒng)一，內(nèi)容是設(shè)計存在的基礎(chǔ)，可謂是“設(shè)計的靈魂”。而形式是內(nèi)容的外部表現(xiàn)方式。網(wǎng)頁設(shè)計的內(nèi)容指的是其主題、題材、主要內(nèi)容等要素的總和，形式則是對它的布局、風(fēng)格或設(shè)計語言等表現(xiàn)方式。內(nèi)容決定形式，形式反作用于內(nèi)容。一個優(yōu)秀的設(shè)計必定是形式對內(nèi)容的完美表現(xiàn)。正如黑格爾所說：“工藝的美就不在于要求實用品的外部造型、色彩、紋樣去摹擬事物，再現(xiàn)現(xiàn)實，而在于使其外部形式傳達和表現(xiàn)出一定的情緒、氣氛、格調(diào)、風(fēng)尚、趣味，使物質(zhì)經(jīng)由象征變成相似于精神生活的有關(guān)環(huán)境?！保ê诟駹枴睹缹W(xué)》第三卷）網(wǎng)頁設(shè)計表現(xiàn)其形式美，不但要適合主題的需要，更要彰顯其獨特的設(shè)計風(fēng)格，不能只有花哨的一面，而缺乏藝術(shù)的表現(xiàn)，是整個網(wǎng)頁空洞無力，給人虛無縹緲之感。在設(shè)計網(wǎng)頁時，不必刻意注意冗長而繁雜的技術(shù)，更強調(diào)的是其藝術(shù)感的展現(xiàn)，最終達到內(nèi)容的高度形式化的展現(xiàn)，宗旨還是為購物網(wǎng)站的推廣和營銷做足準備。

色彩的選擇對一個網(wǎng)站來說是至關(guān)重要的。若網(wǎng)頁頁面的色彩和諧統(tǒng)一，則給人一種幽雅、寧靜感；若色彩明快，則會使網(wǎng)頁顯示出活躍、生動的氛圍。但是，若色彩對比感過于強烈，雖具有一定的沖擊力，但會造成瀏覽者視覺上的不舒服。因此我們的色彩設(shè)置需符合網(wǎng)站的定位，迎合受眾心理，將主色調(diào)設(shè)置為暖色系，輔以白色，它代表純潔，干凈，無處不在的生機和活力，充分體現(xiàn)了受眾群體的向往和熱愛，從而刺激瀏覽欲和購買欲。

視聽元素，主要包括文本、圖像、導(dǎo)航工具、背景音樂、動態(tài)影像等。數(shù)字及新媒體技術(shù)的應(yīng)用大大豐富了網(wǎng)頁藝術(shù)設(shè)計的表現(xiàn)力。以上各視聽元素都可以顯示或收聽，無需任何外部程序或模塊支持。比如，瀏覽器大多可以顯示PNG、JPEG圖形和GIF動畫。還有音頻文件（如MP3）無需啟動外部程序來播放，實現(xiàn)網(wǎng)站環(huán)境下的播放。目前ActiveX已成為熱門技術(shù)，并日漸成熟。而Java Applet，則是用Java語言編寫的應(yīng)用于網(wǎng)頁之中的小應(yīng)用程序，更具靈活性和跨平臺工作能力。由此可見，技術(shù)的發(fā)展對網(wǎng)頁設(shè)計起到了良好的推動作用，使瀏覽者可以享受到更加完美的視聽效果。

作為商業(yè)購物網(wǎng)站的系統(tǒng)開發(fā)平臺Windows 7 所支持的常用字體就應(yīng)該作為標(biāo)準字體，因此本網(wǎng)站選擇宋體作為標(biāo)準字體，對于一些特殊的，需突出展現(xiàn)的可采用其他藝術(shù)夸張字體。

而對于標(biāo)志性圖片，則將人物以漫畫的形式表現(xiàn)出來作為標(biāo)志性圖片，更加體現(xiàn)了購物的樂趣。圖像是文字的具象化，能極大地提升文字感染力，將抽象的思考予以“具體化”的表達，把某些無法用文字表現(xiàn)出來的視覺特征，通過圖像形象地表現(xiàn)出來，它應(yīng)該是一種文字意念的“再創(chuàng)造”。

國內(nèi)現(xiàn)有商業(yè)網(wǎng)站缺陷

目前的商業(yè)購物網(wǎng)站在商品展示時大多是采用同一個模式，即圖片與文字并用。在商品外觀的展示方面則主要依靠圖片。這種展示方式的缺陷就在于，缺乏直觀感受和沖擊力，消費者在購買商品時，需要花費大量的時間和精力去了解商品，瀏覽很多圖片，這只會造成消費者快速尋找到自己所需的產(chǎn)品后結(jié)束購物，不能夠起到很好的刺激消費的作用。而各種網(wǎng)頁設(shè)計手段與編排手法的運用，就是要讓消費者產(chǎn)生一種心理暗示，引導(dǎo)其對目標(biāo)網(wǎng)站產(chǎn)生興趣和購買欲望，尤其是網(wǎng)站的主推商品。

現(xiàn)今的網(wǎng)頁設(shè)計所追求的形式美，不太適合主題的需要，只講究形式美感，過于強調(diào)獨特的設(shè)計風(fēng)格而脫離內(nèi)容，或者只求內(nèi)容而缺乏藝術(shù)的表現(xiàn)，都會使網(wǎng)頁的頁面設(shè)計空洞乏味。另一方面，有很多圖片并沒有存在的必要性，為了展現(xiàn)而刻意裝飾，不了解企業(yè)或商家的經(jīng)營策略，設(shè)計沒有針對性，往往造成圖像與內(nèi)容特性不符，不能吸引讀者注意力，而提高網(wǎng)站知名度，達到很好的宣傳效果。

總結(jié)

商業(yè)購物網(wǎng)站的網(wǎng)頁設(shè)計作為一種新的視覺表現(xiàn)形式，它的發(fā)展雖然沒有多長時間，但同時融入了傳統(tǒng)平面設(shè)計與三維動感設(shè)計的特征，成為今后信息交流的一個主要的途徑。也使得網(wǎng)頁設(shè)計可謂是一種綜合性的設(shè)計，它所涉及的范圍非常的廣泛， 包括消費者心理學(xué)、視覺設(shè)計美學(xué)、人機工程、哲學(xué)等諸多方面，當(dāng)然科學(xué)技術(shù)的發(fā)展是其基礎(chǔ)所在。電子商務(wù)網(wǎng)站具有幫助企業(yè)達到自身與個人、企業(yè)和政府快速溝通、宣傳企業(yè)文化、樹立企業(yè)良好形象的目的。網(wǎng)頁設(shè)計不僅是為了滿足瀏覽者購買商品的需求，更重要的是創(chuàng)造一種愉悅的視覺環(huán)境，將技術(shù)與藝術(shù)進行有機結(jié)合，是網(wǎng)頁設(shè)計的功能和理念得以更好的突出。

作為視覺設(shè)計范疇下的一種藝術(shù)展現(xiàn)，其目的是更好的滿足訴求需要。以上設(shè)計感的滿足依賴于主題思想在邏輯線條下的理性展現(xiàn)，同時輔之設(shè)計理念的，嵌入時尚元素，使之能夠突出主題，符合瀏覽者獲取信息的心理需求，增強視覺享受，增強瀏覽者對網(wǎng)頁的瀏覽欲。只有內(nèi)容與設(shè)計達到高度地有機地統(tǒng)一，才能達到最佳的主題訴求效果。

互聯(lián)網(wǎng)憑借其信息量大、覆蓋面廣、方便快捷、互動性強等特點，逐漸成為人們學(xué)習(xí)、生活、工作中獲取信息的重要媒體。從中國互聯(lián)網(wǎng)信息中心的調(diào)查數(shù)據(jù)看，我們50%的上網(wǎng)用戶目的是獲取信息，居各種上網(wǎng)目的的第一位，正是由于人們對信息量的需求，導(dǎo)致了人們對這一新興媒體的依賴。

在Internet上信息的傳播是靠客戶的瀏覽，如果沒有訪問者，信息將無用武之地。網(wǎng)站需要豐富自己的網(wǎng)上傳播內(nèi)容及傳播表達手段，以吸引更多的讀者訪問自己的網(wǎng)站，激活自己的主頁和信息頁。激活率越高，就意味著它對網(wǎng)民的吸引力越大，從而吸引更多的小企業(yè)、個體經(jīng)營者租用自己的網(wǎng)站設(shè)置網(wǎng)頁，獲得更多的收入。目前網(wǎng)絡(luò)媒介一般是免費向讀者提供信息的，它從內(nèi)容傳播本身并不能取得收入。但它還是堅持不懈地更新網(wǎng)上新聞、娛樂方面的內(nèi)容，其用意無非是持之以恒、鍥而不舍地在網(wǎng)上建立自己網(wǎng)站的聲望，加強知名度、印象度，為開展廣告經(jīng)營，取得廣告收入的回報創(chuàng)造條件。因而對于一個網(wǎng)站來說，如何讓讀者更多更好地接受信息是提高網(wǎng)站知名度的關(guān)鍵。（作者單位：陜西科技大學(xué)）