網店版面設計
1、網店視覺的圖像設計是怎樣的?
圖像在網店中是非常重要的部分,其視覺沖擊力相對文字要強很多。它能夠在瞬間吸引顧客的注意,讓他們知道你產品的基本信息。在多媒體的世界,它的作用比文字要大。在網店中,優秀的產品圖像更是增加瀏覽量和促進購買的關鍵。應使圖片在視覺信息傳達上能輔助文字,幫助理解。因為圖片能具體而直接地把信息內容高素質、高境界地表現出來,使本來平淡的事物變成強而有力的訴求性畫面,體現出更強烈的創造性。圖片在版面構成要素中,充當著形成獨特畫面風格和吸引視覺關注的重要角色,具有烘托視覺效果和引導閱讀兩大功能。
網店的圖像主要有廣告圖、產品主圖、實拍圖等。如何打造和美化這些圖片呢。
(1)廣告圖。一個網店的廣告圖是為網店的推廣服務的,一般都包括產品海報、焦點圖、促銷海報、鑽展、直通車圖片。做好了這些圖,你的推廣費從此不再打水漂。首先要主題明確,不要出現多個主題現象;其次風格切忌掛羊頭賣狗肉,簡單地說就是表裡如一;再次就是構圖忌諱整齊劃一、主次不分、中規中矩;最後就是細節了,細節決定成敗,一切的效果都要在細節中實現。
(2)產品主圖。一張好的產品主圖能決定50%的購買慾望。主圖可以放的內容包括品牌LOGO、產品價格(如2折、僅99元等)、促銷詞彙(如包郵送禮、僅限今日等)。從2012年10月1日開始在類目客服的支持下,主搜圖是否有「牛皮癬」將作為搜索展現的重要權重,多個類目進行了整改,以恢復主搜圖的美觀形象。主圖設計優美能給賣家帶來一定的流量和轉化率。
(3)實拍圖。面對實拍圖買家會有這樣的要求:圖片要是實物拍攝圖;細節圖要清楚展示;顏色不能失真,要有色彩說明;圖片打開的速度不能太慢;圖片清晰等。這些問題都是買家平時關注的。賣家在展示產品實拍圖時要關注買家的需求。
2、淘寶網店頁面設計、布局、配色、裝修一本通的目錄
第1章 網店裝修入門基礎 1
1.1 網店裝修需要注意的問題 1
1.1.1 什麼是網店裝修 1
1.1.2 為什麼要進行網店裝修 1
1.1.3 新手店鋪裝修的誤區 3
1.2 網店裝修審美准則 7
1.2.1 網店的風格 8
1.2.2 網店審美的通用原則 8
1.3 網店裝修的一般流程 10
第2章 網店頁面的元素與布局 13
2.1 網店欄目和頁面設計策劃 13
2.1.1 為什麼要進行策劃 13
2.1.2 網店的欄目策劃 14
2.1.3 網店的頁面策劃 15
2.2 網店布局的基本元素 16
2.3 版面布局設計 19
2.3.1 版面布局原則 19
2.3.2 網店頁面內容的排版 21
第3章 網店頁面的視覺元素設計 24
3.1 網店導航設計 24
3.1.1 導航設計的基本要求 24
3.1.2 導航的基礎要素 25
3.1.3 導航設計注意要點 25
3.2 頁面中的文字設計 26
3.2.1 文字的字體、字型大小、行距 26
3.2.2 文字的顏色 27
3.2.3 文字的圖形化 27
3.2.4 讓文字易讀 28
3.3 頁面中的圖片應用 28
3.3.1 讓買家心動促成交易,商品圖片是關鍵 28
3.3.2 商品圖片的誠信原則 31
3.3.3 使用模特實拍,增加商品的直觀視覺效果 32
3.4 讓按鈕更易點擊 33
第4章 網店頁面創意和風格 35
4.1 頁面設計創意思維 35
4.1.1 什麼是創意 35
4.1.2 創意思維的原則 36
4.1.3 創意過程 38
4.2 創意的方法 38
4.2.1 富於聯想 39
4.2.2 巧用對比 39
4.2.3 大膽誇張 40
4.2.4 趣味幽默 40
4.2.5 善用比喻 41
4.2.6 以小見大 41
4.2.7 偶像崇拜 42
4.2.8 古典傳統 42
4.2.9 流行時尚 43
4.3 網店頁面風格 43
4.3.1 大幅配圖 43
4.3.2 面板風格 44
4.3.3 三維風格 45
4.3.4 書報風格 46
第5章 大型購物網店頁面設計分析 47
5.1 人氣商品頁面分析 47
5.1.1 銷售的不是商品,而是氛圍 47
5.1.2 應詳細的展示商品 49
5.1.3 注意比商品更吸引眼球的要素 50
5.1.4 以買家的語氣描述,從買家的視角設計 51
5.2 熱銷商品頁面設計理念 52
5.2.1 頁面不是一味的加長,而要生動有趣 52
5.2.2 自然引導顧客購買搭配商品 53
5.2.3 通過商品圖片就可以了解商品實際大小 54
5.2.4 商品信息介紹准確詳細 55
5.2.5 分享購買者的經驗 56
5.2.6 展示相關證書證明 57
5.2.7 文字注意可讀性 57
第6章 頁面色彩搭配基礎知識 59
6.1 色彩的原理 59
6.2 色彩的分類 59
6.2.1 無彩色 59
6.2.2 有彩色 62
6.3 色彩的三要素 63
6.3.1 明度 64
6.3.2 色相 65
6.3.3 純度 66
6.4 色彩對比 67
6.4.1 明度對比 67
6.4.2 色相對比 69
6.4.3 純度對比 73
6.4.4 色彩的面積對比 73
6.4.5 色彩的冷暖對比 74
6.5 網店頁面色彩搭配方法 76
6.6 主色、輔助色、點綴色 79
6.6.1 主色可以決定整個店鋪風格 79
6.6.2 輔助色對頁面有決定性效果 80
6.6.3 點綴色可營造獨特的頁面風格 81
第7章 網店色調與配色 82
7.1 紅色系的配色 82
7.1.1 紅色適合的配色方案 82
7.1.2 適用紅色系的網店 83
7.2 橙色系的配色 84
7.2.1 橙色適合的配色方案 84
7.2.2 適用橙色系的網店 85
7.3 黃色系的配色 86
7.3.1 黃色適合的配色方案 87
7.3.2 適用黃色系的網店 88
7.4 紫色系的配色 89
7.4.1 紫色適合的配色方案 89
7.4.2 適用紫色系的網店 90
7.5 綠色系的配色 91
7.5.1 綠色適合的配色方案 91
7.5.2 適用綠色系的網店 92
7.6 藍色系的配色 92
7.6.1 藍色適合的配色方案 93
7.6.2 適用藍色系的網店 94
7.7 無彩色的配色 95
7.7.1 白色的網店 95
7.7.2 灰色系的網店 96
7.7.3 黑色系的網店 97
第8章 各行網店設計與配色案例解析 98
8.1 女裝網店 98
8.1.1 女裝網店的經營特點 98
8.1.2 頁面分析 100
8.1.3 網店配色講解 101
8.2 美容化妝網店 102
8.2.1 美容化妝網店的經營特點 102
8.2.2 頁面分析 104
8.2.3 網店配色講解 107
8.3 計算機數碼產品網店 107
8.3.1 計算機數碼產品網店的經營特點 107
8.3.2 頁面分析 108
8.3.3 網店配色講解 110
8.4 家居日用品網店 110
8.4.1 家居-日用品網店的經營特點 110
8.4.2 頁面分析 111
8.4.3 網店配色講解 113
8.5 男性商品類網店 114
8.5.1 男性商品類網店的經營特點 114
8.5.2 頁面分析 114
8.5.3 網店配色講解 116
8.6 珠寶飾品網店 116
8.6.1 珠寶飾品網店的經營特點 116
8.6.2 頁面分析 117
8.6.3 網店配色講解 119
8.7 包包網店 119
8.7.1 包包網店的經營特點 119
8.7.2 頁面分析 120
8.7.3 網店配色講解 122
8.8 鞋類網店 122
8.8.1 鞋類網店的經營特點 122
8.8.2 頁面分析 123
8.8.3 網店配色講解 125
8.9 童裝網店 125
8.9.1 童裝網店的經營特點 125
8.9.2 頁面分析 125
8.9.3 網店配色講解 127
8.10 食品網店 127
8.10.1 食品網店的經營特點 127
8.10.2 頁面分析 127
8.10.3 網店配色講解 129
第9章 處理好照片,裝修有優勢 130
9.1 簡單的照片處理 130
9.1.1 調整拍歪的照片 130
9.1.2 縮小圖片 131
9.1.3 自由裁剪照片 133
9.1.4 調整圖片適合淘寶發布的大小 134
9.2 調整照片效果 136
9.2.1 調整曝光不足的照片 137
9.2.2 調整曝光過度的照片 138
9.2.3 調整模糊的照片 139
9.4.4 調整對比度突出照片主題 142
9.3 為照片添加水印和邊框 144
9.3.1 為照片添加水印防止他人盜用 144
9.3.2 為照片添加相框提高商品檔次 146
9.4 照片特殊效果處理技法 148
9.4.1 把照片中的產品摳出來 148
9.4.2 快速更換圖片的背景 151
9.4.3 給寶貝圖片加圓角 152
9.4.4 製作閃閃發亮的商品圖片 156
9.5 一次性處理大量產品圖片 161
第10章 淘寶店鋪各版本特點 164
10.1 普通店鋪 164
10.1.1 普通店鋪的特點 164
10.1.2 可供裝修區域 164
10.2 旺鋪創業扶植版 167
10.2.1 旺鋪創業扶植版特點 167
10.2.2 可供裝修的區域 170
10.3 旺鋪標准版 171
10.3.1 旺鋪標准版的特點 171
10.3.2 可供裝修的區域 174
10.4 旺鋪拓展版 174
10.4.1 旺鋪拓展版的特點 174
10.4.2 可供裝修區域 177
10.5 旺鋪旗艦版 177
第11章 普通店鋪裝修篇 180
11.1 店鋪計數器 180
11.2 添加店鋪音樂背景 182
11.3 寶貝分類設計與設置 185
11.3.1 寶貝分類製作的注意事項 185
11.3.2 製作寶貝分類圖片 185
11.3.3 上傳圖片並設置寶貝的分類 187
11.4 公告區域的製作 192
11.4.1 製作公告區時的注意事項 193
11.4.2 製作精美的圖片公告 193
11.4.3 在店鋪中應用圖片公告 196
11.5 店標的設計與發布 198
11.5.1 什麼是網店的店標 198
11.5.2 店標設計的原則 198
11.5.3 店標製作的基本方法 199
11.5.4 設計店鋪標志 200
11.5.5 將店標發布到店鋪上 204
第12章 淘寶旺鋪裝修篇 206
12.1 製作旺鋪的個性店招 206
12.1.1 店招製作的注意事項 206
12.1.2 服裝店招設計實例 206
12.1.3 將店招應用到店鋪中 211
12.2 巧妙製作寶貝促銷區 212
12.2.1 製作寶貝促銷區的注意事項 212
12.2.2 寶貝促銷區的製作方法 213
12.2.3 寶貝促銷區設計實例 214
12.2.4 將促銷區源代碼應用到旺鋪中 218
12.3 製作寶貝描述模板 221
12.3.1 寶貝描述模板的設計要求 221
12.3.2 在Photoshop中設計寶貝描述模板 221
12.3.3 將圖片切割為適合網頁應用的元素 231
12.3.4 使用Dreamweaver生成網頁代碼 234
12.3.5 發布商品描述模板 239
12.4 視頻在店鋪裝修中的應用 241
12.4.1 定製視頻服務 241
12.4.2 視頻文件的上傳 244
12.4.3 視頻在店鋪中的應用 245
附錄1 各行業網店色彩搭配 248
附錄2 配色形容詞色卡 253
附錄3 頁面安全色 258
3、網店LOGO設計有哪些原則?
LOGO設計是一種符號的設計,是企業、機構、商品和各項設施的象徵形象,網店店鋪LOGO是網店的一種標識,是企業或者網店特有的符號。LOGO設計涉及政治、經濟、法制以及藝術等各個領域。LOGO設計的特點是由標志的功能、形式決定的。LOGO設計一般可分為文字LOGO設計、圖形LOGO設計以及文字和圖形相結合的LOGO設計三種形式。一款成功的標志設計,化抽象為形象,將設計概念由抽象的評議表現逐步轉化為具體的形象設計,應該是創意和表現有機結合的產物。
1.LOGO的特點(1)功用性:LOGO的本質在於它的功用性。經過藝術設計的LOGO雖然具有觀賞價值,但LOGO主要不是為了供人觀賞,而是為了實用。LOGO是人們進行生產活動、社會活動必不可少的直觀工具。LOGO有為人類共用的,如公共場所LOGO、交通LOGO、安全LOGO、操作LOGO等;有為國家、地區、城市、民族、家族專用的旗徽等LOGO;有為社會團體、企業、活動專用的,如會徽、會標、廠標、社標等;有為某種商品專用的商標;還有為集體或個人所屬物品專用的,如圖章、簽名、畫押、落款、烙印等,都各自具有不可替代的獨特的使用功能。具有法律效力的LOGO尤其兼有維護權益的特殊使命。
(2)識別性:LOGO設計最突出的特點是各具獨特面貌,易於識別,顯示事物自身特徵,標示事物間不同的意義,區別與歸屬是LOGO的主要功能。各種LOGO直接關繫到國家、集團乃至個人的根本利益,絕不能相互雷同、混淆,以免造成錯覺。因此LOGO必須特徵鮮明,令人一眼即可識別,並過目不忘。
(3)顯著性:顯著性是LOGO又一重要特點,除隱形LOGO外,絕大多數LOGO的設置就是要引起人們注意。因此色彩強烈醒目、圖形簡練清晰,是LOGO通常具有的特徵。
(4)多樣性:LOGO種類繁多、用途廣泛,無論從其應用形式、構成形式還是表現手段來看,都有著極其豐富的多樣性。其應用形式,不僅有平面的(幾乎可利用任何物質的平面),還有立體的(如浮雕、圓雕、任意形立體物或利用包裝、容器等的特殊式樣做LOGO等)。
(5)准確性:LOGO設計無論要說明什麼、指示什麼,無論是寓意還是象徵,其含義必須准確。首先要易懂,符合人們的認識心理和認識能力。其次要准確,避免意料之外的多解或誤解,尤應注意禁忌。讓人在極短時間內一目瞭然、准確領會無誤,這正是LOGO優於語言、快於語言的長處。
(6)持久性:LOGO與廣告或其他宣傳品不同,一般都具有長期的使用價值,不輕易改動。
2.網店LOGO的作用(1)LOGO是網店或者網站鏈接的標志和門戶。
Internet之所以叫作「互聯網」,其最基本的特性在於各個網站之間可以連接。要讓人們進入目標網站,必須提供一個讓其進入的門戶。而LOGO圖形化形式的鏈接,比文字形式的鏈接更能吸引人的注意。
(2)LOGO是網店形象的重要體現。
就一個網店來說,LOGO即是網店的名片。而對於一個追求精美的網店來說,LOGO更是它的靈魂所在,即所謂的「點睛」之處。
(3)LOGO能使消費者便於選擇。
一個好的LOGO往往會反映網店擁有者及製作者的某些信息,特別是對一個商業網站來講,可以從網站中基本了解到這個網站的類型,或者基本的內容信息。在一個布滿各種LOGO的鏈接頁面中,這一點會突出地表現出來。
3.LOGO的設計原則LOGO的設計原則,與其他標志圖案的設計原則一樣,首先應遵循人們的認識規律和視覺規律,突出主題,做到盡可能引人注目。人的認識規律是人認識事物的一般過程,比如從上到下、從左到右、從小到大、從遠到近的視覺習慣。網店LOGO的設計一般要求做到突出主題,設計者必須非常了解站點的定位和發展方向,能夠在方寸之間概括出站點的理念和功能作用。並且要求視覺效果強烈,容易識別、辨認和記憶,達到引人注目的效果。
作為具有傳媒特性的LOGO,為了在最有效的空間內實現特有的視覺識別功能,一般是通過特示圖案、特示文字及其他的組合來表示的,其表現形式一般分為特示圖案、特示文字、合成文字三種。
(1)特示圖案:屬於表象符號,獨特且醒目,圖案本身易被區分和記憶,通過隱寓、聯想、概括、抽象等繪畫表現手法來表現被標識體,對其理念的表達既概括又形象,但與被標識體關聯性不夠直接,受眾容易記憶圖案本身。
(2)特示文字:屬於表意符號。一般來說是把在溝通與傳播活動中,反復使用的被標識體的名稱或是其產品名,用一種文字形態加以統一。含義明確、直接,與被標識體的聯系密切,易於被理解和認知,對所表達的理念也具有說明的作用,但因為文字本身的相似性容易模糊受眾對標識本身的記憶,從而對被標識體的長久記憶發生弱化。所以特示文字,一般作為特示圖案的補充。創作時要求選擇的字體應與整體風格一致。
(3)合成文字:合成文字是一種表象與表意的綜合,是指文字與圖案相互結合的設計形式。兼具文字與圖案的屬性,但會導致相關屬性的影響力相對弱化。其主要的綜合功能是能夠直接將被標識體的印象,透過文字造型讓觀者理解,經過造型後的文字,也比較容易使觀者留下深刻印象與記憶。
在網站設計中,LOGO的設計是不可缺少的一個重要環節,LOGO是網站特色和內涵的集中體現,對於有些網店來講LOGO也是必不可少的。設計LOGO時一般要注意以下幾個問題:
外觀尺寸和基本色調要根據站點頁面的整體版面設計來確定,而且要考慮到在其他印刷、製作過程中進行放縮等處理時的效果變化,以便使LOGO能在各種媒體上運用時保持視覺的相對穩定。
要重視簡單設計與表現的法則,簡單容易被接收,簡單容易產生聯想,簡單提高了效率,簡單就是美。
生活是一切藝術與設計的源泉,設計LOGO時也要深入生活並從中發現創作的切入點。下面以一個LOGO的設計與製作為例說明LOGO的製作方法和技巧。
4、設計淘寶店海報需要注意哪些方面?
我們歸納為三個元素:背景,文案,寶貝信息。海報常見的問題一般在主題的表現上不夠突出,或者說畫面太雜,主次不分。
三段式平時我們做文案,一般包含的文本信息有主標題,副標題,附加內容等。在這些內容之間,需要有一定的行距,適當的留白可以讓畫面更加有張力。
2.三種字體海報字體的使用,一般來說,不超過三種為好。一般主標題用粗大型字體,副標題小一點,盡可能貼合整體風格。
3.三種顏色在海報中,盡量不要超過3種以上的顏色。下圖中的顏色過於多,視覺體驗不大理想。
4.海報中重點的信息可以用一些強調符號給以加強。
5.畫面留白百分比,一般為百分之三十我們常追求海報能有高大上的效果,所以,絞盡腦汁在想,怎樣的畫面組合才能帶出這種感覺,殊不知,簡單的畫面元素也可以勾勒出有深度的意境,令海報瞬間高大上。
6.淘寶網店海報設計要點:留白百分之三十,不超過三種字體,三種顏色,0.3可以閱讀完。一般來說,你海報符合上述要求,海報質量不會太差的。海報設計公司在設計中對於各類藝術效果的表達不是單一的,有時這種藝術傳遞方式會有不同的方法。在表現手法上側重選擇具有感情傾向的內容,以美好的感情來烘托主題,真實而生動地反映這種審美感情就能獲得以情動人,發揮藝術感染人的力量,這是現代海報設計的文學側重和美的意境與情趣的追求。