FlashCS6動(dòng)畫制作電子工業(yè)出版社Banner的設(shè)計(jì)與制作項(xiàng)目2項(xiàng)目2Banner的設(shè)計(jì)與制作│

項(xiàng)目分析本項(xiàng)目主要從介紹Banner的設(shè)計(jì)與制作的相關(guān)知識(shí)入手，讓讀者了解Banner的應(yīng)用領(lǐng)域、Banner設(shè)計(jì)的重要性、構(gòu)圖的概念和樣式，并掌握Banner圖片、Banner文字、Banner主題和軟文的設(shè)計(jì)與制作。任務(wù)1熟識(shí)Banner在網(wǎng)絡(luò)營(yíng)銷術(shù)語(yǔ)中，Banner作為一種網(wǎng)絡(luò)廣告形式，一般放置在網(wǎng)頁(yè)的不同位置，在用戶瀏覽網(wǎng)頁(yè)信息的同時(shí)，吸引用戶關(guān)注廣告信息。本任務(wù)主要介紹Banner的應(yīng)用領(lǐng)域、Banner設(shè)計(jì)的重要性、構(gòu)圖的概念和法則、構(gòu)圖的樣式和結(jié)構(gòu)等相關(guān)知識(shí)。任務(wù)目標(biāo)（1）了解Banner的應(yīng)用領(lǐng)域。（2）熟悉構(gòu)圖的概念和法則。（3）掌握構(gòu)圖的樣式和結(jié)構(gòu)。項(xiàng)目2Banner的設(shè)計(jì)與制作了解Banner的應(yīng)用領(lǐng)域Banner的核心使命就是吸引用戶的注意力，是大多數(shù)新產(chǎn)品、新事物、各種優(yōu)惠活動(dòng)呈現(xiàn)給用戶的最主要的途徑，所以Banner的主題要明確，關(guān)鍵內(nèi)容要突出，要能夠有效地抓住用戶的眼球。Banner的應(yīng)用領(lǐng)域也越來越廣泛，常見的應(yīng)用有網(wǎng)幅廣告、旗幟廣告、橫幅廣告、網(wǎng)站Banner、手機(jī)Banner、淘寶Banner、微信Banner和微博Banner。認(rèn)識(shí)Banner設(shè)計(jì)的重要性Banner設(shè)計(jì)的初衷就是“被點(diǎn)擊”。所有的設(shè)計(jì)和創(chuàng)意都是圍繞吸引用戶來進(jìn)行的。一個(gè)好的設(shè)計(jì)，主題要明確。在有效吸引用戶的前提下，能夠很自然地融合到不同的頁(yè)面中是Banner設(shè)計(jì)的宗旨。當(dāng)用戶訪問一個(gè)網(wǎng)站時(shí)，第一屏的信息展示是非常重要的，因?yàn)榈谝黄恋男畔⒖梢栽诤艽蟪潭壬嫌绊懹脩羰欠駴Q定停留。若只是大面積堆積文字，則很難直觀而快速地告訴用戶會(huì)獲得哪些有用的信息。因此，Banner設(shè)計(jì)在這里會(huì)起到至關(guān)重要的展示作用，特別是對(duì)于首頁(yè)Banner而言，有效的信息傳達(dá)可以使用戶和文字之間的互動(dòng)變得生動(dòng)而有趣。下面通過兩個(gè)應(yīng)用實(shí)例來對(duì)比說明Banner設(shè)計(jì)的重要性。項(xiàng)目2Banner的設(shè)計(jì)與制作熟悉構(gòu)圖的概念和法則1．構(gòu)圖的概念構(gòu)圖是指創(chuàng)作者在一定的空間范圍內(nèi)，對(duì)自己要表現(xiàn)的形象進(jìn)行組織安排，形成形象的部分與整體之間，形象空間之間的特定的結(jié)構(gòu)、形式。簡(jiǎn)單來說，構(gòu)圖是對(duì)畫面的內(nèi)容和組織形式進(jìn)行整體設(shè)計(jì)。任何構(gòu)圖都離不開點(diǎn)、線、面這3個(gè)元素，以點(diǎn)成線，以線構(gòu)面，它們是視覺構(gòu)成的基本元素，具有不同的情感特征，因此，要善于采用不同的組合，呈現(xiàn)不同的Banner構(gòu)圖。1）點(diǎn)的聚合點(diǎn)的排列會(huì)引起視覺流動(dòng)，如果引入時(shí)間因素，同時(shí)利用點(diǎn)的大小、形狀及距離的變化，則可以設(shè)計(jì)出富有節(jié)奏韻律的畫面。如圖所示，點(diǎn)的連續(xù)排列構(gòu)成線，點(diǎn)與點(diǎn)之間的距離越近，線的特性就越顯著；同樣，點(diǎn)的密集排列構(gòu)成面，點(diǎn)的距離越近，面的特性就越顯著。項(xiàng)目2Banner的設(shè)計(jì)與制作熟悉構(gòu)圖的概念和法則2）線的流動(dòng)線是點(diǎn)移動(dòng)的軌跡，可在頁(yè)面上起到強(qiáng)調(diào)、分割、引導(dǎo)視線的作用。在設(shè)計(jì)中，利用線對(duì)頁(yè)面空間進(jìn)行分割的方法也很普遍，不同方向、長(zhǎng)度、寬度、形態(tài)的線會(huì)給人不同的感受。垂直線顯得平穩(wěn)、挺拔，弧線顯得流暢、輕盈，水平線給人一種平靜、開闊、安逸的感受，曲線給人一種動(dòng)感、活力的感受，粗線條給人一種粗獷、勇敢、陽(yáng)剛的感受，細(xì)線條給人一種銳利、敏感的感受。圖1所示為曲線的流動(dòng)示例。圖2所示為直線的流動(dòng)示例，圖中利用嚴(yán)謹(jǐn)?shù)木€條流動(dòng)來展示產(chǎn)品信息，使頁(yè)面穩(wěn)重而富有理性。項(xiàng)目2Banner的設(shè)計(jì)與制作熟悉構(gòu)圖的概念和法則3）面的分割面在設(shè)計(jì)領(lǐng)域中可以理解為點(diǎn)的放大、點(diǎn)的密集或線的重復(fù)。Banner元素在大小不同的色塊元素的風(fēng)格對(duì)比下，能獲得清晰且有條理的秩序，同時(shí)在整體上也顯得和諧統(tǒng)一。如圖1所示，清晰、突出的圖片是吸引用戶關(guān)注的第一視覺點(diǎn)。而圖2中則通過色塊與線條之間不同的比例來分割畫面，這樣頁(yè)面在表現(xiàn)形式上更具有藝術(shù)表現(xiàn)力。項(xiàng)目2Banner的設(shè)計(jì)與制作2．構(gòu)圖的形式美法則在Banner設(shè)計(jì)中采用特殊的形式結(jié)構(gòu)，不僅可以使畫面變得個(gè)性十足，還能更好地與其他同類產(chǎn)品進(jìn)行區(qū)分，讓人印象深刻。1）有機(jī)形的柔和與美有機(jī)形是由一定數(shù)量的曲線組合而成的，是自然物外力與內(nèi)力相抗衡而形成的形態(tài)。有機(jī)形富有內(nèi)在的張力，給人以純樸、溫暖而富有生命力的感覺。如圖所示為有機(jī)形構(gòu)圖法則示例，其曲線與個(gè)性化的插圖形成強(qiáng)烈的對(duì)比。項(xiàng)目2Banner的設(shè)計(jì)與制作2．構(gòu)圖的形式美法則2）偶然形的獨(dú)特魅力偶然形是在力的作用下隨機(jī)形成的圖形，它具有天然成趣的效果，利用偶然因素提煉美的方法，讓Banner設(shè)計(jì)更加與眾不同。圖2-1-10所示為偶然形構(gòu)圖法則示例，使頁(yè)面產(chǎn)生趣味性。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握構(gòu)圖的樣式和結(jié)構(gòu)1．垂直構(gòu)圖垂直構(gòu)圖能夠表現(xiàn)景物的高度和深度，常用于表現(xiàn)險(xiǎn)峻的山石、摩天大樓及由豎直形狀組成的其他畫面。在產(chǎn)品Banner設(shè)計(jì)方面，豎版切割的延伸和量化能增加沖擊力，表現(xiàn)統(tǒng)一感和陣列感。如圖所示為垂直構(gòu)圖示例。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握構(gòu)圖的樣式和結(jié)構(gòu)2．平衡式構(gòu)圖平衡式構(gòu)圖能夠給人以滿足感，畫面結(jié)構(gòu)完美無缺，安排巧妙，對(duì)應(yīng)而平衡，常用于表現(xiàn)月夜、水面、夜景等畫面。在設(shè)計(jì)方面，平衡式構(gòu)圖常用于地產(chǎn)設(shè)計(jì)、開水瓶等穩(wěn)定類產(chǎn)品的Banner設(shè)計(jì)。如圖所示為平衡式構(gòu)圖示例。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握構(gòu)圖的樣式和結(jié)構(gòu)2．平衡式構(gòu)圖平衡式構(gòu)圖能夠給人以滿足感，畫面結(jié)構(gòu)完美無缺，安排巧妙，對(duì)應(yīng)而平衡，常用于表現(xiàn)月夜、水面、夜景等畫面。在設(shè)計(jì)方面，平衡式構(gòu)圖常用于地產(chǎn)設(shè)計(jì)、開水瓶等穩(wěn)定類產(chǎn)品的Banner設(shè)計(jì)。如圖所示為平衡式構(gòu)圖示例。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握構(gòu)圖的樣式和結(jié)構(gòu)3．斜線構(gòu)圖斜線構(gòu)圖可以分為立式斜線和平式斜橫線兩種，常用于表現(xiàn)運(yùn)動(dòng)、傾斜、動(dòng)蕩、失衡、緊張和危險(xiǎn)等畫面。有的畫面利用斜線指出特定的物體，起固定導(dǎo)向的作用。在設(shè)計(jì)方面，斜線構(gòu)圖常用于表現(xiàn)運(yùn)動(dòng)鞋和運(yùn)動(dòng)服，以及細(xì)長(zhǎng)的鉛筆、牙刷和燈管等產(chǎn)品。如圖所示為斜線構(gòu)圖示例。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握構(gòu)圖的樣式和結(jié)構(gòu)4．放射線構(gòu)圖放射線構(gòu)圖以主體為中心向四周擴(kuò)散，元素呈放射狀，用于突出主體元素，場(chǎng)景變化微妙而富有張力。例如，在多產(chǎn)品、多狀態(tài)的情況下，或者在產(chǎn)品較多而單個(gè)產(chǎn)品和畫面比例嚴(yán)重失調(diào)的情況下，可以采用此種構(gòu)圖形式。如圖所示為放射線構(gòu)圖示例。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握構(gòu)圖的樣式和結(jié)構(gòu)5．對(duì)角線構(gòu)圖對(duì)角線構(gòu)圖把主體安排在對(duì)角線上，能有效地利用對(duì)角線的長(zhǎng)度延伸畫面，富有動(dòng)感，顯得活潑，容易產(chǎn)生線條的匯聚趨勢(shì)，以吸引人的視線，達(dá)到主體突出、視覺均衡的效果。如圖所示為對(duì)角線構(gòu)圖示例。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握構(gòu)圖的樣式和結(jié)構(gòu)6．三角形構(gòu)圖三角形是最穩(wěn)定的圖形，三角形構(gòu)圖方式中正三角形有安全感，倒三角形則具有不安定的動(dòng)感效果。三角形構(gòu)圖以3個(gè)視覺中心來安排景物的位置，或者以三點(diǎn)成一面的幾何形狀來安排景物的位置，形成一個(gè)穩(wěn)定的三角形。構(gòu)圖的三角形既可以是正三角形，也可以是斜三角形或倒三角形。其中，斜三角形較為常用。三角形構(gòu)圖的特點(diǎn)是穩(wěn)定、均衡、靈活。如圖所示為三角形構(gòu)圖示例。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握構(gòu)圖的樣式和結(jié)構(gòu)7．框架式構(gòu)圖框架式構(gòu)圖用景物的框架作為前景，能增加畫面的縱向?qū)Ρ群脱b飾效果，使圖片產(chǎn)生縱深感。在設(shè)計(jì)方面，框架式構(gòu)圖用主體元素在左右兩側(cè)填充，中間的空白放置廣告詞。如圖所示為框架式構(gòu)圖示例。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握構(gòu)圖的樣式和結(jié)構(gòu)8．九宮格構(gòu)圖九宮格構(gòu)圖將主體或重要元素放在“九宮格”交叉點(diǎn)的位置上，“井”字的4個(gè)交叉點(diǎn)就是主體的最佳位置。一般認(rèn)為，最理想的是右上方的交叉點(diǎn)，其次是右下方的交叉點(diǎn)。但最佳位置也不是固定不變的，只是比較符合人們的視覺習(xí)慣，使主體自然成為視覺中心，突出主體，并使畫面趨向于均衡。如圖所示為九宮格構(gòu)圖示例。項(xiàng)目2Banner的設(shè)計(jì)與制作模擬實(shí)訓(xùn)一、實(shí)訓(xùn)目的（1）了解Banner的應(yīng)用領(lǐng)域。（2）掌握構(gòu)圖的概念和法則。（3）熟悉構(gòu)圖的樣式和結(jié)構(gòu)。二、實(shí)訓(xùn)內(nèi)容（1）分析“我要自學(xué)網(wǎng)”首頁(yè)Banner效果圖的構(gòu)圖、配色及編排效果，完成Banner的設(shè)計(jì)與制作，如圖1所示。（2）分析“唐獅音樂節(jié)”網(wǎng)站首頁(yè)Banner效果圖的構(gòu)圖、配色及編排效果，完成Banner的設(shè)計(jì)與制作，如圖2所示。項(xiàng)目2Banner的設(shè)計(jì)與制作任務(wù)2設(shè)計(jì)與制作Banner圖片在Banner動(dòng)畫中，圖片占據(jù)了非常重要的位置，出彩的圖片是十分有力的表現(xiàn)手法。本任務(wù)除了介紹Banner圖片設(shè)計(jì)的版式和排版原則，還會(huì)結(jié)合實(shí)際案例講解Banner圖片特效動(dòng)畫的制作。任務(wù)目標(biāo)（1）了解Banner圖片設(shè)計(jì)的版式。（2）熟悉Banner圖片設(shè)計(jì)的排版原則。（3）掌握Banner圖片特效動(dòng)畫的制作方法。項(xiàng)目2Banner的設(shè)計(jì)與制作了解Banner圖片設(shè)計(jì)的版式圖片設(shè)計(jì)的版式包括主題形象的體現(xiàn)、整體的布局、視覺元素的大小和數(shù)量、圖片與文字的關(guān)系等。根據(jù)不同的組織形式，可以將圖片設(shè)計(jì)的版式大致劃分為以下幾種。1．兩欄式兩欄式版式布局采用的是左文右圖或左圖右文的形式，表現(xiàn)主題內(nèi)容的圖片一般占大部分區(qū)域，補(bǔ)充說明性的文字用于進(jìn)一步表達(dá)主題。如圖所示為兩欄式版式示例。項(xiàng)目2Banner的設(shè)計(jì)與制作了解Banner圖片設(shè)計(jì)的版式2．三欄式三欄式版式布局采用的是中間文字、兩邊圖片的形式，主次關(guān)系明確。如圖所示為三欄式版式示例。項(xiàng)目2Banner的設(shè)計(jì)與制作了解Banner圖片設(shè)計(jì)的版式3．上下式上下式版式布局采用的是上面文字、下面圖片的形式，先由上面的文字引導(dǎo)用戶的閱讀視線，再由下面的圖片更好地表現(xiàn)主題內(nèi)容，使圖文相結(jié)合。如圖所示為上下式版式示例。項(xiàng)目2Banner的設(shè)計(jì)與制作了解Banner圖片設(shè)計(jì)的版式4．組合式1組合式1版式布局采用一邊為展示產(chǎn)品的模特人物，而另一邊為文字加圖片的形式，在表現(xiàn)形式上更加靈活。如圖所示為組合式1版式示例。項(xiàng)目2Banner的設(shè)計(jì)與制作了解Banner圖片設(shè)計(jì)的版式5．組合式2組合式2版式布局采用兩邊為模特人物、中間為文字加圖片的形式，在展示類的Banner圖片中使用居多，如服飾、潮流單品等。如圖所示為組合式2版式示例。項(xiàng)目2Banner的設(shè)計(jì)與制作了解Banner圖片設(shè)計(jì)的版式6．文字+背景文字+背景版式布局采用的是純文字加背景的圖片形式，在背景的襯托下，突出文字主題的內(nèi)容，重點(diǎn)鮮明。如圖所示為文字+背景版式示例。項(xiàng)目2Banner的設(shè)計(jì)與制作熟悉Banner圖片設(shè)計(jì)的排版原則排版就是把可視化信息（如文字、圖片等元素）在整體布局上調(diào)整位置、大小和方向，使版面美觀。在Banner中，圖片設(shè)計(jì)排版遵循以下原則。（1）對(duì)齊原則。為了使用戶可以快速瀏覽畫面，相關(guān)的內(nèi)容要對(duì)齊，以便一眼就可以關(guān)注到最重要的信息。（2）集中原則。如果畫面中的內(nèi)容分成幾個(gè)不同的區(qū)域，那么在同一個(gè)區(qū)域中應(yīng)該聚集相關(guān)的內(nèi)容。（3）留白原則。專業(yè)的Banner設(shè)計(jì)絕不會(huì)排得密密麻麻，要留出一定的空間，這樣既可以避免Banner的擁擠感，又可以集中用戶視線，突出重點(diǎn)內(nèi)容。（4）降噪原則。顏色太多、字體太多、圖形太過復(fù)雜，這些都是分散用戶關(guān)注度的“噪聲”。（5）重復(fù)原則。在排版時(shí)，要關(guān)注整體設(shè)計(jì)的一致性和連貫性，避免出現(xiàn)多種類型的視覺元素。（6）對(duì)比原則。增加不同元素的視覺差異，這樣既能體現(xiàn)Banner的活潑性，又能突出視覺重點(diǎn)，以使用戶第一眼就能瀏覽到重要的信息。項(xiàng)目2Banner的設(shè)計(jì)與制作熟悉Banner圖片設(shè)計(jì)的排版原則排版就是把可視化信息（如文字、圖片等元素）在整體布局上調(diào)整位置、大小和方向，使版面美觀。在Banner中，圖片設(shè)計(jì)排版遵循以下原則。（1）對(duì)齊原則。為了使用戶可以快速瀏覽畫面，相關(guān)的內(nèi)容要對(duì)齊，以便一眼就可以關(guān)注到最重要的信息。（2）集中原則。如果畫面中的內(nèi)容分成幾個(gè)不同的區(qū)域，那么在同一個(gè)區(qū)域中應(yīng)該聚集相關(guān)的內(nèi)容。（3）留白原則。專業(yè)的Banner設(shè)計(jì)絕不會(huì)排得密密麻麻，要留出一定的空間，這樣既可以避免Banner的擁擠感，又可以集中用戶視線，突出重點(diǎn)內(nèi)容。（4）降噪原則。顏色太多、字體太多、圖形太過復(fù)雜，這些都是分散用戶關(guān)注度的“噪聲”。（5）重復(fù)原則。在排版時(shí)，要關(guān)注整體設(shè)計(jì)的一致性和連貫性，避免出現(xiàn)多種類型的視覺元素。（6）對(duì)比原則。增加不同元素的視覺差異，這樣既能體現(xiàn)Banner的活潑性，又能突出視覺重點(diǎn)，以使用戶第一眼就能瀏覽到重要的信息。項(xiàng)目2Banner的設(shè)計(jì)與制作模擬實(shí)訓(xùn)一、實(shí)訓(xùn)目的（1）了解Banner圖片設(shè)計(jì)的版式。（2）掌握Banner圖片設(shè)計(jì)的排版原則。（3）學(xué)會(huì)制作Banner圖片特效動(dòng)畫。二、實(shí)訓(xùn)內(nèi)容為了宣傳低碳生活，保護(hù)環(huán)境，請(qǐng)制作如圖所示的“隱藏的圖片”動(dòng)畫。當(dāng)鼠標(biāo)指針滑過第一張慢慢變黃的樹葉圖片時(shí)，文字描述是“我們還能擠出多少氧氣？！”，切換到第二張圖片時(shí)，回答第一張圖片中的問題，倡導(dǎo)“低碳生活，讓氧多起來”。（提示：制作按鈕元件和影片剪輯元件，圖片采用遮罩技術(shù)進(jìn)行切換。）項(xiàng)目2Banner的設(shè)計(jì)與制作任務(wù)3設(shè)計(jì)與制作Banner文字總體來說，一個(gè)Banner是由文字和輔助圖兩部分構(gòu)成的。輔助圖雖然占據(jù)大多數(shù)的面積，但是不添加文字進(jìn)行輔助說明就很難讓用戶清楚這個(gè)Banner要表達(dá)的含義。就像人們可以通過觀察一個(gè)人的五官來感受這個(gè)人的喜、怒、哀、樂，但其因何表現(xiàn)出喜、怒、哀、樂，還要通過文字來說明一樣。本任務(wù)除了介紹Banner中文字設(shè)計(jì)的技巧，還會(huì)結(jié)合實(shí)際案例講解在Banner中運(yùn)用的一些特效文字動(dòng)畫。任務(wù)目標(biāo)（1）了解文字在Banner設(shè)計(jì)中的地位。（2）掌握Banner中文字設(shè)計(jì)的技巧。（3）掌握特效文字動(dòng)畫的制作方法。項(xiàng)目2Banner的設(shè)計(jì)與制作了解文字在Banner設(shè)計(jì)中的地位文字是記錄語(yǔ)言的書面形式，是人類思想感情交流的必然產(chǎn)物，而特效文字更是各個(gè)領(lǐng)域中渲染主題的一種方法。在Banner中使用特效文字，可以使Banner表現(xiàn)得與眾不同。在Banner中，信息的表達(dá)通常使用文字、圖像等方式，其中Banner中最重要的設(shè)計(jì)元素就是文字，相對(duì)于圖形來說，文字的信息傳遞方式更直接，所以文字在Banner設(shè)計(jì)中占有舉足輕重的地位。為了配合網(wǎng)頁(yè)的整體效果，網(wǎng)頁(yè)中Banner文字的設(shè)計(jì)一般以特效文字樣式呈現(xiàn)，用于突出主題。在網(wǎng)絡(luò)廣告中，為了突出廣告主題，使用戶可以在第一時(shí)間關(guān)注到所要表達(dá)的內(nèi)容，常常使用特效文字來突出顯示。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握Banner中文字設(shè)計(jì)的技巧1．處理文字的數(shù)量在Banner中文字過長(zhǎng)，并且不能刪減文字的情況下，如圖所示，可以對(duì)Banner中的文字進(jìn)行比較，以突出“端午”這類主要的文字信息，弱化“的”、“之”、“和”、“年”和“第X屆”等信息量不大的文字，使文字信息結(jié)構(gòu)清晰，主次分明，重點(diǎn)突出。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握Banner中文字設(shè)計(jì)的技巧1．處理文字的數(shù)量如果Banner中的文字過短，畫面太空，則可以加入一些輔助信息以豐富畫面，如圖所示，可以在圖中加入時(shí)間、英文、域名、頻道名或意念等輔助文字，以充實(shí)畫面。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握Banner中文字設(shè)計(jì)的技巧2．構(gòu)建輔助的視覺1）文字+背景陪襯兩段式這類Banner設(shè)計(jì)的畫面感強(qiáng)，視覺集中，突出文字，顯示主題，其示例如圖所示。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握Banner中文字設(shè)計(jì)的技巧2）文字+主體物兩段式這類Banner設(shè)計(jì)中的文字和圖案相輔相成，具有文字言事、圖案補(bǔ)充理解的效果，最適合做介紹類或產(chǎn)品類的Banner。3）主體物+背景+文字三段式這類Banner設(shè)計(jì)是目前應(yīng)用最廣泛的主流設(shè)計(jì)，畫面虛實(shí)結(jié)合，主次關(guān)系明顯，其示例如圖所示。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握Banner中文字設(shè)計(jì)的技巧3．控制文字的留白文字的旁邊要留有一定的空間，這樣能使它們更突出，避免廣告條的每個(gè)角都有文字，不要以為這樣做會(huì)分散文字，調(diào)整個(gè)別文字可以使瀏覽者更好地理解廣告主旨。文字緊靠邊緣的廣告條會(huì)讓人覺得很不專業(yè)，在Banner設(shè)計(jì)中要避免這一點(diǎn)，即應(yīng)留有適當(dāng)?shù)目瞻祝鐖D所示。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握Banner中文字設(shè)計(jì)的技巧廣告條的邊緣既不是一個(gè)休息場(chǎng)所，也不是一個(gè)可以讓文字“跑出去”的“空房間”，而是一個(gè)內(nèi)容與邊緣保持適當(dāng)距離的區(qū)域。Banner中文字邊距太小和文字邊距合適的效果如所示。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握Banner中文字設(shè)計(jì)的技巧4．調(diào)整文字的間距如果文字較小，間距也較小，就會(huì)增加瀏覽的難度，輕微地進(jìn)行調(diào)整能產(chǎn)生意想不到的變化。文字越小，越需要大的間距來提高它們的可讀性。對(duì)比圖1可以發(fā)現(xiàn)，兩張圖中的文字的字號(hào)相同，但圖中的文字間距較大，瀏覽者更容易看清文字，效果一目了然。Banner中的大號(hào)文字要粗壯扁平，并且要減小大號(hào)文字的間距。對(duì)比圖2可以發(fā)現(xiàn)，下圖的效果更好。項(xiàng)目2Banner的設(shè)計(jì)與制作模擬實(shí)訓(xùn)一、實(shí)訓(xùn)目的（1）了解Banner文字設(shè)計(jì)的方法。（2）掌握Banner文字動(dòng)畫的制作方法。二、實(shí)訓(xùn)內(nèi)容（1）制作橫幅類廣告中的“模糊文字”動(dòng)畫，要求文字清晰，沖擊力強(qiáng)，文本由右向左閃電般模糊出現(xiàn)，并轉(zhuǎn)換為金黃色發(fā)光的文本，與背景畫面相映，其效果如圖所示。（提示：使用“文本工具”，將文字設(shè)置為粗體并輸入文本，使用“屬性”面板中的色調(diào)和“模糊”濾鏡創(chuàng)建文本的模糊效果，使用“發(fā)光”濾鏡為文字添加發(fā)光效果。）項(xiàng)目2Banner的設(shè)計(jì)與制作模擬實(shí)訓(xùn)二、實(shí)訓(xùn)內(nèi)容（2）制作“火焰”文字動(dòng)畫。以網(wǎng)絡(luò)游戲中的人物畫面為背景，游戲名稱采用火焰文字特效，使玩家產(chǎn)生激情燃燒的感覺，其效果如圖所示。（提示：使用遮罩層創(chuàng)建文字遮罩動(dòng)畫。）項(xiàng)目2Banner的設(shè)計(jì)與制作任務(wù)4設(shè)計(jì)與制作Banner主題在Flash中，Banner動(dòng)畫占據(jù)了非常重要的地位，按照內(nèi)容分類的不同可表現(xiàn)為不同風(fēng)格的主題設(shè)計(jì)。本任務(wù)除了介紹Banner主題設(shè)計(jì)的風(fēng)格和技巧，還結(jié)合案例講解Banner主題設(shè)計(jì)動(dòng)畫的制作方法。任務(wù)目標(biāo)（1）了解Banner主題設(shè)計(jì)的風(fēng)格。（2）掌握Banner主題設(shè)計(jì)的技巧。（3）掌握Banner主題設(shè)計(jì)動(dòng)畫的制作方法。項(xiàng)目2Banner的設(shè)計(jì)與制作了解Banner主題設(shè)計(jì)的風(fēng)格3．清新風(fēng)清新風(fēng)的特點(diǎn)就是畫面清爽、唯美，色彩搭配清新自然。如圖所示的Banner就給人一種十分清新和透亮的感覺。項(xiàng)目2Banner的設(shè)計(jì)與制作了解Banner主題設(shè)計(jì)的風(fēng)格4．炫酷風(fēng)炫酷風(fēng)通常使用深色背景，并搭配有質(zhì)感的元素與光影特效。圖1所示的Banner色彩華麗，引人入勝。5．簡(jiǎn)約風(fēng)簡(jiǎn)約風(fēng)的特點(diǎn)就是極簡(jiǎn)主義、大空間。圖2所示的Banner沒有任何過多的裝飾元素，整體簡(jiǎn)潔大方。6．歐美風(fēng)如果藝術(shù)作品、商品等事物在整體上呈現(xiàn)出歐美事物的面貌，或者具有歐美面貌的特點(diǎn)，則被稱為歐美風(fēng)。它是一種風(fēng)格，但不局限于一種風(fēng)格。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握Banner主題設(shè)計(jì)的技巧設(shè)計(jì)師在實(shí)際工作中經(jīng)常會(huì)遇到不同Banner主題設(shè)計(jì)的需求。從設(shè)計(jì)成本方面來考慮，用戶不會(huì)給太多的設(shè)計(jì)時(shí)間，因此設(shè)計(jì)師需要在短時(shí)間內(nèi)做出一個(gè)成功的Banner。下面總結(jié)了一些Banner主題設(shè)計(jì)的技巧，供讀者參考。1．思考主題定位1）對(duì)象的定位因?yàn)榉诸悆?nèi)容不同，門戶網(wǎng)站的各個(gè)頻道具有不同的風(fēng)格，所以在做設(shè)計(jì)時(shí)要考慮這個(gè)因素，如體育頻道的運(yùn)動(dòng)感、時(shí)尚頻道的潮流感等。下圖所示為歷史頻道主題Banner，以水墨畫作為背景，表現(xiàn)出滄桑厚重的歷史感。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握Banner主題設(shè)計(jì)的技巧2）專題的定位頻道和專題的定位有時(shí)存在沖突。例如，在女性頻道的大風(fēng)格下，有時(shí)候可能需要呈現(xiàn)溫馨浪漫的小情懷，在存在風(fēng)格沖突的情況下，應(yīng)盡量以貼合專題的定位為主，盡可能避免偏離頻道風(fēng)格。下圖所示為女性頻道下的一個(gè)懷舊主題Banner，在水墨畫風(fēng)格的背景映襯下，身著旗袍表現(xiàn)東方雅韻之美的女性人物形象躍然畫面上，整體呈現(xiàn)出了復(fù)古懷舊的感覺。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握Banner主題設(shè)計(jì)的技巧2．創(chuàng)造力對(duì)主題的藝術(shù)化表現(xiàn)1）使用新感覺重塑嚴(yán)肅話題做新聞報(bào)道的時(shí)候，遇到嚴(yán)肅話題，一般會(huì)比較公式化，表現(xiàn)得比較刻板，制作者通常不做視覺上的創(chuàng)新，這樣就會(huì)使畫面信息量弱，感染力不足，此時(shí)就要敢于挖掘內(nèi)涵、拓展思維進(jìn)行創(chuàng)新。下圖所示為抗洪救災(zāi)的新聞主題Banner，畫面中的洪流、堤壩、抗洪搶險(xiǎn)的武警官兵及“抗洪救災(zāi)，你我同行”的文字內(nèi)容，都很好地傳達(dá)了主題思想。在設(shè)計(jì)Banner時(shí)，不僅要考慮整體畫面的設(shè)計(jì)，還要突出主題。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握Banner主題設(shè)計(jì)的技巧2）使用幽默感呈現(xiàn)輕松話題在設(shè)計(jì)一些輕松且具有娛樂感的主題時(shí)，更應(yīng)該用天馬行空的創(chuàng)意營(yíng)造輕松詼諧的氛圍。下圖所示為娛樂專題Banner，以繪制在手指上的漫畫人物搭配手勢(shì)動(dòng)作表現(xiàn)主題內(nèi)容，畫面詼諧有趣，引人注目。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握Banner主題設(shè)計(jì)的技巧3）使用小情調(diào)充實(shí)主題創(chuàng)意有時(shí)一點(diǎn)小小的創(chuàng)意會(huì)使Banner增色不少。下圖所示為商業(yè)主題Banner，冰雪中不僅有車，還有文字，從背景到文字都體現(xiàn)出冰雪體驗(yàn)的主題內(nèi)容。項(xiàng)目2Banner的設(shè)計(jì)與制作模擬實(shí)訓(xùn)一、實(shí)訓(xùn)目的（1）熟悉Banner主題設(shè)計(jì)的風(fēng)格。（2）掌握Banner主題設(shè)計(jì)的技巧。（3）制作Banner主題設(shè)計(jì)動(dòng)畫。二、實(shí)訓(xùn)內(nèi)容為某科技公司制作網(wǎng)站Banner，在極具個(gè)性的工業(yè)化風(fēng)格背景的映襯下，加上文字特效，整體色彩搭配極具科技感，引人入勝，其效果如圖所示。（提示：元件的制作，逐幀動(dòng)畫和補(bǔ)間動(dòng)畫的運(yùn)用。）項(xiàng)目2Banner的設(shè)計(jì)與制作任務(wù)5設(shè)計(jì)與制作軟文Slogan（軟文）是廣告界常用的英文詞匯，意為“口號(hào)”，對(duì)于企業(yè)網(wǎng)站來說，Slogan的設(shè)計(jì)非常重要。Slogan的作用就是以最簡(jiǎn)短的文字把企業(yè)或商品的特性及優(yōu)點(diǎn)表達(dá)出來，為用戶提供濃縮的廣告信息。本任務(wù)除了介紹Slogan的構(gòu)圖規(guī)則和構(gòu)圖樣式等基本知識(shí)，還結(jié)合案例介紹Slogan動(dòng)畫的制作方法。任務(wù)目標(biāo)（1）熟悉Slogan的構(gòu)圖規(guī)則。（2）掌握Slogan的構(gòu)圖樣式。（3）掌握Slogan動(dòng)畫的制作方法。項(xiàng)目2Banner的設(shè)計(jì)與制作熟悉Slogan的構(gòu)圖規(guī)則構(gòu)圖就是對(duì)畫面進(jìn)行合理的布局，在構(gòu)圖的引導(dǎo)下，使用戶了解畫面中展示的內(nèi)容，產(chǎn)生購(gòu)買的沖動(dòng)，如果能夠達(dá)到這樣的目標(biāo)，就說明構(gòu)圖是成功的。構(gòu)圖的基本規(guī)則是均衡、對(duì)比和視點(diǎn)。均衡：不同于對(duì)稱，均衡是一種力量上的平衡感，使畫面具有穩(wěn)定性，如圖所示。項(xiàng)目2Banner的設(shè)計(jì)與制作熟悉Slogan的構(gòu)圖規(guī)則對(duì)比：從構(gòu)圖上來說可以是大小的對(duì)比、粗細(xì)的對(duì)比、方圓的對(duì)比、曲線與直線的對(duì)比等，如圖1所示。視點(diǎn)：即如何將用戶的目光集中在畫面的中心點(diǎn)上，利用構(gòu)圖來引導(dǎo)用戶關(guān)注的視點(diǎn)，如圖2所示。項(xiàng)目2Banner的設(shè)計(jì)與制作熟悉Slogan的構(gòu)圖規(guī)則了解構(gòu)圖的基本規(guī)則后，下面以一張新商品宣傳Banner為例，幫助讀者理解構(gòu)圖的規(guī)則，如圖所示。此Banner在整體構(gòu)圖上既平衡又不對(duì)稱，在背景的映襯對(duì)比下，可以很容易地把客戶的視點(diǎn)聚焦到畫面中心的新商品上，很好地利用了基本構(gòu)圖規(guī)則進(jìn)行設(shè)計(jì)。項(xiàng)目2Banner的設(shè)計(jì)與制作掌握Slogan的構(gòu)圖樣式Slogan的構(gòu)圖樣式大概分為以下幾種：垂直水平式構(gòu)圖、三角形構(gòu)圖（正三角形構(gòu)圖和倒三角形構(gòu)圖）、對(duì)角線構(gòu)圖、漸次式構(gòu)圖、輻射式構(gòu)圖和框架式構(gòu)圖。1．垂直水平式構(gòu)圖如圖所示，畫面中的每個(gè)產(chǎn)品