淘寶天貓美工 第2章 淘寶店鋪設(shè)計的視覺要素

第2章淘寶店鋪設(shè)計的視覺要素在淘寶網(wǎng)隨意打開某店鋪的首頁，可以發(fā)現(xiàn)首先給我們帶來視覺沖擊的是店鋪的色彩和版式，這說明一個好的配色可以觸動人心，讓人產(chǎn)生共鳴，且在一定程度上，搭配店鋪固定色系和輔助圖形，可以凸顯店鋪的品牌性。通過本章的學(xué)習(xí)，可以了解視覺設(shè)計的基本要素，掌握店鋪色彩、文字和版式的合理搭配方法。2.1了解網(wǎng)店視覺設(shè)計隨著電商業(yè)務(wù)的發(fā)展，加入淘寶創(chuàng)業(yè)的人越來越多，相同類型商品的店鋪的增加，使顧客的選擇余地增大，怎樣讓店鋪從視覺設(shè)計上脫穎而出，吸引顧客關(guān)注，是淘寶美工工作的重點。2.1.1什么是視覺設(shè)計視覺設(shè)計是為現(xiàn)代商業(yè)服務(wù)的藝術(shù)設(shè)計，包括標(biāo)志設(shè)計、廣告設(shè)計、包裝設(shè)計、店內(nèi)外環(huán)境設(shè)計、企業(yè)形象設(shè)計等方面，這些設(shè)計都是通過視覺形象傳達給消費者的，因此也稱為“視覺傳達設(shè)計”。視覺設(shè)計還需要從營銷上來進行處理，不是有句話常說“不會運營的美工不是好美工”“不會美工的運營不是好運營〃，這就要求美工不僅需要有美工技能，還要熟悉淘寶店鋪的運營，特別是圖片營銷和視覺營銷。淘寶無非是圖片營銷，圖片的傳達才是決定店鋪轉(zhuǎn)化的關(guān)鍵因素，因此，設(shè)計店鋪頁面時，文字和圖片不是隨意放上去的，位置、大小等都有講究。?提示美工對店鋪的設(shè)計有無影響，最終是體現(xiàn)在數(shù)據(jù)中的。通過在淘寶后臺對數(shù)據(jù)的查看和分析，可以找出推廣存在的問題并進行優(yōu)化。如對直通車推廣圖的點擊率(CTR)、點擊轉(zhuǎn)化率、平均點擊花費(PPC)和核心的產(chǎn)出比(ROI)等數(shù)據(jù)進行查看分析，其方法是進入賣家中心，單擊左側(cè)列表中的“營銷中心〃下的“我要推廣”超級鏈接，然后在右側(cè)頁面中單擊淘寶/天貓直通車模塊下的“即可提升”按鈕，在打開的頁面中查看詳細數(shù)據(jù)，如圖2-1所示。直通車的常用計算公式:點擊率+點擊量《展現(xiàn)量點擊轉(zhuǎn)化率+成交數(shù)《點擊量平均點擊花費+花費：點擊量果腳手％匯總成物流管理M寶貝管理■店輔管理f管銷中IBMWmr店輔堂情工具圖2-12.1.2視覺設(shè)計的的留住顧客視覺感受加深印象如圖2-2所示為良品鋪子的天貓店鋪頁面，其在色彩和版式上都較為統(tǒng)一，且色系搭配都保持一致。圖2-22.2店鋪配色方案色彩在店鋪的視覺設(shè)計中是非常重要的，成功的色彩規(guī)劃不僅要做到協(xié)調(diào)、和諧，而且還應(yīng)該有層次感和節(jié)奏感，能吸引顧客進店，并在各種畫面中制造驚喜。一個沒有經(jīng)過色彩規(guī)劃的店鋪往往是雜亂無章、平淡無奇的，顧客在購物時容易產(chǎn)生視覺疲勞，沒有購物的激情，所以更加需要用色彩來喚醒顧客的購買欲望。2.2.1無彩色系和有彩色系生活中的色彩可以分無彩色系和有彩色系兩類。無彩色系一般是指黑、白、灰色系列，有明有暗；有彩色系指包括在可見光譜中的全部色彩，常見的有紅、橙、黃、綠、青、藍、紫等顏色。下面分別進行介紹。無彩色系：在設(shè)計色彩的運用中，經(jīng)常運用到的黑色、白色、灰色、金色和銀色，相對于有彩色而言，其沒有明顯的色相偏向，也稱為中性色。它們中的任何一色都能與彩色當(dāng)中的任何顏色搭配調(diào)和，因此，若兩色發(fā)生矛盾沖突時，可以采用無彩色來使之達到互相連接、調(diào)和的效果。如圖2-3所示為無彩色搭配。有彩色系：有彩色系是指除黑色、白色和灰色外的所有彩色，有彩色是由光的波長和振幅決定的，波長決定色相，振幅決定色調(diào)，如圖2-4所示。有彩色系的顏色具有三個基本特性：色相、飽和度（也稱彩度、純度）、明度，在色彩學(xué)上也稱為色彩的三大要素或色彩的三屬性。圖2-42.2.2色彩的三要素色彩的三要素主要是指色彩的色相、明度和飽和度，在生活中的的任何一種顏色都是由這3個要素組合而成的。在Photoshop中可以通過“圖像/調(diào)整/色相/飽和度〃命令打開“色相/飽和度”對話框，來調(diào)整圖像的三要素，如圖2-5所示。色相/飽和度損設(shè)(E):默認(rèn)值------------r。-(確定全圖取消色相(H):Q飽和其(A)明度(D:菩色(0)差口預(yù)覽(P)一圖2-51.色相色相，即各類色彩的相貌稱謂，能夠比較確切地表示某種顏色的名稱，如大紅、普藍、檸檬黃等。色相是色彩的首要特征，是區(qū)別各種不同色彩的最準(zhǔn)確的標(biāo)準(zhǔn)，任何黑白灰以外的顏色都有色相的屬性。最初的基本色相為紅、橙、黃、綠、藍、紫，在各色中間加插一兩個中間色，可制出十二基本色相色環(huán)。按光譜順序為：紅、紅橙、橙、橙黃、黃、黃綠、綠、藍綠、藍、藍紫、紫、紫紅。如圖2-6所示。圖2-6通過色環(huán)的不同角度，可以得到基本的色彩組合。＞互補色：互補色是指色輪上那些呈180。角的顏色。比如藍色和橙色、紅色和綠色、黃色和紫色等。互補色有非常強烈的對比度，在顏色飽和度很高的情況下，可以創(chuàng)建很多十分震撼的視覺效果，如圖2-7所示。相似色：相似色是指在色輪上相鄰的三個顏色。相似色是選擇相近顏色時十分不錯的方法，可以在同一個色調(diào)中制造豐富的質(zhì)感和層次。如圖2-8所示。對比色：對比色指色環(huán)上間隔120度的兩種顏色間的對比，同時任何顏色的灰度變化都是對比色關(guān)系，如圖2-9所示。圖2-7圖2-8圖2-92.飽和度飽和度是指色彩的鮮艷程度，也稱色彩的純度。飽和度越高，顏色越鮮艷；飽和度越低，顏色越喑淡。純的顏色都是高度飽和的，如紅，綠；混雜上白色、灰色或其他色調(diào)的顏色，則是不飽和的顏色，如絳紫，粉紅，黃褐等，如圖2-10所示。圖2-103.明度明度指顏色明朗程度，即顏色的亮度，任何顏色都有深淺、明暗的變化，如同色相的紅色就存在著從淡紅、粉紅到深紅等明度變化，如圖2-11所示。圖2-112.2.3色彩與產(chǎn)品的搭配技巧人們認(rèn)識某一類產(chǎn)品，總會想到它的造型和色彩，所以色彩作為設(shè)計的一個重要構(gòu)成元素，通常會用來傳達產(chǎn)品的某些信息。同時，在產(chǎn)品的色彩設(shè)計中把形、色、質(zhì)的綜合美感形式與人機環(huán)境的本質(zhì)有機結(jié)合起來，最終取得完美的造型效果。在產(chǎn)品的色彩運用上，應(yīng)該從產(chǎn)品的市場定位、產(chǎn)品賣點、包裝設(shè)計和廣告策略等各種方面來考慮，讓人從色彩上就能知道這是什么品牌的產(chǎn)品。不僅如此，產(chǎn)品的廣告界面設(shè)計的色彩使用也應(yīng)該和產(chǎn)品向呼應(yīng)，如圖2-12所示。E3E3頭皮SPA香氛乳頭皮凈化秀發(fā)留香圖2-122.2.4通過店鋪定位確實配色方案在裝修店鋪之前，應(yīng)該首先了解店鋪的定位、主要消費人群等基本信息，然后再根據(jù)這些信息選擇主色系，下面便介紹幾種常用的店鋪配色方案。1.紅色系紅色系常運用于體現(xiàn)喜慶、熱鬧、激發(fā)別人欲望或要表達強烈情緒的電商海報設(shè)計中，同時它還經(jīng)常作為點綴色出現(xiàn)，以強調(diào)某個重要信息。在一些大型的活動專題頁設(shè)計里，紅色應(yīng)該是運用得最為廣泛的一種顏色了，用得好的紅色可以讓頁面看上去有質(zhì)感，顯得高檔耐看，如圖2-13所示；用得不好則會顯得俗氣和不干凈甚至使頁面壓抑。圖2-132.橙色系橙色沒有紅色那么強烈的視覺沖擊力，它可以用來表現(xiàn)卡通、童趣、輕松、快樂的氛圍，其本身色調(diào)平衡性較好，不但能強化視覺感受，還能通過改變色調(diào)來營造出不同的情緒氛圍。橙色既能表現(xiàn)出活力，也能傳達出穩(wěn)重感，因此，常會用于體現(xiàn)年輕活力、家庭生活、水果，以及代表秋天的頁面設(shè)計，如圖2-14所示?！?至1圖2-143.黃色系黃色是所有色彩中亮度最高、最醒目的顏色，它可以體現(xiàn)出年輕、活潑和輕時尚的感覺，也可以體現(xiàn)一種卡通、童趣、趣味的格調(diào)，在進行顏色搭配時，黃色常和紅色、黑色和白色來搭配，這些色彩的對比度大，容易形成畫面的層次感，突出商品主體；而與藍色、綠色及紫色搭配時，能形成輕快的時尚感，如圖2-15所示。圖2-154.紫色系紫色是很多女性喜歡的色彩，可以用于表現(xiàn)女性優(yōu)雅、高貴的氣質(zhì)，并且?guī)в袎艋蒙衩氐纳?。紫色常用于首飾、高端化妝品、成人用品等商品類型的頁面設(shè)計，如圖2-16所示。紫色屬于冷色調(diào)，在進行顏色搭配時，同系色彩能表現(xiàn)出寧靜優(yōu)雅的感覺；加入少量的互補色，則能在寧靜的氛圍中表現(xiàn)出華麗與開放感；與粉色、黃色、藍色等進行搭配時，能讓頁面的整體色調(diào)對比強烈；與白色搭配時，能讓頁面看起來更加簡潔、大氣和優(yōu)雅；而與黑色搭配時，能讓情緒氛圍顯得更神秘。圖2-165.綠色系綠色本身就有環(huán)保的概念，因此常用于家裝、家居、戶外用品等行業(yè)，以及一些提倡自然、環(huán)保、純凈、衛(wèi)生的產(chǎn)品設(shè)計中。綠色系屬于冷色系，所以店鋪在使用綠色系時，可以搭配紅色、黃色或藍色等輔助色來使用，如圖2-17所示。同時，為了視覺感官上的和諧，店鋪頁面在使用該色系時不宜大面積使用飽和度高的綠色。圖2-176.藍色系藍色是冷色調(diào)中的最具代表性的中心色，也是使用非常廣泛的一個顏色。在店鋪頁面設(shè)計的色彩搭配中，藍色可以代表清新自然，也可以代表高端、時尚、大牌。比如一些護膚品會采用藍色基調(diào)來突出品質(zhì)感，給人干凈、清爽、冰涼的感覺。除此之外，藍色因其本身所具有的商務(wù)、穩(wěn)定、安全的格調(diào)，也常用于表現(xiàn)科技、數(shù)碼家電類產(chǎn)品的頁面設(shè)計中，如圖2-18所示。□E3記錄美一％圖2-18cP7.無彩色系無彩色系搭配是指用白色、灰色和黑色來設(shè)計頁面，其既可作為主色系也可以作為輔助色來搭配設(shè)計。這類頁面會給人干凈、整潔、高檔和優(yōu)雅的感受，因此，常用于的化妝品、居家用品、手表、家居和奢侈品等行業(yè)，如圖2-19所Z示。S2-192.3營銷文案策劃所有的營銷都是通過滿足消費者的需求而形成的，因此，在淘寶店鋪的促銷活動中，除了畫面結(jié)構(gòu)的表達外，文案也是非常重要的。一則優(yōu)秀的營銷文案可能比頁面結(jié)構(gòu)更能引起讀者的注意，而如何讓文案具有吸引力和可讀性，是店鋪和產(chǎn)品頁面設(shè)計的重點。2.3.1文案的表現(xiàn)方法對于淘寶店鋪來說，文案是買家對寶貝的第一感覺，優(yōu)秀有意思的文案能夠吸引買家，一方面可以更好地介紹活動內(nèi)容或商品特點，另一方面能增加品牌印象，增強顧客的信任。1.文案的目標(biāo)受眾2.目標(biāo)受眾的需求3.文案的主題文案的主題通常體現(xiàn)在兩個方面，一是以商品的某一特點為主題；二是以折扣、活動等為文字來表達促銷主題，如圖2-20所示。圖2-204.文案的視覺表現(xiàn)文案的視覺表現(xiàn)指在不影響閱讀的情況下，通過字體變形、顏色、特效等方式來表達文案的主題，以突出海報重點，如圖2-21所示。圖2-212.3.2店鋪的文案分布淘寶店鋪的文案無處不在，無論是店招、海報、主圖、詳情頁，還是店外宣傳等都有大量的文字信息，但在不同的位置，需要的文案也有所不同。1.店內(nèi)頁面店內(nèi)的頁面主要包括首頁、詳情頁和活動頁等，這些頁面的文案，內(nèi)容主要包括活動的說明、商品的說明以及店鋪的說明等，給顧客提供良好的購物體驗。首頁文案：首頁由許多不同的模塊組成，不同的模塊其文案內(nèi)容也不一樣，包括店招文案、海報文案、優(yōu)惠券文案、導(dǎo)航文案和頁尾文案等。詳情頁文案：詳情頁文案的主要作用是吸引買家閱讀，從產(chǎn)品賣點、買家興趣等方面來引導(dǎo)買家購買商品，如圖2-22所示?；顒游陌福簭牡赇伝顒?、淘寶活動和重大節(jié)日活動的不同，來策劃符合當(dāng)前活動的文案，如雙^一、年中大促、中秋節(jié)、情人節(jié)等活動文案。2.店外廣告店外廣告主要是指鉆石展位、直通車和聚劃算等，主要目的是吸引買家并從重獲得點擊量，這類文案要盡量簡潔地闡述賣點，如圖2-23所示。雙山快樂rtfc

電器家裝預(yù)售/■定金限時-100抵1000最高12期免息》箱券立*10無MMM早餐0脂肪圖2-23E32.3.3文案寫作技巧從吸引買家注意到點擊購買，文案都起到了至關(guān)重要的作用。下面介紹幾種常見的文案寫作技巧，以提高文案的可讀性。?增強消費信心1=1?突顯專業(yè)性?強調(diào)商品品質(zhì)?強調(diào)商品價值?抓住買家痛點?細化商品說明?消除買家顧慮告別黃臉口形次流治排圖2-24540天發(fā)酵時間剛剛好!不是所有酵素發(fā)酵時間都合適每一批原料者隋臺灣進口證書圖2-25圖2-26E3E32.4個性字體設(shè)計淘寶店鋪頁面設(shè)計通常離不開字體的編排設(shè)計，字體的形式和應(yīng)用門類繁雜多樣，它與色彩、圖形共同作為核心要素進行信息傳達。在視覺藝術(shù)中，字體扮演著重要的角色。2.4.1常見字體風(fēng)格對字體的風(fēng)格進行分類，有助于設(shè)計師抓住字體之間的微妙區(qū)別，從而以一種全新的方式對字體進行編排，進一步為頁面設(shè)計更合適的字體。在設(shè)計中，常見的字體風(fēng)格主要分為以下幾種。1.無襯線字體無襯線字體專指西文中沒有襯線的字體，與漢字字體中的黑體相對應(yīng)。無襯線字體沒有襯線，字符末梢無任何花飾，它們筆畫的字重統(tǒng)一，軸線完全垂直，擁有相同的曲率、筆直的線條，以及銳利的轉(zhuǎn)角。無襯線字體在正文排版中顯得比較密實，且設(shè)置為小字號時亦能清晰辨認(rèn)，因此常被廣泛地用于閱讀文本當(dāng)中，如圖2-27所示的兩個Logo的字體。CCTV.中國中央電視臺圖2-272.襯線字體襯線字體容易識別，從每個字筆畫的開始到結(jié)束，不僅會有額外的裝飾，筆畫的粗細也會產(chǎn)生變化。不過由于其強調(diào)橫豎筆畫的對比，在遠處觀看時橫線就容易弱化，從而導(dǎo)致識別性下降。如圖2-28所示。宋體是一種最標(biāo)準(zhǔn)的襯線字體，因此一直被認(rèn)為是最適合的正文字體之一。Google圖2-283.粗襯線字體把無襯線字體的粗體特征和有襯線字體強調(diào)的水平特征相結(jié)合，就形成了粗襯線字體。粗襯線字體的特征是筆畫的字重全部保持一致。由于襯線和字干具有相同的字重，粗襯線字體的字身比常規(guī)字體要寬大一些，如圖2-29所示。旗京崎圖2-29nra4.過渡字體____過渡字體筆畫的對比度得到極大地加強，且其韻律感非常明顯，字弧與字干連接迅速。如圖2-30所示。圖2-305.舊體字體舊體字體以筆畫字重的有機對比為特征，其筆畫通常是用毛筆或鋼筆來設(shè)計而成，彎曲部分具有呈角狀或傾斜的軸線。舊體字體通常表現(xiàn)為蒼勁古樸，字體樸素?zé)o華，飽含古時風(fēng)韻，能帶給讀者一種懷舊的感覺，這種個性的字體適用于傳統(tǒng)產(chǎn)品和民間藝術(shù)品等主題，如圖2-31所示。中軍OIANGJIANGFEOnrSARTnUATRI圖2-31cP6.變體字體變體字體是一種稍顯童稚、具有裝飾效果的標(biāo)題字體。變體字體富有視覺表現(xiàn)力，但不宜用于長篇的文本中，該字體包括從書寫獲得靈感而創(chuàng)造的奇特而復(fù)雜的書寫體，以及具有說明或概念功能的特殊字體。變體字體字體造型生動活潑，有鮮明的節(jié)奏韻律感。這種個性的字體適用于兒童用品、運動休閑、時尚產(chǎn)品等主題，如圖2-32所示。圖2-32☆自然能量生機無限！2.4.2怎么選擇合適的字體頁面的顏色和字體，決定了店鋪頁面的風(fēng)格、和諧度，以及是否能夠準(zhǔn)確的傳達信息。因此，美工對字體的選擇和使用是至關(guān)重要的，字體的選擇配合頁面設(shè)計，通?？梢缘玫揭庀氩坏降男ЧＨ绻煮w選擇不恰當(dāng)、配合不和諧，可能會導(dǎo)致輸出的信息不能有效地被讀者接受，從而失去一個潛在客戶。1.適合男性產(chǎn)品的字體產(chǎn)品是給男性使用的，那么首先要分析男性的特征。一般來說，男性的特點表現(xiàn)為硬朗、粗獷、菱角、穩(wěn)重、成熟、大氣、力量等，字體就要結(jié)合這些特點來選擇，如使用字體較粗或菱角分明的字體等。一般男性化的字體會被大量應(yīng)用在以“男性為主要從業(yè)人群〃和〃男性為主要消費人群”等類型的產(chǎn)品設(shè)計中，如體育運動、競技游戲、剃須刀、男裝等產(chǎn)品，以及需要充滿激情、熱銷沸騰且男性特征居高的促銷活動設(shè)計中，如圖2-33所示。□E3圖2-332.適合女性產(chǎn)品的字體產(chǎn)品的主要消費人群是女性，那么同樣要先要分析女性的特征。一般來說，女性的特點表現(xiàn)為柔軟、氣質(zhì)、時尚、纖細、可愛、苗條、曲線等，字體就要結(jié)合這些特點來選擇，如使用字形有粗細變化的字體或線條纖細的字體等。女性化的字體會被大量應(yīng)用在以女性為消費主體的產(chǎn)品設(shè)計中，如愛情類、鮮花類、珠寶配飾類、女性用品、護膚品、化妝品等，如圖2-34所示。132-343.可愛的卡通字體當(dāng)看到一個字體很可愛、很卡通時，必然是因為它滿足了我們意識里的卡通形象特征，卡通字體的特征一般表現(xiàn)為活潑、可愛、呆萌、肥圓、調(diào)皮等?？ㄍㄗ煮w主要應(yīng)用在嬰兒產(chǎn)品、兒童產(chǎn)品和卡通手繪頁面中，如圖2-35所示。圖2-35>LcP4.文藝、名族風(fēng)的字體文藝、名族風(fēng)的字體特征一般表現(xiàn)為舒適、安靜、復(fù)古、優(yōu)美、雅致、慢生活、素雅、文靜等，通常會選擇筆畫纖細或毛筆類型的字體，如無印良品的設(shè)計大多都偏向文藝的感覺，且在排版時會釆用豎式的排版，如圖2-36所示。73-25.書法字體書法字體的特征一般表現(xiàn)為古典、大氣、灑脫、流暢、霸氣等，通過簡潔的線條，演繹出魅力無窮的視覺藝術(shù)形象，表現(xiàn)豐富的內(nèi)涵，極具表現(xiàn)力和感染力。書法字體通常會被用于傳統(tǒng)文化藝術(shù)、促銷活動等場景中，如圖2-38所示。2.4.3文字的排版規(guī)則在視覺媒體中，文字的排版可以直接影響版面內(nèi)容的視覺傳達，選擇適合頁面風(fēng)格的字體，同時對版面文字進行重組、排版，能有效提高頁面的設(shè)計效果，給讀者帶來更大的視覺沖擊。1.字體大小字號大小可以用不同的方式來計算，如磅、像素等。在一個畫面中需要安排的文字內(nèi)容較多，美工可以使用較大的字體制作標(biāo)題或其他需要強調(diào)的地方，使用小一些的字體表達輔助信息，做到主次有別，便于顧客瀏覽到頁面的重要信息，如圖2-39所示。I，值美妝ISCOUNT圖2-392.文字間距文字間距是指文字與文字、文字與字母或字母與字母之間的距離，為了閱讀和視覺的舒適度，以及文字的緊密關(guān)系，要注意適當(dāng)控制文字的間距。3.文字行距文字行距是指多行文字之間行與行的距離，文字行距的變化會對文本的可讀性產(chǎn)生很大影響。適當(dāng)?shù)男芯嗫梢孕纬梢粭l明顯的水平空白帶，以引導(dǎo)讀者的目光，但行距過寬則會導(dǎo)致文字失去延續(xù)性。4.文字的圖形化文字的圖形化，是指把重要性的文字作為圖形元素來表現(xiàn)，即是強調(diào)它的美學(xué)效應(yīng)，同時又強化了原有的信息表達功能。將文字圖形化、意象化，以更富創(chuàng)意的形式表達出深層的設(shè)計思想，能夠擺脫畫面中的單調(diào)與平淡，從而打動人心，如圖2-40所示。5.文字的重疊在不影響文字閱讀性的情況下，文字與圖像或文字與文字之間可以疊置，這樣能夠產(chǎn)生空間感、跳躍感、透明感、雜音感和敘事感，從而成為頁面屮活躍的、令人注目的元素，如圖2-41所示。TakeROJkT圖2-412.4.4文字的創(chuàng)意設(shè)計對文字進行筆畫的重新整合與創(chuàng)新，可以讓文字的震撼力和感染力變得更強，為畫面帶來更強的視覺沖擊力。下面便介紹幾種常見的文字創(chuàng)意設(shè)計。1.替換法替換法是根據(jù)文字內(nèi)容的意思，用某一形象替代字體的某個部分或某一筆畫，將文字的局部替換，使文字的內(nèi)涵外露，在形象和感官上都增加了一定的藝術(shù)感染力，如圖2-42所示。不味己韭不刼喜2.共用與連筆法筆畫共用與連筆是文字圖形化創(chuàng)意設(shè)計中廣泛運用的形式，可以從文字的構(gòu)成角度來查看文字筆畫之間的異同，尋找筆畫之間的內(nèi)在聯(lián)系，找到他們可以共同利用的條件并提取、合并，從而形成一種新的視覺效果，如圖2-43所示。3.疊加法疊加法是指將文字的筆畫互相重疊或?qū)⒆峙c字、字與圖形相互重疊的一種表現(xiàn)手法。疊加法能使圖形產(chǎn)生空間感和層次感，如圖2-44所示。圖2-444.與圖形組合法與圖形結(jié)合法是根據(jù)文字內(nèi)容的意思，將文字與圖形有機的組合起來，使這種巧妙的組合與表現(xiàn)讓單調(diào)的文字形象豐富起來，如圖2-45所示。圖2-455.分解重構(gòu)法分解重構(gòu)法是將熟悉的文字或圖形打散后，通過不同的角度審視并重新組合處理，主要目的是破壞其基本規(guī)律并尋求新的設(shè)計，如圖2-46所示。圖2-466.斷肢法斷肢法是指在能識別的情況下，把一些封合包圍的字，適當(dāng)?shù)財嚅_一筆來，如把左邊斷一截或右邊去一截，組合成一種新的文字形式，如圖2-47所示。圖2-477.錯落擺放法錯落擺放法是指把文字左右排列改為左上左下、上下排、斜排、一邊高一邊低排列等其他排列方式，讓文字錯落有致,如圖2-48所示。圖2-482.5版式設(shè)計版式設(shè)計是指根據(jù)設(shè)計主題和視覺需求，在預(yù)先設(shè)定的有限版面內(nèi)，運用造型要素和形式原則，根據(jù)特定主題與內(nèi)容的需要，將文字、圖片及色彩等視覺傳達信息要素，進行有組織、有目的的組合排列的設(shè)計行為與過程。為了更好地傳達店鋪和產(chǎn)品信息，淘寶美工需要對店鋪的頁面進行版式設(shè)計。2.5.1版式設(shè)計的塵大基本原則1-親密性親密性是指把畫面中的元素分類，把每一個分類做成一個視覺單位，歸組在一起，而不是眾多的孤立的元素。親密性有助于組織信息、減少混亂，為讀者提供清晰的結(jié)構(gòu)。2.對比對比的基本思想是要避免頁面上的元素太過相似，相似的元素如字體、顏色、大小、線寬、形狀、空間等容易引起視覺疲勞，不能有效突出重點。對比可以讓信息更準(zhǔn)確的傳達，內(nèi)容更容易的被找到、被記住，如圖2-49所示。圖2-493.重復(fù)重復(fù)是指設(shè)計中的視覺要素在整個畫面中反復(fù)出現(xiàn)，包括顏色、形狀、材質(zhì)、空間關(guān)系、線寬、字體、大小和圖片等。重復(fù)既能增加條理性，還可以加強畫面的統(tǒng)一性和和諧性，如圖2-50所示。T3T8S雙素歌?雙所題03每滿400元04無門檔優(yōu)惠券20手2777編100名4G普及版智能車機輕容智能后視鏡10月。日1579圖2-504.對齊對齊是指畫面中的元素不能隨意安放，每個元素都應(yīng)當(dāng)與頁面上的另一個元素有某種視覺聯(lián)系，這樣能建立一種清晰、精巧而且清爽的外觀。常見的對齊方式有左對齊、右對爽齊、居中對齊和對稱對齊等，如圖2-51所示為居中對齊。時尚磨毛斜紋套件高性價比爆賣1666。套6年誠信品牌實力沉淀累計收藏人氣：19516累計好評數(shù)：5778四季通用種類更多花型更全不起球不掉色不縮水圖2-512.5.2淘寶店鋪排版技巧1.畫面中的文字更具吸引力2.符合顧客的瀏覽習(xí)慣3.慎用花哨的字體和格式4.干凈、清晰的大圖能吸引更多的視覺注意值得注意的是，人物模特形態(tài)放松且自然地展示商品，比呆板、刻意地展示商品的圖片更容易獲得顧客的認(rèn)可，如圖2-52所示。5.適當(dāng)留白適當(dāng)?shù)牧舭?，保持頁面的簡潔，給瀏覽者