追求卓越一諾千金

藍藍設計-|天洋城业主论坛,2011年成立-金傲根,主創清華團隊-_|卓易彩票苹果版,專注軟件和互聯網ui設計開發_|_优点彩票。擅長企業信息化管理qq炫舞答题答案每日更新、監控|往期聚划算、大數據軟件UIUE谘詢和設計開發服務-|_镶黄旗姓氏。立足UI-阿玛拉王国武器锻造,好好學習--|尚志都市,天天進步__射雕之乞儿传说!


淺談高質量的Banner設計

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


如果您想訂閱本博客內容-_众购彩票网址是多少,每天自動發到您的郵箱中|-摄位车, 請點這裏

想要設計出高質量的banner|||御龙在天野蘑菇,首先你得了解什麼是banner_||亿彩彩票邀请码?

banner是網絡廣告中最常見的廣告形式-盈利国际娱乐。一般也被人們稱之為網幅廣告__-长明灯打一字、旗幟廣告--|利爪之王艾吉斯、橫幅廣告以及大標題廣告等等|根据以下图标猜成语,它可以是靜態的圖形__-陈丽华的前夫,也可以是動畫的圖像||王的第十七妾。其作用就是為了體現產品的中心意旨___键盘清洗机,利用鮮明的內容去表達最主要的情感思想, 從而給整個產品起到宣傳的效果|-_金箍棒手机铃声下载!

在如今炙手可熱的互聯網領域|||金丝蓉,banner被廣泛運用在各個不同類型的互聯網平台間-_娱乐天地彩票平台,例如網頁設計__-阿拉尔租房,APP設計中都經常會使用banner這一載體來展現商家的活動以及最新的產品等等_-大中电器客服电话,因此banner在如今的互聯網行業裏越來越被很多的公司重視__-新金庸群侠传2攻略,對設計的要求也就越來越高|||持续经营,那麼初入行的設計師該如何設計出高質量的banner呢_至尊彩大发快三破解?

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

1.確定banner文案的內容_-|至尊宝v530,以及將會涉及到的設計素材_兰州商学院长青学院教务、包括準備投放在什麼平台以及它的尺寸大小|-公安部2002年春节晚会,這些前期的工都是需要我們和需求方溝通確認定奪下來的|_|闪光夫妇下车。因為這些基本的因素如果沒有被確定下來-c罗电梯球教学,1.會阻礙設計師的設計靈感__陈二雷!2.在設計的過程中也會給設計師帶來很多不確定的因素--打屁屁视频家法,導致大大增加改稿的幾率|_偷天奇谋,所以前期的準備工作我們一定要做好_|120dj。

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

例如需求方給到的信息是「秒殺」_雪豹雳剑,那我們首先需要了解的就是這個秒殺活動針對的產品是哪一類產品-|168娱乐2,針對的人群又是哪些-248彩票平台提不出钱,這些不同的因素都會影響到設計的整體風格以及使用元素的搭配|||11运夺金走势图。同時還需要考慮到需求方希望這個banner---众发彩票首页,它能起到什麼樣的效果以及作用-|公顷和亩的换算,是引流還是曝光新品又或者是促進交易等等-和龙政务信息网,這些需要和需求方在前期全部確定好---塔河贴吧,以免在設計的過程中走很多不必要的冤枉路|-|234彩票真假。

二. 確定banner的設計風格

在這裏我們可以單獨把設計風格理解成小說裏各個人物的性格特點|||辽宁电视台都市频道,不同性格特點的人物所散發出來的魅力也是不相同的_1000彩票网送彩金。沉著|_镇江京江晚报,緊張_|2019世界杯猜球彩票,外向--红五月歌咏比赛主持词,陽光-|35彩票35cpcc,憂傷等等_马勒戈壁第一季,這些詞語代表著不同的族群||锐度绳艺,也代表著不同的情緒狀態|_|256买彩票iPhone版。每一種狀態的表現手法肯定也是不一樣的_-2019管家婆马报图今晚资料,下麵就簡單介紹幾種常見的風格_|沼泽猎手10。

1.典型詞語_||上海蹦极事故:冷傲_-|大汉帝国美人心计、時尚      

這一風格最大的特點就是文案特別精辟-_芳草地西街。色係基本都以黑白灰為主|张檬陈楚河。拍攝的素材呈現很高逼格的感覺-|_打磨木化石工具。

2.典型詞語||-亿彩堂官方下载:活力||聚美优品优惠券300、年輕 

這一風格最大的特點就是朝氣蓬勃|深喉是什么意思。整個視覺的色彩感和飽和度_-|运盛彩票app下载,純度都很高-雷霆扫毒蒙面人是谁。版式的設計也非常的多樣化

3.典型詞語_|_大写字母的读法:素雅_-奢饰品、安逸                                                                                           

這一風格最大的特點就是大麵積的留白__劲舞团紫光5 0。色彩以灰色以及白色係為主_-_易记彩票可靠吗,多運用在一些茶品|-众博彩票网址导航、家居_|_色中色账号,紡織棉麻用品等等|实况8妖人。

4.典型詞語|--盈盈彩官网:節假||_青岛潮汛、促銷

這一風格最大的特點就是熱情洋溢-|排球场标准尺寸,色彩大多以紅--qq空间道具狗仔队、黃-_|打磨木化石工具、橙偏多|__殷世航一个月赚多少钱,畫麵很少有留白的空間-__玻璃干燥器规格,大多數都非常豐富飽滿|-闲鱼网二手网官网,文字剛硬---芳龄13,有菱有角-_|长沙王府井影城,視覺的衝擊感很強

5.典型詞語-|-妖精的尾巴洒洒:萌萌噠||_11选5能买杀码的平台、甜蜜

這種風格的banner使用點綴和矢量手繪的元素相對於其他類型的banner會較多|-河间吧,整體色感也大多呈現暖色調_|云霄门,給人一種很軟的感覺-||淘玩偶。

6.典型詞語_||梵蒂冈教皇:智能|-苟同、科技

這一風格最大的特點就是概念感和未來感特別強烈-众发娱乐平台跑路,整體顏色多用於藍-未满20岁单身禁买房,黑色等偏冷的色係|__168彩票app下载苹果手机版,同時光暈|||养热带鱼赚钱、金屬_|_360游戏大厅、線條和點等元素都是這一類型banner常用的點綴方式

三. 搭建banner的構圖框架

確定好需求和設計風格之後|_静佳jcare纤体梅,首先要做的就是內容確定一個大概的構圖樣式之後再去豐富版式裏的設計細節

1.左右構圖

這種構圖在所有banner的設計中最為常⻅也最易掌握_-2019手机看快开奖结果,同時也最不易出錯-身份证正反面图片,它分為2種形式_注册网络棋牌公司,一種是左圖右字_-_撒谎的故事,另一種是右圖左字

2.左中右構圖 

這種構圖相比較左右構圖形式上會更加豐富些_郑小爽822,但是比較難把握-_阳明租房。它也分為2種形式|_陈德铭去向,一種是左圖中字右圖__证大家园业主论坛,另一種是左字中圖右字|--请你和我结婚,有時我們想要重點突出⼈物-南京长江大桥铁路桥全长多少米,也可以把文案放在畫麵兩側讓人物居中

3.上下構圖 

這一類型的banner一般為上字下圖||白看电视,雖簡潔但卻有很多的局限性

4.以⽂字居中的構圖

這一類型的banner更多的是為了突出文字的內容|_198娱乐,多用於大促一類的banner|-|雪狼狗图片,同時對字體的設計也非常講究-_12579彩票吉祥数字是什么,好的字體設計往往會更加發揮出這一構圖的優勢

5.多角度構圖 

多角度構圖最難把握-_12315投诉彩票网站,他屬於一個不規則的構圖||-魅力先生刘天宝,但卻最具有設計感的層次感_众赢国际骗局。這一類型的構圖豐富的視覺感給人眼前一亮的感覺-|肉图,也更容易吸引住人的眼球

四.確定配色方案

好的配⾊一定程度上決定了這個banner質量的好壞-_038彩票官网,一般運色最基本的方法大致可以分為2種_-易彩堂能提现吗:

一種按照配色規則進行配色_--1990平台注册时时彩:同色係_|306苹果版下载安装、類似色--_金百济、補色係|_成年人身份证号。

1.同色係

同色係也稱為單色_-_ems怎么取货,這種色係的搭配在產品本身顏色比較統一的情況下-||魔泥美白,可以吸取產品上麵較近的顏色_-_长虹手机解锁,再針對產品特性添加一些合適產品調性的輔助元素_|n0470,讓畫麵的整體變得統一和協調-_|抓住偷水贼。

2.類似色

類似色 相比較單一的顏色_-英语时态表,它的豐富性和可變化性都比較大-|_长阳国际城业主论坛,在基於banner整體的主色調以後通過添加輔助的與主色相似的顏色__1998彩票送彩金的,使整個畫麵變得豐富活躍起來同時這些配色方式也相對比較好掌握一些

3.補色係

所謂補色雨露培训,就是在色相環上相距180°的色相___银环蛇价格,如紅色與青色|金庸群侠传2秘籍、黃色與藍色__陈桥兵变令人疑、綠色與品紅色等色組_-dnf6月21日。補色之間的調和搭配能夠給畫麵帶來華麗|-亿贝平台横屏登录地址、跳躍__|云联惠2018年最新消息、濃鬱的視覺美感||118表示什么意思,然而_金贵村,若補色以高純度|其实不想走简谱、高明度_--还有几天高考、等麵積搭配-_宝安体育馆游泳池,會產生比對比色組更強烈的刺激感-|半期总结,使人無法接受-_-觅血者。所以相對於類似色__天翼无线上网卡驱动,往往我們利用補色做設計時會考慮補色之間的麵積比例__沈阳调料批发市场,純度比例_重生一惹火娇医,明度比例和空間間隔的比例-铁路对讲机,平衡畫麵之間的視覺感|--天天酷跑九月幸运星!

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

一般我們會把素材變成黑色感的照片_|_闪电部队内购,在然後根據文案內容和整體banner的氣質選擇一個合適的顏色_-_360可以买彩票吗,已達到突出畫麵視覺點的目的|cad2004序列号,讓主要的東西可以凸顯出來-_什么电影最好看,保證一個視覺衝擊感_|_长乐市人民政府网。

五.字體設計

設計banner時候_-应用文写作范文,千萬不要把一行文字直接放上去-_-第九模型,這樣會使你的banner看起來特別的愚蠢--刘玉浦简历,整體的視覺效果也會看上去很無趣--|11086时时彩官网、很僵硬_||诺基亚6208c游戏。因此我們需要給不同的banner做不同的文字設計_|新娘之无悔的爱全集,去吸引我們的用戶|_悠悠红河影院。下麵就教大家幾個字體設計的方法_-|花月婷养巢。(注意商用字體的版權__|019期富婆看图肖特,這很重要)

1.選擇合適的係統字體

好的係統字體有時候也可以讓banner更具有觀賞性|||北京市朝阳区教育网络视频平台,但前提是字體的氣質必須和banner的整體視覺氣質統一__|阜新苏阳不雅视频,例如素雅__-hp为人师表、安逸的banner風格就不適合用粗獷硬朗的字體_|_刨光材,而宋體和細黑體這一類字體則表達了文藝|||李涵辰网站、品質的氣質易富app关闭。

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

有時候設計banner_|掌上彩票官方版下载,需要更有視覺衝擊力的表現方式-||芙蓉中路二手房,我們可以嚐試將文字進行傾斜或斜切透視等處理|-天国凤凰国语第二部,因為普通的文字排列形式有時候過於平穩-|门第结局是什么,過於有矩__高中研究性学习报告,反而凸顯不出來整個banner的動感和層次感-_意彩彩票注册。

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

在背景顏色比較複雜|_|11选五中奖规则及奖金,或者背景有較多產品需要呈現的時候-注册送彩的彩票,我們可以嚐試將文字放在一個相對獨立的區域或色塊中-_|云购彩票是正规的吗,這樣更便於文字閱讀_|众彩娱乐的北京pk10,也可以突出主題內容_|-众发国际是干什么的。

4.字體變形的魅力設計banner的時候|_|言峰绮礼怎么死的,設計師經常用到文字變形--|云顶国家级娱乐平台,將原有的係統字體進行2次加工設計出一種新的字體-||给个身份证号。這種變形的手法可以大大提升文字的視覺性和趣味性_粗口短信,讓整個畫麵的氣氛被烘托得相得益彰_|永胜彩票网APP。

5.中國風文字

有時候我們設計一些曆史文化題材的banner|-白岩松被开除党籍,或者中國傳統節日的banner|__2019四不像生肖图108期,經常會用到一些中國風的元素_-|华为荣耀畅玩6x被召回,例如毛筆字-_钢构的故乡、粉筆字-永盛国际APP、鋼筆字|--盈彩网,書法字等-盈盈彩中奖怎么领取,而這些元素我們也可以把它運用在banner的設計當中|-优选彩票网址,讓banner的特性感更加的明顯

六.畫麵內元素的點綴

點綴的元素常見於點-||01彩票是正规的吗?、線_--酷花网、麵或者一些手繪矢量元素|_老师给学生的毕业赠言,在確定基本成形的banner後適當的加入這種出彩的小元素會讓畫麵的設計細節感和層次感更加豐富_--淘宝开店步骤费用,可以提升整個畫麵一定程度上的品質感和細膩入微的美

備注(本分享中所有的圖隻用作於文字說明|镇赉贴吧,不產生任何商業用途)

藍藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司-|-湘湖二期,為期望卓越的國內外企業提供卓越的UI界麵設計||-众彩彩票导师、BS界麵設計 _-|易购彩票、 cs界麵設計 _|湘南纯爱组国语、 ipad界麵設計 __22彩票关了、 包裝設計 ||_04400王中王开奖结果、 圖標定製 _比赛主持人开场白、 用戶體驗 -ed2k苍井空、交互設計___亿乐彩下载app、 網站建設 --_众购彩票网站、平麵設計服務|_|赢彩网app。

標簽: banner « 開發協作-切圖類別與規範 | 這兩天火遍全球的沉浸式新媒體設計-|360彩票网,是如何讓想象力爆炸的_13彩邀请码?»


訂閱Rss