宇晨yuchen
banner是我們接觸工作后在制作品牌和內(nèi)容宣傳上最常見的工作,它的展示起到著非常重要的引導(dǎo)性作用,一個界面的第一視覺往往會被優(yōu)秀的banner所吸引。這兩天抽空整理分析了一些常用的類型,對設(shè)計(jì)banner頭疼的小伙伴們要仔細(xì)看看哦~
一般來說,一個好的Banner首先是要保證信息傳達(dá)準(zhǔn)確,然后再需要保證畫面的協(xié)調(diào)感和氛圍,可以看到,一張Banner,不僅僅由點(diǎn)或者不僅僅由線組成,而是點(diǎn)、線、面相互組合,相互平衡,最終形成一個版式豐富的Banner圖。
以下素材部分源自學(xué)員作品,部分源自花瓣(感謝設(shè)計(jì)師們的分享,如果看到自己的作品,介意的請聯(lián)系刪除~)
色塊分割
以上banner采用不同比例大小的色塊組成Banner的背景,加上人物與文案,這種表現(xiàn)形式適用于突出產(chǎn)品,如家居,服裝,電子產(chǎn)品等。界面感簡而不白,能快速提取到有價值的信息,注意選色的時候要注意整體的色感。
幾何邊框
簡約,常常會給人以冷酷、干凈、現(xiàn)代的感覺。設(shè)計(jì)中使用的形狀、元素簡潔;使用的配色方案統(tǒng)一、整體,用色克制。質(zhì)感體現(xiàn)上較為細(xì)膩;結(jié)構(gòu)上經(jīng)常使用留白、簡短/準(zhǔn)確/有核心價值、有“氣質(zhì)”的留白,框起來的是焦點(diǎn),幾何圖形是永恒的裝飾品哦~.~
空間幾何這種風(fēng)格,通過建造一個空間體,用幾何來營造氛圍,空間感代入感強(qiáng)。這類稍微研究一下還是可以做出來的,關(guān)鍵是創(chuàng)意想法的表達(dá),這個就要多費(fèi)心思了
風(fēng)格在電商設(shè)計(jì)中很流行,其風(fēng)格新穎、實(shí)用,可以放置很多內(nèi)容,有動有靜,可以很好的與二屏三屏連貫起來,受到一些大型促銷活動的青睞,經(jīng)常能看到這種風(fēng)格的首屏海報(bào)。
扁平插畫
簡潔而不簡單,去掉繁瑣的裝飾效果,展現(xiàn)主體的核心表達(dá)。用文字以外的圖形或者人物等來幫助banner帶來更直觀的感受,文字稍微處理變形一下加圖形或人物可以讓banner更有活力更有感覺。這種類型的banner,金融、教育、旅游用的偏多,當(dāng)然插畫能力OK的話,各個行業(yè)運(yùn)用起來都不是問題
色彩疊加
較為流行、多變,整體視覺會相對年輕,使用的元素相對更直接、明確、結(jié)構(gòu)直白;整體有給人干凈、明朗、和諧的感覺。突出文字,用簡單的圖形裝飾烘托氣氛??捎眉兩?,漸變色來進(jìn)行背景色彩疊加處理,選大圖的時候要注意哦,整體的意境要靠色調(diào)和明暗調(diào)出來,當(dāng)然最簡單的還是選用干凈不雜亂的底圖。
色彩是有情感的,不同的配色會帶給人完全不同的心里感受。所以我們在做圖的時候需要根據(jù)主題來進(jìn)行配色,合理、舒適,讓banner圖整體和諧。所以我們需要考慮想要表達(dá)什么樣的情感,想讓用戶看的時候有什么樣的感受,所表達(dá)的情感與主題是否相符合,基于這些點(diǎn)來做配色就更加的有目的性了。
漸變紋理
微妙的漸變已經(jīng)作為已經(jīng)設(shè)計(jì)趨勢回歸了。漸變的背景,甚至漸變的疊加,都能讓你的Banner設(shè)計(jì)風(fēng)格化,搭配圖片、紋理和文字,漸變能給人多種多樣的體驗(yàn)。色彩濃郁是其特點(diǎn)
和UI設(shè)計(jì)不同,在電商和廣告Banner 的設(shè)計(jì)當(dāng)中,紋理一直都存在,甚至是非常常用的元素。紋理能夠很好的提升整個Banner 的信息量和整體的質(zhì)感。當(dāng)然,在使用紋理的時候千萬不要讓紋理喧賓奪主。
當(dāng)我們在做一個banner的時候,如果沒有特別的要求,其實(shí)我們是有很多個方向選擇的,首先問下自己你是想要突出什么信息呢?是突出商品呢?還是突出文字呢?還是突出整體的氛圍呢?還是強(qiáng)調(diào)整體的協(xié)調(diào)感呢?還是說強(qiáng)調(diào)品牌呢?這個可以通過體會用戶心理來判斷方向。
好了今天就先到這里,講了這么多小伙伴們get到了幾點(diǎn)呢?
綠兮衣兮
一、走心的文案好的標(biāo)題能夠吸引你的注意,而糟糕的標(biāo)題,讓人看都不想看,掃一眼便略過去了。所以做好Banner第一件事情,就是需要設(shè)計(jì)走心的文案。所謂走心,就是觸動你的心靈,或者說讓你感興趣,激發(fā)你的點(diǎn)擊欲望。我們時常會看見這樣的廣告:文案內(nèi)容直接羅列了公司經(jīng)營產(chǎn)品或業(yè)務(wù),抑或是像說明書一樣詳盡介紹產(chǎn)品或服務(wù)的主要功能。從廣告主的角度來看這是合理的,用戶需要知道我們產(chǎn)品有這些特點(diǎn),這樣我的的產(chǎn)品和服務(wù)才能被記住。但事實(shí)往往是:這些平淡無趣的廣告,除了廣告主自己以外,很難有用戶真的愿意關(guān)注它。那我們來分析下寫文案人的心理:B點(diǎn)明確想讓用戶買我的記錄儀。那么A點(diǎn)是用戶想買記錄儀不知道哪家好,我的記錄儀有這么多功能,那么用戶一定需要這個記錄儀。但用戶真正的A點(diǎn)可能并不是“想買記錄儀,不知道哪家記錄儀比較好”,而是我為什么需要行車記錄儀?所以對于這樣的用戶A點(diǎn),可能更合適的文案思路是告訴用戶:當(dāng)然用戶絕對不會因?yàn)槟銓懥藥拙湓挘唾I下產(chǎn)品,還會考慮價格品質(zhì)等等因素。不過我們這個Banner的使命就是吸引用戶點(diǎn)擊,提高頁面轉(zhuǎn)化率。用戶感興趣點(diǎn)了,你就成功了。一篇幫你快速學(xué)會寫文案的經(jīng)典好文:《年度最佳教程!7招教你寫出互聯(lián)網(wǎng)頂尖文案!》二、均衡的構(gòu)圖構(gòu)圖其實(shí)說白了就是經(jīng)營畫面,進(jìn)行布局,如何在你構(gòu)圖的引導(dǎo)下吸引用戶點(diǎn)擊,產(chǎn)生欲望,了解內(nèi)容,如果都能達(dá)到,那說明你的構(gòu)圖成功了。第一眼睛看到這個banner這個圖完全抓不到重點(diǎn)啊,滿眼的小文字,另外加上兩個傲嬌的大叔。完全不知道想表達(dá)什么。等等,下面四個小方塊是什么鬼?構(gòu)圖感覺實(shí)在糟糕。那么下面來說下banner的構(gòu)圖,構(gòu)圖規(guī)則分以下幾種:1、左右式構(gòu)圖最常見的構(gòu)圖方式,分別把主題元素和主標(biāo)題左右擺放。2、居中輻射式構(gòu)圖標(biāo)題文字居中,分別把主題元素環(huán)繞在文字周圍,用在著重強(qiáng)調(diào)標(biāo)題的環(huán)境。3、三角形構(gòu)圖倒三角構(gòu)圖,標(biāo)題突出,構(gòu)圖自然穩(wěn)定,空間感強(qiáng)。4、斜線構(gòu)圖產(chǎn)品所占比重相對平衡,構(gòu)圖動感活潑穩(wěn)定,運(yùn)動感空間感強(qiáng)。此類構(gòu)圖適合科技、汽車、潮流題材,不過好像電商一般不賣汽車?三、合適的字體看到這個banner竹子總感覺好像那里不對,女性的特點(diǎn)是細(xì)致優(yōu)雅,為什么字體如此粗壯了?和女性化妝品的氣氛完成不符啊。每個字體好像人一樣,都有自己的性格與氣質(zhì)。選擇使用一款字體的時候,除了考慮它的易讀性,更多考慮的是這款字體能否準(zhǔn)確地傳達(dá)出對產(chǎn)品獨(dú)有的氣質(zhì)。下面竹子告訴你應(yīng)該如何選擇字體。男性氣質(zhì):方正粗譚黑、站酷高端黑、造字工房版黑、蒙納超剛黑黑體給人感覺粗壯緊湊,頗有力量感,可塑性很強(qiáng)。適用于各種大促類的電商廣告。文藝氣質(zhì):方正大小標(biāo)宋、方正靜蕾體、方正清刻本悅宋、康熙字典體宋體的衍生有很多,又長有扁,有胖有瘦。旅游類電商網(wǎng)站經(jīng)常會用到此類字體。運(yùn)用宋體進(jìn)行排版處理,既顯得清新又文藝。女性氣質(zhì):方正蘭亭超細(xì)黑、漢儀秀英體字如其人,女性的特點(diǎn)是細(xì)致優(yōu)雅、苗條細(xì)長;常被用作化妝品、女性雜志、藝術(shù)等女性主題領(lǐng)域。文化氣質(zhì):王羲之書法字體、顏真卿顏體書法字體具有很強(qiáng)的設(shè)計(jì)感與藝術(shù)表現(xiàn)力,運(yùn)用好的話往往是點(diǎn)睛之筆。各式各樣的書法字體有著自己獨(dú)特的細(xì)膩的特點(diǎn),把握好這一點(diǎn),既能增加文化內(nèi)涵,也能襯托出產(chǎn)品的氣質(zhì)。
優(yōu)質(zhì)心理咨詢師問答知識庫