駱駝服飾旗艦店網頁設計

李軍

摘 要：網絡視覺設計區別于其他傳統的平面媒體，對于報紙、雜志、圖書，設計時要考慮其特定的空間限制，但對于網頁來說不存在限定的概念。不過兩者所遵循的設計原理是一致的。要將所有要表現的元素有層次和邏輯性的進行排列，符合人的視覺流程。所以優秀的網頁設計第一點要考慮的是內容上的精益求精。這就需要通過第二點對內容合理有效的視覺編排來實現。本次畢業設計圍繞著色彩、圖像、文字三大部分出發來對網頁的編排進行設計。從圖片的處理，把控整體的色調和構圖來為觀者營造出一種輕松愉悅的視覺環境，讓他們有一種全身心的享受與共鳴。使其在享受美感的同時，接受設計師所要傳達的信息。

關鍵詞：網頁設計；視覺元素；構成要素；有效性

1 駱駝服飾旗艦店總體說明

1.1駱駝服飾旗艦店網頁設計的總體規劃

網頁設計是通過很多的設計領域啟迪、順應時代要求而產生的一門新的藝術設計類型，它既有與傳統的設計藝術相同的美學規律，又有其自己的特色，具有相同的智慧和激情的表達方式，它是需要用頭腦和心來創作的。同時“視覺設計”以功能和美學為載體而創作。它分成兩個主要領域：設計和風格。“設計”是為了符合一個特定的目標；“風格”是為了引起消費者的注意力。[1]本次的設計不僅僅是為了迎合商業銷售的用途，有的設計將大部分的注意力放在了如何讓作品引人注目，為了美感而忽視了功能，或者為了功能而忽視了美感的設計都是不成功的。在網頁設計中，首先要考慮技術實現的問題，然后才是如何讓網頁美觀、視覺效果的統一以及網頁整體結構的合理性。本次設計將把以上因素有效的結合在一起，依照編排中的三大構成和形態構成進行網頁規劃。

1.2網頁界面設計中的思考

網頁是通過視覺元素吸引受眾并進而實現信息內容的傳達，為了使網頁獲得最大的視覺傳達功能，使網頁真正成為可讀強性而且新穎的互聯網載體，網頁的設計必須適應人們視覺流向的心理和生理的特點，由此確定各種視覺構成元素之間的關系和秩序因此，在網頁信息的表達上，靈活而合理地運用視覺流程和最佳視域，組織好自然流暢的視覺導向，準確的利用各個視覺元素的功能與形式美，將直接影響到信息傳達的準確與有效性。[2]優秀的網頁界面設計簡單明了，好的設計需要服務于功能，人們會在使用功能的同時慢慢的接受設計。

1.3設計預期取得的效果

本次的設計將構架好網頁內容。在情感上實現戶外用戶群的精準定位，符合他們的使用體驗。整體上用戶能對信息溝通順暢，保持體驗統一，信息傳達快速，細節上局部的設計會有貼心令人驚喜的體驗。體現駱駝的品牌形象，是其元素保持延續和統一，在共性的基礎上，給人耳目一新的感受。通過合理的劃分界面邏輯結構，按照不同的功能與內容邏輯進行劃分，突出結構主次。在注重客戶體驗的時候增強用戶體驗，提升老顧客的粘性，增加訪問次數和提升寶貝停留時間。減少客戶流失，提高店鋪的轉化率，做好視覺營銷，實現店鋪的整體盈利。

2 駱駝服飾旗艦店網頁策劃需求

2.1駱駝服飾旗艦店網頁策劃

創建于2005年的廣東駱駝服飾有限公司負責全權運營“CAMEL駱駝”品牌的發展。據介紹，駱駝品牌來源于人類途步靈感的象征意義，代表人們向往探索，渴望自由的心靈釋放。其倡導的是一種舒適自由，輕松享受的品牌文化，舒適休閑是其最深入人心的特色，在設計源頭就將產品組合和顧客形象搭配納入其中，注重設計感、服飾搭配和舒適性，在細節之處創造美感。駱駝品牌與其他服裝品牌主要差異在于產品多以自然、厚重為主，注重產品與時尚元素的結合，能夠將時尚與休閑、高貴與精美、美觀與舒適等等元素融為一體，便于滿足消費者的需求。[2]本次的設計將圍繞是樹立企業的形象，通過天貓這個平臺來為自己的產品和銷售業績做宣傳。

2.2客戶需求分析

對于駱駝的客戶分析得出，一是駱駝品牌的擁有者自身的定位在舒適休閑的自由之風。產品會從服飾跨度到鞋包，這就要求設計風格的多元。二是對于目標消費群體分析得出，一般為年齡在18-50歲的都市男女，購買力中上，受教育程度本科以上的戶外休閑人群。這些人群對于審美要求偏高，總結得出本次的畢業設計就圍繞著戶外、運動、簡潔方向的點來完成。

2.3網頁中信息有效性傳達的分析

各種視覺元素在視覺語言中的位置不同，其作用也不同。由于它們是按照一定的規律和邏輯性排列組合起來的，如果破壞了這種規律與邏輯，視知覺就無法識別和接受。[3]因此，在視覺信息傳達時要依靠統一與對比、虛與實、大與小等形式手法，根據信息的順序將視覺元素進行排列組合，從而產生強弱、主次等視覺語言的邏輯性。

3 駱駝服飾旗艦店網頁設計說明

3.1導航的設計

導航在網站中起到了地圖的作用。根據人們的視覺流程從上到下、從左到右的規律在最頂部使顧客非常容易找到自己所看到，清楚的告訴了訪問者自己所在網頁中的位置，如何到達正在尋找的信息以及其他還有哪些內容可以瀏覽。在導航上是banner的設計，添加了駱駝的標志，引導語的文案告訴消費者駱駝品牌自身是美式休閑領導者同時也是全網銷量的冠軍，給顧客以品牌和品質的保障。右側的優惠券采用紅黃的顏色搭配，通過色彩上的差異進行對比突出。見附錄圖A1-1 店招導航的設計

3.2新品分區的設計

3.2.1Banner的設計

Banner有三部分組成，產品、背景、文案。根據之前的分析，本張的設計是采用了左文右圖的購物。在選圖的方面上，模特位于圖片的黃金分割點，在蔚藍的游泳池下即表達了春天的蓬勃朝氣，也傳遞這夏季涼爽的心境。整體的主色是偏向藍、綠色調。藍綠色的搭配不僅和諧，而且非常時尚，對顧客傳遞這熱烈、健康、激動的信息。字體選用加粗的宋體和微軟雅黑，白色的字體顏色在藍色底下對比突出明顯，能讓顧客一眼看出是新品發布的主題。字體上細下粗，主次分明，形成對比，四方的構圖十分穩重，非常平衡。

3.2.2服飾店的分區設計

斜切式的構圖使畫面顯得時尚，動感活躍，在版式設計中，平衡感極為重要，左面模特的視線引導顧客在右側鞋子上，鞋子的構圖是傾斜40度，在兩張圖片大小一樣的情況下，能形成很好的呼應。

整體的背景色在頁面中起到了非常重要的作用，決定了頁面的整體印象。一是結合本身品牌印象進行色彩選擇。會以藍、綠色系為主。綠色是自然界中植物的色彩，是戶外最大氣的顏色，它的轉調領域十分廣泛，搭配任何色彩都會顯得很漂亮。藍色對視覺的刺激較弱，能夠使人聯想到寬闊的海洋和蔚藍的天空，會使人變得心胸開闊、理智、博大，同時也是前衛只會的象征。兩者的結合會使人聯想到平靜的湖水，有豁達、安靜、寬闊的感覺。是對品牌本身彰顯的自然與時尚最好的定義。它環抱著整個頁面，起到協調、支配整體的作用，淺藍色顏色明亮，使整體的色調也變得明亮。產品的的底色是灰白色的顏色選擇，能很好的與藍綠色調相配合，即增強了產品的感染力，同時也給人帶來輕盈、明快之感。

從針對的人群來說，男性的特點是剛硬，所以在排版上中規中矩，通過不同的產品圖來多方位的展示產品。主要分成三版，左側是模特圖，簡潔干凈，沒有任何文字添加；中側上面僅放置字體，大小和加粗的對比能給略死板的空間帶來一絲活躍的氛圍，下方的產品直接采用俯視圖，能很好的與左右側產品形成對比，表現差異，會將爆款主推的鞋子放在這個黃金位置。右側是三類鞋子的展現，統一的角度和大小有一定的規范。

4 結語

綜上所述：本次的設計主要從網頁中的視覺信息入手，站在顧客的角度，重點研究并設計了如何通過實際的設計來提高視覺信息傳遞效率的問題。不僅僅是視覺審美方面的形式研究，更需要從人的生理結構出發，結合心理機制的相關內容進行分析，同時也明確了在創作中最重要的是設計本身，而不是操作軟件。有了本次的思路，通過對駱駝服飾旗艦店的調查和分析，得出顧客所瀏覽網頁的主要需求并結合設計實例，分析存在問題的具體體現和原因。預期本次的設計將會對銷售額的提升有很大的幫助，能夠實現銷售平臺的最優化模式，帶動企業的利益持續增長。不足之處需要通過顧客實際的評價和后臺數據的統計監測得到本次設計的反饋。

參考文獻：

[1] 潘艷飛.網頁的色彩表現[J]. 美與時代（下半月）.2008（12）.

[2] 許金友.藝術與技術的完美結合——淺議網頁設計的特色[J]. 藝術與設計（理論）.2009（04）.

[3] 何麗萍.網頁的版式設計對信息傳遞的影響[J]. 上海工藝美術. 2010（01）.

[4] 王小妍.點、線、面在網頁設計構成元素中的應用[J]. 美術教育研究.2011（07）.