網(wǎng)店美工與視覺設(shè)計（第二版）課件 第1-3章 網(wǎng)店美工入門基礎(chǔ)- 電商視覺設(shè)計的基本要素

網(wǎng)店美工與視覺設(shè)計第一章網(wǎng)店美工入門基礎(chǔ)學(xué)習(xí)目標(biāo)知識目標(biāo)1.了解網(wǎng)店美工的工作范疇；2.了解網(wǎng)店美工必備技能要求。能力目標(biāo)1.掌握網(wǎng)店美工所需要軟件的安裝方法；2.掌握網(wǎng)店美工需要做的準(zhǔn)備工作。素養(yǎng)目標(biāo)1.培養(yǎng)讀者對網(wǎng)點(diǎn)美工相關(guān)內(nèi)容的學(xué)習(xí)興趣；2.提升讀者的職業(yè)素養(yǎng)。

在網(wǎng)絡(luò)上買家看不到商品本身，圖片、文字和視頻就成為了商品信息傳遞的重要元素，一張?jiān)O(shè)計精美的商品詳情頁可以給人以舒適的、直觀的視覺感受，讓消費(fèi)者從設(shè)計的界面中了解到更多商品相關(guān)信息，所以美工對于電商的重要性就不言而喻了。1.1網(wǎng)店美工概述1.1.1電商美工的工作范疇

網(wǎng)店美工是淘寶、天貓、京東等一系列網(wǎng)店頁面設(shè)計美化人員的統(tǒng)稱，網(wǎng)店美工是網(wǎng)店運(yùn)營過程中一個非常重要的崗位。網(wǎng)店美工主要工作內(nèi)容是商品圖片拍攝與美化、制作商品主圖和詳情頁、設(shè)計各類商品海報、網(wǎng)絡(luò)店鋪裝修與美化等。1.1.2電商美工的技能要求要成為一名合格的網(wǎng)店美工，首先需要具有扎實(shí)的美術(shù)功底和良好的設(shè)計創(chuàng)作能力，具有一定鑒賞能力，具備基本的圖像處理與設(shè)計能力，能夠熟練使用photoshop、Dreamweaver、Illustrator等設(shè)計應(yīng)用軟件。其次，網(wǎng)店美工需要能夠通過圖片、文字和顏色等視覺語言，表現(xiàn)出商品的獨(dú)特賣點(diǎn)，讓消費(fèi)者感知到你產(chǎn)品的優(yōu)勢。1.1.3網(wǎng)店美工交流平臺從事網(wǎng)店美工工作離不開同行業(yè)交流與學(xué)習(xí)，下面介紹三個網(wǎng)店美工必備的交流學(xué)習(xí)平臺，可供廣大美工及其愛好者下載素材，尋找靈感和交流學(xué)習(xí)1、花瓣網(wǎng)：花瓣網(wǎng)（/）是設(shè)計師尋找靈感的天堂2、站酷網(wǎng)：站酷網(wǎng)（），是國內(nèi)設(shè)計師交流互動的平臺3、千圖網(wǎng)：千圖網(wǎng)（/）是素材網(wǎng)站，擁有800多萬張素材

網(wǎng)店美工是淘寶、京東、天貓等一系列網(wǎng)店頁面編輯美化工作者的統(tǒng)稱，掌握各種制圖軟件，如Photoshop、Coreldraw、Illustrator等，熟悉頁面布局，了解產(chǎn)品的特點(diǎn)，并準(zhǔn)確判斷目標(biāo)用戶群的需要，以制作出吸引眼球的圖片，使客戶有購買的欲望，達(dá)到提高產(chǎn)品和店鋪銷量的效果。1.2電商美工工作準(zhǔn)備1.2.1常用工作軟件

網(wǎng)店美工在工作時，需要掌握必備的軟件包括AdobePhotoshop、AdobeDreamweaver、AdobeIllustrator等。1.2.2常用字體安裝

在設(shè)計制作美工作品時，字體是非常重要的元素，影響著最后的設(shè)計效果，因此字體成為設(shè)計師最常用的設(shè)計資源，應(yīng)提前在計算中安裝各類常用字體。字體安裝：C盤——windows——Fonts1.2.3電商美工素材庫

素材庫是設(shè)計師另一重要資源，優(yōu)秀的美工都會有一個屬于自己的素材庫，一般包括優(yōu)秀作品、模板素材、字體素材、設(shè)計元素等內(nèi)容。素材庫優(yōu)秀作品模板資源設(shè)計資源教程經(jīng)驗(yàn)內(nèi)掛外掛

本章主要介紹了網(wǎng)店美工入門的基礎(chǔ)知識，包括網(wǎng)店美工概述、網(wǎng)店美工工作準(zhǔn)備等，通過本章內(nèi)容的學(xué)習(xí)，讀者應(yīng)該對網(wǎng)店美工的工作職能及工作技能有基本認(rèn)識，掌握從事網(wǎng)店美工之前需要做的準(zhǔn)備工作。本章小結(jié)實(shí)訓(xùn)活動序號任務(wù)列表任務(wù)要求1通過百度搜索引擎、BOSS直聘網(wǎng)站等搜索“電商美工”、“淘寶美工”、“網(wǎng)店美工”等職位信息。了解電子商務(wù)美工崗位的工作范疇、技能要求、薪資待遇等。2安裝AdobePhotoshop軟件掌握AdobePhotoshop軟件的安裝流程和方法。3安裝設(shè)計師常用字體掌握字體的安裝流程和方法，將阿里巴巴普惠字體安裝完成。4創(chuàng)建電商美工設(shè)計素材庫了解素材庫的重要作用，掌握素材收集和整理的方法，學(xué)會素材分類保存。電商美工課程第二章商品圖片的處理與美化學(xué)習(xí)目標(biāo)知識目標(biāo)1．了解商品圖片的要求、修飾的必要性；2．掌握提高圖片亮度與鮮艷度的方法；3．掌握網(wǎng)店中常用的商品圖片尺寸，以及調(diào)整、裁剪、校正圖片的方法；4．掌握處理圖片污點(diǎn)、修復(fù)瑕疵以及虛化背景的方法；6．掌握摳取不同類型的圖片以及合成素材的方法。能力目標(biāo)1．能夠處理圖片污點(diǎn)、修復(fù)瑕疵；2．能夠?qū)ι唐穲D像進(jìn)行摳圖處理；3．能夠?qū)ζ?、偏亮和偏色的圖片進(jìn)行調(diào)色；4．能夠調(diào)整商品圖片尺寸。素養(yǎng)目標(biāo)1.提高讀者的商品圖片后期處理能力；2.培養(yǎng)讀者對商品圖片后期處理的創(chuàng)新能力。2.1Photoshop軟件的基本操作Photoshop是Adobe公司旗下最為出名的圖形圖像處理軟件之一。它提供了靈活便捷的圖像制作工具，具有強(qiáng)大的像素編輯能力，被廣泛應(yīng)用于平面設(shè)計、網(wǎng)頁設(shè)計、界面設(shè)計等領(lǐng)域，是網(wǎng)店美工必須掌握的設(shè)計軟件，本節(jié)將對photoshop軟件進(jìn)行介紹。2.1.1認(rèn)識Photoshop的工作界面

PhotoshopCC的界面在色彩應(yīng)用上取代之前的灰色，當(dāng)前的界面風(fēng)格類似蘋果攝影軟件的界面風(fēng)格，PhotoshopCC的基礎(chǔ)工作界面，包括了菜單欄、選項(xiàng)欄、工具箱、圖像編輯區(qū)域、控制面板等模塊。2.1.2調(diào)整PS的界面視圖

為了更好地處理圖像，photoshopCC提供了多種視圖顯示模式和圖像查看工具，主要包括切換商品圖像顯示模式、調(diào)整商品圖像顯示比例、移動商品圖像顯示畫面。2.1.3應(yīng)用PS的輔助工具

為了使圖像的制作更加精細(xì)，可以使用photoshp中的輔助工具來幫助設(shè)計制作，輔助工具主要包括標(biāo)尺、參考線和網(wǎng)格。2.1.4圖像文件的基本操作

啟動Photoshop軟件后，新建、打開、保存和關(guān)閉圖像文件都是最基本的操作，掌握這些基本操作是設(shè)計和制作圖像文件的必要技能。2.2商品圖片顏色的調(diào)整商品圖片在拍攝過程中因設(shè)備、光線、技術(shù)等外在原因影響，會導(dǎo)致圖片顏色與商品實(shí)際的顏色有所偏差，這就需要對圖片進(jìn)行后期的校正處理，使得圖片中的商品效果能接近真實(shí)效果。2.2.1調(diào)整存在曝光問題的圖片

在拍攝過程中，由于某些技術(shù)問題的存在，可能導(dǎo)致拍攝的商品圖片色彩暗淡、亮度不夠、層次不明顯等，Photoshop軟件可以通過調(diào)整圖片的亮度和增強(qiáng)暗調(diào)的方法讓圖像曝光正常，常用的方法是通過調(diào)節(jié)“色階”“曲線”“亮度/對比度”等命令來實(shí)現(xiàn)。2.2.2調(diào)整有色差的圖片商品拍攝完成后，常常會發(fā)現(xiàn)照片里的商品顏色與實(shí)際商品顏色有一定的色彩差異，下面介紹如何調(diào)整有色差的圖片。1、使用“自動顏色”調(diào)整使用“自動顏色”命令可以自動調(diào)整、校正偏色的商品圖片

2、使用“可選顏色”調(diào)整使用“可選顏色”可以對偏色的商品圖片進(jìn)行修復(fù)

2.3商品圖片的摳取摳圖是指將需要的對象從圖像背景中分離出來，可以更方便地對商品圖片進(jìn)行進(jìn)一步處理。這是網(wǎng)店美工的一個重要技能，對于不同類型的商品圖片，需要采取不同的摳圖方法，本節(jié)將對規(guī)則圖形扣取、簡單背景摳圖、復(fù)雜圖形扣取等方法進(jìn)行介紹。2.3.1扣取規(guī)則圖形的商品圖片

對于一些形狀比較規(guī)則的圖片，可以使用套索工具組進(jìn)行摳圖，該工具適用于為規(guī)則圖形，圖像邊緣與背景顏色反差較大的圖片建立選區(qū)。2.3.2扣取背景簡單的商品圖片

對于一些背景顏色比較單一的圖像，如單一色或者相似色的背景，可以使用魔棒工具來快速摳圖。2.3.3扣取圖形復(fù)雜的商品圖片

對于商品主體形狀比較復(fù)雜的圖像，或主體顏色與背景顏色不分明的圖像，可以使用鋼筆工具來扣取。2.3.4摳取透明與半透明商品圖片

1.扣取冰塊2.3.4摳取透明與半透明商品圖片2.摳取玻璃杯2.3.4摳取透明與半透明商品圖片

3.摳取頭紗2.3.5摳取毛發(fā)

網(wǎng)店美工在摳取毛發(fā)或絨毛類商品時，采用一般的摳圖方法很難達(dá)到理想的效果，且非常浪費(fèi)時間，此時可使用Photoshop軟件中的調(diào)整邊緣功能進(jìn)行摳取2.4商品圖片的美化與修飾商品圖片的拍攝過程中，由于環(huán)境的影響，除了顏色和亮度可能會出現(xiàn)誤差外，圖片也能出現(xiàn)一些細(xì)小的瑕疵，比如污點(diǎn)、雜色、斑點(diǎn)等情況，這些情況可以通過Photoshop的修復(fù)類工具進(jìn)行修復(fù)和美化。2.4.1配色基本原則

污點(diǎn)修復(fù)畫筆工具是Photoshop中處理圖片常用的工具之一，利用該工具可以快速移去圖片中的污點(diǎn)和瑕疵部分。2.4.2使用仿制圖章工具修復(fù)圖片

仿制圖章工具可以從圖像中復(fù)制信息，將其應(yīng)用到其他區(qū)域或者其他圖像中，是圖像修復(fù)中最常用的工具之一。2.4.3使用修補(bǔ)工具修復(fù)圖片

修補(bǔ)工具是使用圖片中某些特定的區(qū)域來替換需要修補(bǔ)的區(qū)域，它會將源區(qū)域和目標(biāo)區(qū)域的紋理、明暗等相匹配，修補(bǔ)工具是使用最頻繁的修復(fù)工具之一。2.4.4調(diào)整模糊的圖片

商品圖片在反復(fù)縮小或者放大以后，其畫質(zhì)會受到影響，若圖片細(xì)節(jié)變得模糊，可通過銳化工具進(jìn)行調(diào)整，將圖像變清晰。2.5商品圖片尺寸的調(diào)整無論是商品拍攝原圖，還是網(wǎng)絡(luò)素材圖，為了讓其符合電商平臺的規(guī)定尺寸，有時需要將圖片調(diào)整到合適大小，不同的圖片，裁剪的方法也會不一樣，下面通過自定義裁剪、固定尺寸裁剪以及透視裁剪的方法，介紹如何裁剪圖片。2.5.1商品拍攝原圖的裁剪

商品圖片拍攝完成后，周邊可能會出現(xiàn)空白區(qū)域，為了突出商品主體，可以在原圖的基礎(chǔ)上裁剪出合適的圖像區(qū)域。2.5.2調(diào)整商品圖片的尺寸

在電商平臺上傳商品圖片，通常平臺都會對圖片的尺寸有所要求，因此需要對商品圖片的大小進(jìn)行修改2.5.3

切圖

制作完成的整體圖片，需要利用切圖的方法，將整體圖片切成若干個小圖再上傳至店鋪。切圖一般使用Photoshop的切片工具完成。本章小結(jié)要成為一名合格的網(wǎng)店美工，首先要有扎實(shí)的photoshop軟件應(yīng)用基礎(chǔ)，Photoshop具有強(qiáng)大的圖片處理功能，本章介紹了Photoshop軟件在網(wǎng)店美工崗位中的常用功能和技巧。主要包括圖像文件的基本操作，商品圖片顏色調(diào)整與校正，商品圖片的扣取、美化與修飾，商品圖片的裁切與傾斜校正等。實(shí)訓(xùn)活動實(shí)訓(xùn)目的：掌握電商領(lǐng)域常用到的photoshop軟件操作實(shí)訓(xùn)內(nèi)容：圖片扣取與美化實(shí)訓(xùn)要求：1、對圖2-69進(jìn)行摳圖處理，并更換為800*800像素的白色背景。調(diào)整圖片的亮度、對比度，使圖片更清晰。2、修復(fù)老師給出的瑕疵圖片，能夠在看到瑕疵圖的第一時間說出修復(fù)方案，并熟練應(yīng)用修復(fù)工具。電商美工課程第三章電商視覺設(shè)計的基本要素學(xué)習(xí)目標(biāo)知識目標(biāo)1.了解必備視覺設(shè)計知識；2.掌握色彩的基本原理及應(yīng)用技巧；3.了解設(shè)計作品中的文字應(yīng)用；4.了解視覺構(gòu)圖的常用方法。能力目標(biāo)1.能夠根據(jù)網(wǎng)店定位和產(chǎn)品風(fēng)格，對網(wǎng)店頁面進(jìn)行合理的色彩搭配；2.能夠根據(jù)設(shè)計風(fēng)格熟練的選擇合適字體；3.能夠?qū)撁孢M(jìn)行布局，增強(qiáng)頁面的可讀性和美感。素養(yǎng)目標(biāo)1.提高讀者在視覺設(shè)計方面的專業(yè)水平；2.培養(yǎng)讀者的審美能力和感知能力。3.1設(shè)計中的色彩色彩在視覺設(shè)計中是非常重要，成功的色彩設(shè)計不僅要做到協(xié)調(diào)、和諧，而且還應(yīng)該有層次感和節(jié)奏感，并在各種畫面中給顧客制造驚喜。一個沒有經(jīng)過色彩設(shè)計的店鋪往往是雜亂無章、平淡無奇的，顧客在瀏覽時容易產(chǎn)生視覺疲勞，所以設(shè)計過程中更加需要用色彩來喚起顧客的購買欲望。3.1.1色彩的基本原理

我們看到任何色彩的物體，其實(shí)都是沒有色彩的，而是包含了各種色彩的光線，照射到物體的表面，例如一個綠色的蘋果表面，它吸收了光線中的大部分色彩光，唯獨(dú)不能吸收綠色光，反射到我們的眼睛，然后再將信息傳遞給大腦作出判斷：這個蘋果是綠色的。要很好的理解色彩原理，需從色相、明度和純度三個維度著手。任何一種色彩都是由這3個要素組合而成的。在Photoshop中可以通過“色相/飽和度”命令來調(diào)整圖像的三要素。3.1.1色彩的基本原理色相，即色彩的相貌稱謂，能夠比較準(zhǔn)確地表示某種色彩的名稱，如紅、橙、黃、綠等。在色彩中最基本的顏色是紅色、黃色和藍(lán)色，也是美術(shù)學(xué)中的三原色，三原色兩兩混合得到橙色、綠色、紫色，這三種顏色也被稱為間色，將間色兩兩混合可以得出新的顏色，這些顏色被稱為復(fù)色。根據(jù)顏色組合變化的規(guī)律，將各種顏色進(jìn)行排列，可以制出具有12種基本顏色的色相環(huán)。3.1.1色彩的基本原理明度又稱為色彩的亮度，指色彩的深淺和明暗程度。不同顏色會有明暗的差異，相同顏色也有明暗深淺的變化。比如，深黃、中黃、淡黃、檸檬黃等黃顏色在明度上就不一樣。明度越高，色彩越白越亮，反之則越暗。Photoshop中對于明度的調(diào)節(jié)，可打開拾色器，在拾色器中最上端的位置的選色皆為明度最高的，反之最下端就是明度低的。3.1.1色彩的基本原理低明度的顏色搭配可以很好的表現(xiàn)出產(chǎn)品的品質(zhì)感、品牌感、價值感，還可以體現(xiàn)出一種力量感，運(yùn)動感，對抗性、商業(yè)感，奢華感，能夠使商品呈現(xiàn)出大氣、有檔次的視覺效果。3.1.1色彩的基本原理3.1.1色彩的基本原理明度較高色彩應(yīng)用的可以表現(xiàn)出產(chǎn)品的清爽、透氣性。還可以給人一種年輕、干凈、純潔、優(yōu)雅的感覺，畫面中會有一種平靜、舒適、愜意祥和的氛圍。3.1.1色彩的基本原理3.1.1色彩的基本原理飽和度也就是顏色鮮艷的程度，也稱為純度，色彩的純度越高，色相越明確，反之色相越弱。色彩的純度越高，顏色越鮮艷，越容易讓圖片產(chǎn)生強(qiáng)勁有力、充滿朝氣的視覺效果，而純度越低，顏色越蒼白，越容易形成成熟、穩(wěn)重的視覺效果。Photoshop中對于飽和度的調(diào)節(jié)，可打開拾色器，拾色器最右側(cè)的顏色飽和度最高，反之左邊就是最低。3.1.1色彩的基本原理高飽和度配色方案的海報是電商設(shè)計中最為常見的一種，因?yàn)楦唢柡投群髸o人以熱情、活力、健康、刺激、年輕的感覺，而且會給客戶帶來直接的視覺沖擊，與電商受眾人群匹配，同時還帶有非常強(qiáng)的廉價促銷感，如圖3-9所示。而要體現(xiàn)出產(chǎn)品品質(zhì)感，則需要使用低飽和度的配色。而要體現(xiàn)出產(chǎn)品品質(zhì)感，則需要使用低飽和度的配色。3.1.1色彩的基本原理配色不協(xié)調(diào)的問題有兩種解決方法：如果是不同色相搭配，把不同色彩的明度和飽和度調(diào)成一致或者近似，即可使畫面整體協(xié)調(diào)；如果是同一色相搭配，只調(diào)該顏色的亮度和飽和度，使其形成明暗、深淺的對比，也能達(dá)到畫面和諧的效果。3.1.2認(rèn)識色調(diào)

色調(diào)是指一幅作品色彩外觀的基本傾向。在明度、純度、色相這三個要素中，某種因素起主導(dǎo)作用，就稱之為某種色調(diào)。色彩分為無彩色和有彩色，色調(diào)也由無彩色和有彩色構(gòu)成，如圖3-12所示。所謂無彩色，顧名思義就是沒有色相的色彩，包括黑白以及介于二者之間的灰。有彩色就是指有色相的色彩，除黑白灰以外的色彩都是有彩色。3.1.3色彩感覺設(shè)計應(yīng)用

色彩心理是客觀世界的主觀反映。色彩的直接心理效應(yīng)來自色彩的物理光刺激對人的生理發(fā)生的直接影響，不同波長的光作用于人的視覺器官而產(chǎn)生色感時，必然導(dǎo)致人產(chǎn)生某種帶有情感的心理活動。比如，紅色能使人生理上脈搏加快，血壓升高，心理上具有溫暖的感覺。不同的色相會讓人產(chǎn)生不同的感覺。

所有事物的色彩都是由紅、橙、黃、綠、藍(lán)、紫這六種基本色相調(diào)配而成。紅橙黃是暖色調(diào)，綠藍(lán)紫是冷色調(diào)，每種色相都有其獨(dú)特的情感。3.1.3色彩感覺設(shè)計應(yīng)用紅色能給大家?guī)頊嘏?、熱情、充滿活力的感覺，是一種視覺極其強(qiáng)烈的色彩，很容易吸引消費(fèi)者的注意。因此紅色被廣泛的應(yīng)用在女性、運(yùn)動、游戲、食品等行業(yè)的產(chǎn)品設(shè)計中。按照紅色的層次劃分，紅色可以分為粉紅色、純紅色和暗紅色，在電商領(lǐng)域中都有較多應(yīng)用。3.1.3色彩感覺設(shè)計應(yīng)用粉色給人以柔和親切的感覺，因此被大量地應(yīng)用于女性、化妝品、母嬰等相關(guān)產(chǎn)品中。粉色是女性的專屬顏色，但一般用于表達(dá)年輕女性的可愛、甜美。粉色也可以做美食類的設(shè)計，粉色的甜蜜屬性太強(qiáng)了，一般用于糖果類。3.1.3色彩感覺設(shè)計應(yīng)用純紅色是一個非常有力量的色系，很容易讓人聯(lián)想到熱血、激情、個性、勝利等詞語。日常生活中，紅色可以用來表達(dá)喜慶、熱鬧、狂歡的節(jié)日氣氛。紅色還可以表達(dá)可口美味，尤其是辣味的食物。3.1.3色彩感覺設(shè)計應(yīng)用橙色能給我我們帶來舒適、明快的感覺，讓消費(fèi)者產(chǎn)生幸福的感覺，橙色既能表現(xiàn)出年輕的活力，也能傳達(dá)出穩(wěn)重感，橙色的廉價促銷感非常強(qiáng)，所以各電商平臺網(wǎng)站的促銷類海報中常見橙色的應(yīng)用。3.1.3色彩感覺設(shè)計應(yīng)用黃色是陽光的色彩，能表現(xiàn)無拘無束的快活感和輕松感。黃色與其他顏色搭配時會顯得比較活潑，具有快樂、希望和充滿陽光般的個性。黃色是所有顏色中明亮度最高的顏色，常用于華麗、時尚的產(chǎn)品。黃色是一種高可見的色彩，引人注目，因此常常被用為健康、安全設(shè)備以及危險信號中，黃黑搭配在生活中經(jīng)常被用作警示標(biāo)志。3.1.3色彩感覺設(shè)計應(yīng)用綠色屬于大自然的色系，代表著生命的永恒，給人一種生機(jī)勃勃的感覺，使人充滿著希望與青春的活力。綠色屬于比較中庸的顏色，給人以柔順、恬靜、優(yōu)美的感覺。尤其和黃色搭配呈現(xiàn)出很強(qiáng)的親和力，能表達(dá)出大自然生機(jī)勃勃的感覺。3.1.3色彩感覺設(shè)計應(yīng)用藍(lán)色是被人們接受度最高的一種色彩，因?yàn)樗膽?yīng)用范圍非常廣，高純度的深藍(lán)色能演繹出男性的剛毅，明亮的淺藍(lán)色可以突出兒童的天真、純潔，而且藍(lán)色是典型的冷色調(diào)，設(shè)計中也常常被用作后退色。由于藍(lán)色具有沉穩(wěn)的色彩特性，在商業(yè)設(shè)計中，強(qiáng)調(diào)科技、效率的商品或企業(yè)形象。3.1.3色彩感覺設(shè)計應(yīng)用紫色所表達(dá)的是一種女性氣質(zhì)有著優(yōu)雅、高貴的品質(zhì)。紫色大多被應(yīng)用在奢侈品、化妝品等偏女性化的產(chǎn)品類目中，同時它也帶給大家神秘、奢華、浪漫、夢幻的感覺。紫色屬于冷色調(diào)，在使用紫色的同系色彩進(jìn)行搭配時，能表現(xiàn)出寧靜優(yōu)雅的感覺。3.1.4色彩的搭配方法

色相搭配是指兩種或多種色彩共同存在時，可以影響消費(fèi)者心理。在進(jìn)行色彩搭配設(shè)計時，應(yīng)使對比恰到好處，畫面才能艷而不俗，華而不浮，產(chǎn)生協(xié)調(diào)和諧的美感。配色以紅、黃、藍(lán)三原色為起點(diǎn)，三原色是所有色彩的起點(diǎn)，需在此基礎(chǔ)上擴(kuò)展色相。一般對于初學(xué)者而言，可以先擴(kuò)展到紅、橙、黃、綠、藍(lán)、紫這6種色相。色彩之間的關(guān)系取決于各自在色相環(huán)上的位置，色相和色相之間的距離越近，則對比越弱，離得越遠(yuǎn)則對比越強(qiáng)烈。實(shí)際應(yīng)用中，配色工作通常是根據(jù)不同色彩之間的關(guān)系進(jìn)行的，以色相為基礎(chǔ)的配色方案主要有：同類色相配色、鄰近色相配色、對比色相配色、互補(bǔ)色相配色。3.1.4色彩的搭配方法同類色相配色：在色相環(huán)上夾角在30°以內(nèi)的顏色。色相非常接近，只能通過明度、純度的差別對比來營造細(xì)膩豐富的視覺效果。用來表現(xiàn)一種雅致、含蓄、單純、統(tǒng)一的視覺情感，文字顏色就是用背景中的顏色提高飽和度后的結(jié)果。3.1.4色彩的搭配方法鄰近色配色：在色相環(huán)上夾角在60°范圍之內(nèi)的顏色。色相對比程度適中，畫面顯得色彩豐富，同時由于色彩并不是非常對立，易于做到統(tǒng)一調(diào)和。同類色如果使用不當(dāng)，有時也會造成同一色的枯燥乏味，而相鄰色稍微跳動的色彩可以保持設(shè)計的穩(wěn)定性。3.1.4色彩的搭配方法對比色配色：在色相環(huán)中夾角在120°的兩種顏色互為對比色。色彩差異大，畫面色彩豐富、色彩對比強(qiáng)烈。能制造出色彩豐富、鮮明的視覺效果。3.1.4色彩的搭配方法紅藍(lán)搭配是對比色中比較特殊的一種搭配，因?yàn)檫@兩種色彩是典型的冷暖色，有很強(qiáng)的對比性，會給人留下很深的印象，所以很多品牌的Logo以及一些標(biāo)示性的事物都會選用紅藍(lán)搭配，比如百度的Logo、百事可樂的Logo、警車和救護(hù)車的警示燈等，這兩種色彩對比很容易讓人產(chǎn)生視覺疲勞和心理亢進(jìn)，所以不適用于家居類靜物的應(yīng)用。3.1.4色彩的搭配方法互補(bǔ)色配色：在色相環(huán)上的距離在180°的兩個顏色互為補(bǔ)色。色相差別強(qiáng)烈，將色相的對比推向極致。畫面對比最豐富、強(qiáng)烈、刺激，具有強(qiáng)烈的視覺沖擊力。3.1.4色彩的搭配方法在使用互補(bǔ)色搭配時，要注意三個方面：

首先，一定要控制好畫面的色彩比例，因?yàn)檫@兩種色彩放在一起時，對抗性強(qiáng)，所以一定要選出一種色彩作為主色調(diào)，另外一種色彩作為點(diǎn)綴色或者輔助色；

其次，可以降低其中一種色彩的明度/飽和度，這種方法可以使畫面產(chǎn)生明暗對比，緩沖兩種色彩的對抗性；

第三，在畫面中加入黑色或者白色作為調(diào)和色，進(jìn)而緩沖互補(bǔ)色的強(qiáng)烈對抗性。3.1.5色彩比例控制

色彩搭配一定要給人以統(tǒng)一、協(xié)調(diào)的感覺。統(tǒng)一的顏色是指主色調(diào)只有一種，在此基礎(chǔ)上搭配一些其他顏色，即所謂“總體協(xié)調(diào)，局部對比”原則。配色黃金比例為70%主色，25%輔助色，5%點(diǎn)綴色，如圖3-32所示。一般情況下建議畫面色彩不超過三種，這里的三種色彩是指三種色相，比如深藍(lán)和天藍(lán)即視為一種色相。

3.2設(shè)計中的文字

文字是視覺設(shè)計中的基本要素，也是傳達(dá)信息的最直觀的表達(dá)方式，在視覺設(shè)計中包含大量的文字信息，這些文字根據(jù)使用場景和需求的不同，需要設(shè)計成不同的字體、字號、排版和色彩，有時還會應(yīng)用一些創(chuàng)意字體來更好的體現(xiàn)商品特色。利率較高黑體字形3.2.1文字的性格特征

字體就是文字的風(fēng)格樣式，是文字的外衣。如漢字中的楷書、行書、草書，就是不同的字體，有著不同的風(fēng)格。字體的藝術(shù)性體現(xiàn)在其完美的外在形式與豐富的內(nèi)涵之中。字體是文化的載體，是社會的縮影，不同的字體給人的感覺也不同。

利率較高黑體字形3.2.1文字的性格特征黑體：黑體字字體比較方正，筆畫醒目、粗壯、并且粗細(xì)一致的特點(diǎn)，適用于標(biāo)題和大型文字表現(xiàn)，粗黑體標(biāo)題展示、細(xì)黑體說明文字。利率較高黑體字形3.2.1文字的性格特征宋體：宋體字，筆畫有粗細(xì)變化，一般橫細(xì)豎粗，末端有裝飾部分的特點(diǎn)，適用于文化、藝術(shù)、生活、女性等領(lǐng)域。宋體是很有文化氣質(zhì)的字體，因此與文化有關(guān)的設(shè)計作品都可以考慮宋體。宋體字同樣有這很強(qiáng)的文藝、小資氣息。利率較高黑體字形3.2.1文字的性格特征圓體：圓體字型是由黑體演變而來，筆畫拐角處和末端為圓弧狀的特點(diǎn)，增加了一些靈性和活潑，也增加了字體的趣味性和圓潤性，文字變得柔和溫潤。因圓體字缺少棱角，字形圓潤，給人一種可愛、爽滑感，也可用于兒童和美食等領(lǐng)域。利率較高黑體字形3.2.1文字的性格特征書法體：書法字型具有裝飾性和藝術(shù)性、律動和韻味、大氣恢弘、烘托氛圍的特點(diǎn)，適合表現(xiàn)中國風(fēng)、民族風(fēng)領(lǐng)域。書法在中國有上千年的歷史積淀，也就意味著，要設(shè)計相關(guān)歷史悠久的項(xiàng)目時，可以用書法字形。利率較高黑體字形3.2.1文字的性格特征黑體：黑體字字體比較方正，筆畫醒目、粗壯、并且粗細(xì)一致的特點(diǎn)，適用于標(biāo)題和大型文字表現(xiàn)，粗黑體標(biāo)題展示、細(xì)黑體說明文字。圖3-33黑體字在設(shè)計中的應(yīng)用效果。利率較高黑體字形3.2.2字體的高級使用技巧

性格，通常用來形容一個人的性情品格，人們常說“字如其人”，其實(shí)字體也可以看作是一個有著不同性格色彩的人，不同的字體會展現(xiàn)出不一樣的感覺，進(jìn)而形成不同的版面風(fēng)格

利率較高黑體字形3.2.2字體的高級使用技巧男性化的字體：粗獷、堅(jiān)硬、強(qiáng)勁有力、拐角分明、大氣、力量感等，具備這些特征的字體就是男性化的字體。

利率較高黑體字形3.2.2字體的高級使用技巧女性化字體：秀美、氣質(zhì)、俊俏、飄逸、纖細(xì)、曲線、柔美等，女性字體應(yīng)該具備筆畫纖細(xì)、線條流暢、拐角自然、字形有粗細(xì)變化。利率較高黑體字形3.2.2字體的高級使用技巧對于促銷海報、促銷單張、促銷折頁這類促銷設(shè)計，主要目的是吸引消費(fèi)者的注意、突出優(yōu)惠信息等，所以要選擇筆畫粗且清晰有力的字體。

利率較高黑體字形3.2.2字體的高級使用技巧中國風(fēng)字體：纖細(xì)、優(yōu)美、復(fù)古是中國風(fēng)字體的特點(diǎn)，像宋體、楷體、隸書、書法體，都是具有中國風(fēng)特色的字體。

利率較高黑體字形3.2.2字體的高級使用技巧可愛字體：比較圓滑、親和力較強(qiáng)的手寫體和卡通字體。

利率較高黑體字形3.2.2字體的高級使用技巧文藝字體：文藝清新風(fēng)的設(shè)計風(fēng)格是一種非常受年輕女性所喜歡的風(fēng)格，文藝字體應(yīng)該具有“文藝青年”那樣安靜、素雅、清新的特點(diǎn)。要營造文藝風(fēng)，字體選擇當(dāng)然也要清新脫俗，硬筆書法字體、細(xì)長的宋體、等線體都具有這一特征。利率較高黑體字形3.2.2字體的高級使用技巧奢華風(fēng)字體：奢華風(fēng)格的設(shè)計，畫面一般都比較簡潔、有質(zhì)感，背景比較干凈，所以不宜使用太復(fù)雜和太隨性的字體。宋體和等線體這類比較細(xì)的字體是不錯的選擇，而且在這類設(shè)計中，最好不要給字體增加過多的效果，字號往往也比較小。3.2.3文字編排的基本原則

在進(jìn)行頁面的文字排版時，首先要考慮的就是文字的對齊方式。文字的對齊方式包括左對齊、右對齊、居中對齊。3.2.3文字編排的基本原則左對齊是將段落文字的左側(cè)邊緣對齊，左對齊排列給人一種整齊規(guī)矩的感覺，比較符合從左向右的閱讀習(xí)慣，具有很強(qiáng)的協(xié)調(diào)感。3.2.3文字編排的基本原則右對齊是將段落文字的右側(cè)邊緣對齊，右對齊排列將人的視覺注意力集中到文字的右側(cè)，而在文案的左側(cè)形成波浪造型，畫面有流動感。3.2.3文字編排的基本原則居中對齊是將每行文字的中間對齊到一條垂直的線上，給人左右對稱的感覺，將文字居中對齊，可以將人的視線集中到中間位置，減少周圍圖形對文字的影響。3.2.4文字排版設(shè)計技巧善用對比：無對比不設(shè)計。使用對比的排版技巧可以最有效的增加畫面的視覺效果。對比原則包含的內(nèi)容很多，比如虛實(shí)對比，冷暖對比等等，這次我們只談關(guān)于字體的大小對比和粗細(xì)對比。一般的使用規(guī)則是主標(biāo)題大而粗，副標(biāo)題纖細(xì)，視覺上形成對比，也很好地強(qiáng)調(diào)了重點(diǎn)信息，使圖片具有更強(qiáng)的可讀性。

3.2.4文字排版設(shè)計技巧巧用形狀：設(shè)計上經(jīng)常采用形狀+文字的組合形式，來塑造有活力、有個性的設(shè)計風(fēng)格，常用的形狀通常有圓形、三角形和矩形。半透明的形狀應(yīng)用，既可以起到承載信息的作用，使文案得以清晰的顯示，又可以隱約透露出背景顏色，增加畫面的空間感。此種情況下，一般應(yīng)用圓形和長方形較多。3.3視覺設(shè)計元素構(gòu)成設(shè)計不是天馬行空的想象，任何一個設(shè)計都是有章可循且具有一定規(guī)范的，設(shè)計元素構(gòu)成就是在二次元的平面上，按照美的視覺效果，力學(xué)的原理，進(jìn)行編排和組合，它是以理性和邏輯推理來創(chuàng)造形象、研究形象與形象之間的排列方法，是理性與