網店美工與視覺設計(第二版)課件 第1-3章 網店美工入門基礎- 電商視覺設計的基本要素_第1頁
網店美工與視覺設計(第二版)課件 第1-3章 網店美工入門基礎- 電商視覺設計的基本要素_第2頁
網店美工與視覺設計(第二版)課件 第1-3章 網店美工入門基礎- 電商視覺設計的基本要素_第3頁
網店美工與視覺設計(第二版)課件 第1-3章 網店美工入門基礎- 電商視覺設計的基本要素_第4頁
網店美工與視覺設計(第二版)課件 第1-3章 網店美工入門基礎- 電商視覺設計的基本要素_第5頁
已閱讀5頁,還剩98頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

網店美工與視覺設計第一章網店美工入門基礎學習目標知識目標1.了解網店美工的工作范疇;2.了解網店美工必備技能要求。能力目標1.掌握網店美工所需要軟件的安裝方法;2.掌握網店美工需要做的準備工作。素養目標1.培養讀者對網點美工相關內容的學習興趣;2.提升讀者的職業素養。

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

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

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

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

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

素材庫是設計師另一重要資源,優秀的美工都會有一個屬于自己的素材庫,一般包括優秀作品、模板素材、字體素材、設計元素等內容。素材庫優秀作品模板資源設計資源教程經驗內掛外掛

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

PhotoshopCC的界面在色彩應用上取代之前的灰色,當前的界面風格類似蘋果攝影軟件的界面風格,PhotoshopCC的基礎工作界面,包括了菜單欄、選項欄、工具箱、圖像編輯區域、控制面板等模塊。2.1.2調整PS的界面視圖

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

為了使圖像的制作更加精細,可以使用photoshp中的輔助工具來幫助設計制作,輔助工具主要包括標尺、參考線和網格。2.1.4圖像文件的基本操作

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

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

2、使用“可選顏色”調整使用“可選顏色”可以對偏色的商品圖片進行修復

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

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

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

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

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

3.摳取頭紗2.3.5摳取毛發

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

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

仿制圖章工具可以從圖像中復制信息,將其應用到其他區域或者其他圖像中,是圖像修復中最常用的工具之一。2.4.3使用修補工具修復圖片

修補工具是使用圖片中某些特定的區域來替換需要修補的區域,它會將源區域和目標區域的紋理、明暗等相匹配,修補工具是使用最頻繁的修復工具之一。2.4.4調整模糊的圖片

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

商品圖片拍攝完成后,周邊可能會出現空白區域,為了突出商品主體,可以在原圖的基礎上裁剪出合適的圖像區域。2.5.2調整商品圖片的尺寸

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

切圖

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

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

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

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

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

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

首先,一定要控制好畫面的色彩比例,因為這兩種色彩放在一起時,對抗性強,所以一定要選出一種色彩作為主色調,另外一種色彩作為點綴色或者輔助色;

其次,可以降低其中一種色彩的明度/飽和度,這種方法可以使畫面產生明暗對比,緩沖兩種色彩的對抗性;

第三,在畫面中加入黑色或者白色作為調和色,進而緩沖互補色的強烈對抗性。3.1.5色彩比例控制

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

3.2設計中的文字

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

字體就是文字的風格樣式,是文字的外衣。如漢字中的楷書、行書、草書,就是不同的字體,有著不同的風格。字體的藝術性體現在其完美的外在形式與豐富的內涵之中。字體是文化的載體,是社會的縮影,不同的字體給人的感覺也不同。

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

性格,通常用來形容一個人的性情品格,人們常說“字如其人”,其實字體也可以看作是一個有著不同性格色彩的人,不同的字體會展現出不一樣的感覺,進而形成不同的版面風格

利率較高黑體字形3.2.2字體的高級使用技巧男性化的字體:粗獷、堅硬、強勁有力、拐角分明、大氣、力量感等,具備這些特征的字體就是男性化的字體。

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

利率較高黑體字形3.2.2字體的高級使用技巧中國風字體:纖細、優美、復古是中國風字體的特點,像宋體、楷體、隸書、書法體,都是具有中國風特色的字體。

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

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

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

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

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論