1網(wǎng)絡(luò)廣告版面設(shè)計(jì)目錄CONTENTS2網(wǎng)絡(luò)廣告創(chuàng)意2020年北京設(shè)計(jì)博覽會(huì)海報(bào)2020年北京設(shè)計(jì)博覽會(huì)計(jì)劃于9月23日至9月26日在全國農(nóng)業(yè)展覽館舉行，本屆博覽會(huì)以“民生之維”為題，構(gòu)建“文化聚能、IP浪潮、智匯創(chuàng)享、青年力量、特邀平行展”五個(gè)板塊主題內(nèi)容，結(jié)合專業(yè)的設(shè)計(jì)論壇和豐富的體驗(yàn)活動(dòng)，打造具有廣泛影響力的行業(yè)盛會(huì)，旨在讓大眾體驗(yàn)健康生活、美好生活。其官網(wǎng)發(fā)布的活動(dòng)海報(bào)如圖3-1所示。設(shè)計(jì)案例請(qǐng)思考：（1）你覺得這幅海報(bào)的版面風(fēng)格是什么？（2）該海報(bào)版面采用哪種構(gòu)圖類型？圖3-1北京設(shè)計(jì)博覽會(huì)海報(bào)網(wǎng)絡(luò)廣告版面的構(gòu)圖類型網(wǎng)絡(luò)廣告版面的視覺原則3.1網(wǎng)絡(luò)廣告版面設(shè)計(jì)3.1網(wǎng)絡(luò)廣告版面設(shè)計(jì)網(wǎng)絡(luò)廣告版面設(shè)計(jì)的目的，就是通過編排文字、圖像、色彩等各類要素，以視覺形式向廣告受眾傳達(dá)廣告信息，并且體現(xiàn)出一定的設(shè)計(jì)感。計(jì)算機(jī)、手機(jī)等終端設(shè)備決定了網(wǎng)絡(luò)廣告的特殊尺寸，如網(wǎng)幅廣告的尺寸一般為950像素×60像素。在這有限的幅面范圍內(nèi)，要使網(wǎng)絡(luò)廣告既有設(shè)計(jì)感又能傳達(dá)有效信息，設(shè)計(jì)師必須掌握一些版面設(shè)計(jì)的構(gòu)圖類型和視覺原則，才能使自己所設(shè)計(jì)的廣告快速吸引廣告受眾的注意，從而使其產(chǎn)生點(diǎn)擊行為。1．縱向分割型縱向分割型是指將版面元素縱向排布，形成上下欄、上中下欄等構(gòu)圖形式。由于符合從上到下的視覺習(xí)慣，縱向分割型構(gòu)圖能夠給人自然流暢的感覺，常見于豎式版面中，如右圖3-2所示。3.1.1網(wǎng)絡(luò)廣告版面的構(gòu)圖類型橫向分割型是指將版面元素橫向排布，形成左右欄、左中右欄等構(gòu)圖形式。其中，左右欄廣告通常是一側(cè)放置圖像，一側(cè)放置文字，如下圖3-3所示；左中右欄廣告通常是兩側(cè)放置圖像，中間放置文字，如圖3-4所示。需要注意的是，如果各欄之間所形成的分割線明顯，容易造成呆板的視覺效果，此時(shí)需將分割線弱化處理，讓畫面效果變得自然、和諧。2．橫向分割型圖3-4橫向分割型構(gòu)圖之左中右欄中軸線型構(gòu)圖是指為了突出廣告主體或標(biāo)題，而將其置于版面中軸線的構(gòu)圖形式。中軸線型構(gòu)圖排布方式是把廣告主體放在版面水平方向或垂直方向的中心，因此具有良好的平衡感，并且廣告受眾的視線一開始就投向廣告主體，能夠直接抓住主要信息，如右圖3-5

所示。3．中軸線型斜向型構(gòu)圖是指版面元素做傾斜排版的構(gòu)圖形式。斜向型構(gòu)圖充滿動(dòng)感，能夠活躍版面，形成較強(qiáng)的動(dòng)勢(shì)，通常用來表現(xiàn)傾斜圖3-5中軸線型構(gòu)圖的事物。運(yùn)用斜向型構(gòu)圖時(shí)，應(yīng)注意文字的方向要與圖像配合，如右圖3-6所示。4．斜向型放射型構(gòu)圖是指版面元素由版面中某一重心位置向外發(fā)散，或者有明顯的離心指向性線條的構(gòu)圖形式。放射型構(gòu)圖具有很強(qiáng)的發(fā)散和放射作用，能夠使畫面產(chǎn)生擴(kuò)張感。采用這種構(gòu)圖形式一般將主要圖像置于發(fā)散路徑上，因此，要注意弱化重心，強(qiáng)調(diào)發(fā)散路徑，如右圖3-7所示。5．放射型向心型構(gòu)圖是指版面元素向版面中某一重心位置靠攏，或者有明顯的向心指向性線條的構(gòu)圖形式。與放射型構(gòu)圖相反，向心型構(gòu)圖具有很強(qiáng)的聚焦作用，焦點(diǎn)就是重心位置，也是廣告受眾的視覺中心，因此，一般將廣告主體放置在此處。這種構(gòu)圖的非重心位置要盡量簡(jiǎn)潔，弱化存在感，加強(qiáng)指向性，與重心位置形成對(duì)比，以突出重心處的廣告主體，如右圖3-8所示。6．向心型滿版型構(gòu)圖就是以一張圖像充滿整個(gè)版面的構(gòu)圖形式。滿版型構(gòu)圖給人以大方、直觀的感覺，如右圖3-9所示。7．滿版型1．對(duì)齊原則對(duì)齊原則是指將版面元素按照某種規(guī)律對(duì)齊排列，使之產(chǎn)生一種視覺上的聯(lián)系，以此打造一種秩序感的設(shè)計(jì)原則，如下圖3-10所示。對(duì)齊原則主要有左對(duì)齊、右對(duì)齊、居中對(duì)齊、兩端對(duì)齊、底對(duì)齊、頂對(duì)齊和軸線對(duì)齊等形式。3.1.2網(wǎng)絡(luò)廣告版面的視覺原則左對(duì)齊是指版面元素以左側(cè)基線為準(zhǔn)對(duì)齊。左對(duì)齊的版面是最常見的對(duì)齊方式，簡(jiǎn)潔大方，符合閱讀習(xí)慣，如右圖3-11所示。（1）左對(duì)齊右對(duì)齊是指版面元素以右側(cè)基線為準(zhǔn)對(duì)齊。右對(duì)齊的版面相對(duì)左對(duì)齊來說比較少見，閱讀起來相對(duì)較慢，給人一種人為干預(yù)的感覺，如右圖3-12所示。（2）右對(duì)齊居中對(duì)齊是指版面元素以中線為基準(zhǔn)對(duì)齊。居中對(duì)齊的版面給人一種莊嚴(yán)的感覺，如右圖3-13所示。（3）居中對(duì)齊兩端對(duì)齊是指版面元素以兩側(cè)基線為準(zhǔn)同時(shí)對(duì)齊。兩端對(duì)齊一般用在文字較多的版面，如右圖3-14所示。（4）兩端對(duì)齊底對(duì)齊是指版面元素以底部基線為準(zhǔn)對(duì)齊。底對(duì)齊的版面給人以穩(wěn)定的感覺，如下圖3-15所示。（5）底對(duì)齊頂對(duì)齊是指版面元素以頂部基線為準(zhǔn)對(duì)齊。頂對(duì)齊的版面一般會(huì)和豎排文字搭配使用，如右圖3-16所示。（6）頂對(duì)齊軸線對(duì)齊是指版面元素以版面的中軸線為準(zhǔn)對(duì)齊，而非元素的中心線。軸線對(duì)齊的版面給人以正式感，而軸線上的版面元素富有變化，又顯得活潑，如右圖3-17所示。（7）軸線對(duì)齊聚攏原則是指將版面元素按內(nèi)容分成若干組，并按組聚攏在一起的設(shè)計(jì)原則，如下圖3-18所示。聚攏原則有利于更好地突出主要信息。廣告中的元素包括文字、圖形等，在運(yùn)用聚攏原則時(shí)，不僅要注意組與組之間的關(guān)系，還要注意文字與圖形之間的關(guān)系。2．聚攏原則留白原則是指在廣告中恰到好處地留出空白區(qū)域，突出廣告主體的設(shè)計(jì)原則。根據(jù)這種設(shè)計(jì)原則創(chuàng)作的廣告通常文字較為緊湊，圖形張弛有度，能夠帶給畫面一種透氣感，如右圖3-19所示。3．留白原則簡(jiǎn)潔原則是指盡量精簡(jiǎn)廣告中的字體、顏色種類、圖形樣式等復(fù)雜凌亂的元素，使版面干凈、整齊、有秩序的設(shè)計(jì)原則。當(dāng)版面元素減少到不能再減少時(shí)，留下的就是必不可少的元素，因此，采用簡(jiǎn)潔原則的版面主體信息會(huì)非常突出，給人留下深刻印象，如右圖3-20所示。4．簡(jiǎn)潔原則重復(fù)原則是指通過同一元素或形式的重復(fù)，使版面具有節(jié)奏感和統(tǒng)一性的設(shè)計(jì)原則。重復(fù)的元素可以是圖形、大小、色彩或質(zhì)感等，重復(fù)的形式可以是線性重復(fù)、二維重復(fù)或三維重復(fù)等，如右圖3-21所示。5．重復(fù)原則對(duì)比可以分為形式對(duì)比和內(nèi)容對(duì)比。形式對(duì)比是指版面元素的大小、質(zhì)感、色彩等有明顯的視覺對(duì)比差異，如圖3-22

所示。內(nèi)容對(duì)比是指版面元素根據(jù)廣告內(nèi)容有古今、新舊、高矮、胖瘦等對(duì)比，如圖3-23所示。6．對(duì)比原則3.2網(wǎng)絡(luò)廣告版面風(fēng)格民族風(fēng)格清新風(fēng)格時(shí)尚風(fēng)格炫酷風(fēng)格簡(jiǎn)約風(fēng)格卡通風(fēng)格3.2網(wǎng)絡(luò)廣告版面風(fēng)格不同的廣告內(nèi)容應(yīng)搭配不同的版面風(fēng)格，例如，潔面產(chǎn)品廣告適合采用清新風(fēng)格，以傳達(dá)產(chǎn)品清爽、潔凈的效果；兒童產(chǎn)品廣告適合采用卡通風(fēng)格，以傳達(dá)親和力、童真和趣味的效果。設(shè)計(jì)師需要了解不同的版面風(fēng)格，便于快速為廣告內(nèi)容匹配與之相適應(yīng)的版面風(fēng)格，從而高效地完成版面設(shè)計(jì)。民族風(fēng)格的網(wǎng)絡(luò)廣告通常是指能夠體現(xiàn)國家和民族文化特色的設(shè)計(jì)風(fēng)格。這種設(shè)計(jì)風(fēng)格主要運(yùn)用具有代表性的傳統(tǒng)元素、圖案、色彩和字體等進(jìn)行設(shè)計(jì)，如水墨、書法字體和傳統(tǒng)紋樣等，如右圖3-24所示。3.2.1民族風(fēng)格清新風(fēng)格的網(wǎng)絡(luò)廣告色彩明度相對(duì)較高，廣告畫面相對(duì)簡(jiǎn)潔、清麗透亮，在設(shè)計(jì)時(shí)要注意淺色和自然色的搭配使用，如右圖3-25所示。需要注意的是，如果是白色背景的清新風(fēng)格廣告，要謹(jǐn)慎安排版面元素的排列、組合，以免畫面看起來太空泛。3.2.2清新風(fēng)格時(shí)尚風(fēng)格的網(wǎng)絡(luò)廣告排版簡(jiǎn)約，版面元素簡(jiǎn)潔不花哨，通常以模特為視覺主體，呈現(xiàn)出報(bào)刊和潮流雜志的設(shè)計(jì)風(fēng)格，如下圖3-26所示。在時(shí)尚風(fēng)格的廣告中，最重要的是主視覺圖像，因此，它不僅需要清晰度、色彩、景別等都適宜，還需要與文字配合得當(dāng)。3.2.3時(shí)尚風(fēng)格炫酷風(fēng)格的網(wǎng)絡(luò)廣告色彩種類多、畫面層次多、視覺效果豐富，且沖擊力強(qiáng)，深漸變色背景通常是這種設(shè)計(jì)風(fēng)格的首選，版面元素中的質(zhì)感和光影效果運(yùn)用得比較頻繁，如下圖3-27所示。3.2.4炫酷風(fēng)格3.2.5簡(jiǎn)約風(fēng)格簡(jiǎn)約風(fēng)格的網(wǎng)絡(luò)廣告的特點(diǎn)是極簡(jiǎn)，廣告版面上通常只