淺談高質量的Banner設計

2019-6-14 泥人張 設計思維

如果您想訂閱本博客內容-|_股指期货交易模拟盘,每天自動發到您的郵箱中_|约彩彩票实名安全吗?, 請點這裏

想要設計出高質量的banner|-_济南一中升学率,首先你得了解什麼是banner|-易赢彩票提现?

banner是網絡廣告中最常見的廣告形式-_-书书网。一般也被人們稱之為網幅廣告_||丝诺萄、旗幟廣告_-赢彩彩票、橫幅廣告以及大標題廣告等等-|优彩彩票苹果下载安装,它可以是靜態的圖形-|环球智控网,也可以是動畫的圖像|-dave annable。其作用就是為了體現產品的中心意旨|广西单独二胎细则,利用鮮明的內容去表達最主要的情感思想, 從而給整個產品起到宣傳的效果|-|劲蛟龙!

在如今炙手可熱的互聯網領域|-|美丽飞蓬,banner被廣泛運用在各個不同類型的互聯網平台間-湖南卫视直播在线观看古剑奇谭,例如網頁設計|-_1吨水等于多少升,APP設計中都經常會使用banner這一載體來展現商家的活動以及最新的產品等等|__3cp平台上彩下载,因此banner在如今的互聯網行業裏越來越被很多的公司重視-_-野山谷团购,對設計的要求也就越來越高|-半裸江山结局,那麼初入行的設計師該如何設計出高質量的banner呢|-_快乐大本营棒棒堂?

一.首先了解你的banner設計需求

1.確定banner文案的內容|_隆兴行,以及將會涉及到的設計素材|||亿博彩票在哪个网址、包括準備投放在什麼平台以及它的尺寸大小_||亿彩彩票安卓app,這些前期的工都是需要我們和需求方溝通確認定奪下來的__众发娱乐赌博。因為這些基本的因素如果沒有被確定下來|||苏州大学法学院,1.會阻礙設計師的設計靈感___杜兰特3代战靴!2.在設計的過程中也會給設計師帶來很多不確定的因素|__重庆 ume,導致大大增加改稿的幾率2m牛蛙彩票开奖直,所以前期的準備工作我們一定要做好|_135彩票禁止套现。

2.確定banner是為了實現什麼目的而設計

例如需求方給到的信息是「秒殺」|_uc蝴蝶版,那我們首先需要了解的就是這個秒殺活動針對的產品是哪一類產品-|穆勒故意跪倒,針對的人群又是哪些__-1号彩票网app,這些不同的因素都會影響到設計的整體風格以及使用元素的搭配-衡水热线欢迎你。同時還需要考慮到需求方希望這個banner-|-陈丽华 前夫,它能起到什麼樣的效果以及作用||神州行大众卡,是引流還是曝光新品又或者是促進交易等等-|-众赢彩票是真的吗,這些需要和需求方在前期全部確定好-_掌上购彩下载,以免在設計的過程中走很多不必要的冤枉路_-_永旺28彩票。

二. 確定banner的設計風格

在這裏我們可以單獨把設計風格理解成小說裏各個人物的性格特點作战场景布置,不同性格特點的人物所散發出來的魅力也是不相同的-_|优信彩票在线。沉著_朗姿代购,緊張--河南4套,外向|__大庆信息港庆聊,陽光||李天一受害教师照片,憂傷等等-星光大道20130202,這些詞語代表著不同的族群-||重庆ume电影院,也代表著不同的情緒狀態_|长城哈弗cuv。每一種狀態的表現手法肯定也是不一樣的__马向东,下麵就簡單介紹幾種常見的風格--众购彩票投注。

1.典型詞語_|小时代 快乐大本营:冷傲|-手机2011qq官方下载正式版免费、時尚      

這一風格最大的特點就是文案特別精辟|-|038彩票148。色係基本都以黑白灰為主|--369开奖网。拍攝的素材呈現很高逼格的感覺-北京舞蹈学院艺考推荐 启瀚艺考。

2.典型詞語-教师培训管理平台:活力||汕尾台风、年輕 

這一風格最大的特點就是朝氣蓬勃---空间留言代码祝福闪字。整個視覺的色彩感和飽和度|_苦中作乐的诗句,純度都很高_网点是什么。版式的設計也非常的多樣化

3.典型詞語-_|京东收购一号店:素雅|珠海电大成绩查询、安逸                                                                                           

這一風格最大的特點就是大麵積的留白|__小腻腻博客。色彩以灰色以及白色係為主||掌上农业银行不能登录,多運用在一些茶品||库尔勒暴乱、家居反间谍工作的主管单位是,紡織棉麻用品等等|_苏锦良。

4.典型詞語__永胜国际app是什么:節假-|海贼王全集土豆网、促銷

這一風格最大的特點就是熱情洋溢__功夫国语高清,色彩大多以紅_-|金贞熙、黃-|超级psd502、橙偏多-|-106福利版彩票正规吗?,畫麵很少有留白的空間__|188网彩,大多數都非常豐富飽滿-|阿迪奥驰,文字剛硬|_-众赢彩票开户,有菱有角-|_魅力研习所,視覺的衝擊感很強

5.典型詞語||12306智行火车票:萌萌噠|-对开海报尺寸、甜蜜

這種風格的banner使用點綴和矢量手繪的元素相對於其他類型的banner會較多|_注册送彩金彩票软件,整體色感也大多呈現暖色調_-潮百搭女装2013,給人一種很軟的感覺-|_至尊彩怎么不能登录了。

6.典型詞語-中国斗鱼论坛:智能|--qq空间克隆代码、科技

這一風格最大的特點就是概念感和未來感特別強烈-_注册送彩金时时彩,整體顏色多用於藍_|_娱乐彩票app,黑色等偏冷的色係---许氏大酱,同時光暈|东北二嫂水仙视频种子、金屬|诸候、線條和點等元素都是這一類型banner常用的點綴方式

三. 搭建banner的構圖框架

確定好需求和設計風格之後|_盈众彩票幸福常伴,首先要做的就是內容確定一個大概的構圖樣式之後再去豐富版式裏的設計細節

1.左右構圖

這種構圖在所有banner的設計中最為常⻅也最易掌握--|优彩网网站,同時也最不易出錯-2015gdp世界排名,它分為2種形式_-花儿演唱会,一種是左圖右字---黄梁txt,另一種是右圖左字

2.左中右構圖 

這種構圖相比較左右構圖形式上會更加豐富些|报考省份的代码,但是比較難把握_-_13彩官网。它也分為2種形式___北京466耳鼻咽喉医院,一種是左圖中字右圖_|-苏州寒山寺招聘尼姑,另一種是左字中圖右字--|永盛国际手机彩票,有時我們想要重點突出⼈物__谢谢你的温柔歌词,也可以把文案放在畫麵兩側讓人物居中

3.上下構圖 

這一類型的banner一般為上字下圖|-易彩娱乐线路,雖簡潔但卻有很多的局限性

4.以⽂字居中的構圖

這一類型的banner更多的是為了突出文字的內容-||陈公博简介,多用於大促一類的banner__020彩票,同時對字體的設計也非常講究|_qq股票大赛,好的字體設計往往會更加發揮出這一構圖的優勢

5.多角度構圖 

多角度構圖最難把握|__铁丝丹尼,他屬於一個不規則的構圖|-至尊彩大发快3网址,但卻最具有設計感的層次感||_初二女生胸。這一類型的構圖豐富的視覺感給人眼前一亮的感覺--钛卷板,也更容易吸引住人的眼球

四.確定配色方案

好的配⾊一定程度上決定了這個banner質量的好壞||钩子船长,一般運色最基本的方法大致可以分為2種|_智胜彩票下载:

一種按照配色規則進行配色|-苏醒李菲儿吵架:同色係_|陈二雷、類似色_|_艺术照 明伟、補色係-|途观报价及图片。

1.同色係

同色係也稱為單色-198彩怎么样,這種色係的搭配在產品本身顏色比較統一的情況下|_易富app,可以吸取產品上麵較近的顏色-|_阚立文 我愿意,再針對產品特性添加一些合適產品調性的輔助元素-|-亿彩软件,讓畫麵的整體變得統一和協調|-_256手机彩票网。

2.類似色

類似色 相比較單一的顏色_-众发彩票计划,它的豐富性和可變化性都比較大_|润美娇,在基於banner整體的主色調以後通過添加輔助的與主色相似的顏色-__0369万能买法,使整個畫麵變得豐富活躍起來同時這些配色方式也相對比較好掌握一些

3.補色係

所謂補色-西装排名,就是在色相環上相距180°的色相-_|bl文h,如紅色與青色_||易发彩票运行模式、黃色與藍色-|跑狼电动车报价、綠色與品紅色等色組_-很久以前烧烤店。補色之間的調和搭配能夠給畫麵帶來華麗|_掌上彩票注册、跳躍||一家人的兽交小说、濃鬱的視覺美感-_黄山电大在线,然而_248彩票平台安全吗,若補色以高純度|-英才会所、高明度-你有一封信 深圳卫视、等麵積搭配_||150号段,會產生比對比色組更強烈的刺激感_-7k7k奥拉星,使人無法接受|_武陟一中。所以相對於類似色_mgcc恶意程序,往往我們利用補色做設計時會考慮補色之間的麵積比例||_小轿车图片,純度比例_--陈思远微博,明度比例和空間間隔的比例__魔泥官网,平衡畫麵之間的視覺感||言承旭和ella!

另一種就是將畫麵做反差的設計

一般我們會把素材變成黑色感的照片---铁打一只船,在然後根據文案內容和整體banner的氣質選擇一個合適的顏色|-重庆网站建设选圣矢,已達到突出畫麵視覺點的目的-_金宝街电影院,讓主要的東西可以凸顯出來_|_我愿意 阚立文,保證一個視覺衝擊感___qq炫舞家具设计。

五.字體設計

設計banner時候_|淮安草根网,千萬不要把一行文字直接放上去|诺基亚7070拆机,這樣會使你的banner看起來特別的愚蠢|-不丹国王,整體的視覺效果也會看上去很無趣|亿彩彩票钱能提现吗、很僵硬_|094彩票。因此我們需要給不同的banner做不同的文字設計-|戴刘菲,去吸引我們的用戶_-云顶在线娱乐。下麵就教大家幾個字體設計的方法-|陈丽华简历。(注意商用字體的版權-__quick office,這很重要)

1.選擇合適的係統字體

好的係統字體有時候也可以讓banner更具有觀賞性-_|吴双战简历,但前提是字體的氣質必須和banner的整體視覺氣質統一-|盈彩网怎么不能更新,例如素雅__|皮带哥张吉勇、安逸的banner風格就不適合用粗獷硬朗的字體|-|再见美丽女孩,而宋體和細黑體這一類字體則表達了文藝-阿鲁科尔沁绿源网、品質的氣質_-林娜冰21。

2.文字排列的傾斜與斜切

有時候設計banner___美生美时,需要更有視覺衝擊力的表現方式_|掌信彩客服电话,我們可以嚐試將文字進行傾斜或斜切透視等處理|7 k7k小游戏,因為普通的文字排列形式有時候過於平穩||盈彩是正规平台吗,過於有矩-|_亿人娱乐登录csyi,反而凸顯不出來整個banner的動感和層次感||38在线彩票。

3.在相對獨立的區域中表現文字

在背景顏色比較複雜_-注册送28元体验金,或者背景有較多產品需要呈現的時候--_苏州园区博客门,我們可以嚐試將文字放在一個相對獨立的區域或色塊中-_新能量电力商务网,這樣更便於文字閱讀||-诸候,也可以突出主題內容_上海电玩巴士实体店。

4.字體變形的魅力設計banner的時候-_|雏牧香官网,設計師經常用到文字變形-|苏州洗头房,將原有的係統字體進行2次加工設計出一種新的字體__|卡卓刀专卖。這種變形的手法可以大大提升文字的視覺性和趣味性__肖志恒简历,讓整個畫麵的氣氛被烘托得相得益彰-|溶剂脱色剂。

5.中國風文字

有時候我們設計一些曆史文化題材的banner_掌上娱乐app时时彩,或者中國傳統節日的banner_|_苏州园区甲类公积金,經常會用到一些中國風的元素-22福利彩票官方,例如毛筆字|_雅格奴、粉筆字-求身份证、鋼筆字||xiannuhu,書法字等|-|青海省公安厅副厅长,而這些元素我們也可以把它運用在banner的設計當中|_|138卫星节目表,讓banner的特性感更加的明顯

六.畫麵內元素的點綴

點綴的元素常見於點---众发彩票害死我了、線_-至尊彩app怎么玩、麵或者一些手繪矢量元素---摩托车下乡补贴查询,在確定基本成形的banner後適當的加入這種出彩的小元素會讓畫麵的設計細節感和層次感更加豐富|-_变形记罗珍,可以提升整個畫麵一定程度上的品質感和細膩入微的美

備注(本分享中所有的圖隻用作於文字說明-|华嘉元,不產生任何商業用途)

藍藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司-_cf修复工具,為期望卓越的國內外企業提供卓越的UI界麵設計银环蛇价格、BS界麵設計 _|_168彩票官网登录苹果、 cs界麵設計 _静安区大火、 ipad界麵設計 铜电阻率、 包裝設計 |-陈耀兴、 圖標定製 _|_舅舅和外甥的关系、 用戶體驗 |众彩网可以赚钱吗、交互設計__|热血无赖4个特别的数字、 網站建設 _色狗图片、平麵設計服務-_钟小江微博。

標簽: banner

Powered by emlog 京ICP備12006971號-1 sitemap