追求卓越一諾千金

藍藍設計___杭州sn,2011年成立--_长动力增高鞋,主創清華團隊-|注册自动送17彩金y3,專注軟件和互聯網ui設計開發|--挠脚心漫画。擅長企業信息化管理_-_助赢永久免费计划版app、監控-|-奇瑞s18d、大數據軟件UIUE谘詢和設計開發服務__-非常了得 陈星光。立足UI_-cts3,好好學習|||掌上运维app,天天進步_-_花境设计说明!


淺談高質量的Banner設計

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


如果您想訂閱本博客內容|_六一寄语,每天自動發到您的郵箱中-_中博彩票平台app, 請點這裏

想要設計出高質量的banner|-_亿彩彩票是骗局揭秘,首先你得了解什麼是banner--欧蓝德改装?

banner是網絡廣告中最常見的廣告形式|_邯郸晚报电子版。一般也被人們稱之為網幅廣告_-诺基亚c202、旗幟廣告_|怎么样开淘宝网店、橫幅廣告以及大標題廣告等等|_365彩票升级,它可以是靜態的圖形--隋唐大运河各段,也可以是動畫的圖像_|喜得益。其作用就是為了體現產品的中心意旨|-最近特大新闻,利用鮮明的內容去表達最主要的情感思想, 從而給整個產品起到宣傳的效果|-|1288彩票谁开!

在如今炙手可熱的互聯網領域---金丹菲,banner被廣泛運用在各個不同類型的互聯網平台間___诺基亚5320xm软件下载,例如網頁設計_|陈秋平,APP設計中都經常會使用banner這一載體來展現商家的活動以及最新的產品等等_-_铂晶豪庭,因此banner在如今的互聯網行業裏越來越被很多的公司重視-|-渔我同行218,對設計的要求也就越來越高|金山快译通,那麼初入行的設計師該如何設計出高質量的banner呢_-qq飞车加速测试服?

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

1.確定banner文案的內容|_-上海哪里有蹦极,以及將會涉及到的設計素材|_siro 1440、包括準備投放在什麼平台以及它的尺寸大小-|许喵喵mickey种子,這些前期的工都是需要我們和需求方溝通確認定奪下來的_|_果酱汉堡店变态版。因為這些基本的因素如果沒有被確定下來||盈博彩票是正规公司么,1.會阻礙設計師的設計靈感-长线驱动器!2.在設計的過程中也會給設計師帶來很多不確定的因素|--青年中国说余佳文,導致大大增加改稿的幾率|-soler组合,所以前期的準備工作我們一定要做好-|上海静安区火灾。

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

例如需求方給到的信息是「秒殺」_-若水生花爽肤水,那我們首先需要了解的就是這個秒殺活動針對的產品是哪一類產品-_249彩票,針對的人群又是哪些|_青海卫视直播,這些不同的因素都會影響到設計的整體風格以及使用元素的搭配|--耽美h。同時還需要考慮到需求方希望這個banner_|国家领导人名单,它能起到什麼樣的效果以及作用_|_31选7走势图,是引流還是曝光新品又或者是促進交易等等-至尊彩大发快三破解,這些需要和需求方在前期全部確定好_-|360双色球十大专家杀号,以免在設計的過程中走很多不必要的冤枉路|-_易购爱购是热门APP吗。

二. 確定banner的設計風格

在這裏我們可以單獨把設計風格理解成小說裏各個人物的性格特點_众赢国际合法的吗,不同性格特點的人物所散發出來的魅力也是不相同的|-宠妃 肉的章节。沉著_-辽宁财政企业服务网,緊張-_-移动3g网络覆盖查询,外向-||电视剧下载网站,陽光铠甲勇士刑天后传全集,憂傷等等-qq游戏马,這些詞語代表著不同的族群_||星光大道20130202,也代表著不同的情緒狀態_|_苏州红星美凯龙招聘。每一種狀態的表現手法肯定也是不一樣的_||汶川地震女记者路边哭,下麵就簡單介紹幾種常見的風格|_-林娜冰21。

1.典型詞語_-_邪恶少年eb的小站:冷傲_小学值周总结、時尚      

這一風格最大的特點就是文案特別精辟-中兴国际彩票。色係基本都以黑白灰為主--试听卡。拍攝的素材呈現很高逼格的感覺--_pplive cctv5。

2.典型詞語--_诺基亚cdma手机大全:活力__-永诚彩票娱乐、年輕 

這一風格最大的特點就是朝氣蓬勃---135彩票受法律保护吗?。整個視覺的色彩感和飽和度__-长沙保险箱,純度都很高|_-金童玉子。版式的設計也非常的多樣化

3.典型詞語_青岛小海燕艺术学校:素雅-_-泉城海洋极地世界门票、安逸                                                                                           

這一風格最大的特點就是大麵積的留白_-|天津洗浴。色彩以灰色以及白色係為主--智彩平台注册,多運用在一些茶品_|_对开海报尺寸、家居___长治城区教育信息网,紡織棉麻用品等等-135彩票软件。

4.典型詞語-_51促销网:節假_-腾龙山、促銷

這一風格最大的特點就是熱情洋溢|-苏宁电器五一活动,色彩大多以紅-_-易发彩票坑人吗、黃|-2013上映的电影有哪些、橙偏多_镇坪路废弃学校,畫麵很少有留白的空間_|_松乔体检中心,大多數都非常豐富飽滿|陈俊任,文字剛硬__哪有那样的网站,有菱有角-||北京外事职高,視覺的衝擊感很強

5.典型詞語__|讨鬼传psp:萌萌噠||-360彩票定位胆杀号、甜蜜

這種風格的banner使用點綴和矢量手繪的元素相對於其他類型的banner會較多_038彩票官方版苹果,整體色感也大多呈現暖色調|__银行期票,給人一種很軟的感覺_|易彩娱乐测速。

6.典型詞語|-_上海哪里买书便宜:智能-|-雨露文章、科技

這一風格最大的特點就是概念感和未來感特別強烈__优选彩票APP,整體顏色多用於藍_gprs5元套餐,黑色等偏冷的色係-_-花为谁开歌词,同時光暈|-约彩彩票注册不了、金屬-小米官网首页抢购红米、線條和點等元素都是這一類型banner常用的點綴方式

三. 搭建banner的構圖框架

確定好需求和設計風格之後-苹果皮c皮官网,首先要做的就是內容確定一個大概的構圖樣式之後再去豐富版式裏的設計細節

1.左右構圖

這種構圖在所有banner的設計中最為常⻅也最易掌握_|郑浩南三级,同時也最不易出錯_|-苏州地税局网站,它分為2種形式||误认翻译,一種是左圖右字|_北京58同城二手车,另一種是右圖左字

2.左中右構圖 

這種構圖相比較左右構圖形式上會更加豐富些-|掌上彩票没有了,但是比較難把握-俞威。它也分為2種形式-钰佳,一種是左圖中字右圖__-花萝卜论坛,另一種是左字中圖右字_||重返神州,有時我們想要重點突出⼈物--公安县政府网,也可以把文案放在畫麵兩側讓人物居中

3.上下構圖 

這一類型的banner一般為上字下圖||-118彩票官方苹果,雖簡潔但卻有很多的局限性

4.以⽂字居中的構圖

這一類型的banner更多的是為了突出文字的內容|青岛火车站电话,多用於大促一類的banner||大庆羽毛球网,同時對字體的設計也非常講究仙剑奇侠传关系图,好的字體設計往往會更加發揮出這一構圖的優勢

5.多角度構圖 

多角度構圖最難把握-_诚信公棚,他屬於一個不規則的構圖---亿发彩票是诈骗平台吗,但卻最具有設計感的層次感-_|房产继承咨询。這一類型的構圖豐富的視覺感給人眼前一亮的感覺|||ok数据网,也更容易吸引住人的眼球

四.確定配色方案

好的配⾊一定程度上決定了這個banner質量的好壞-|舌苔生绒毛,一般運色最基本的方法大致可以分為2種-|17彩票:

一種按照配色規則進行配色||-雯艾尔:同色係|-|永胜国际买彩票、類似色-_读书郎f20、補色係-|2019香港赛駌会彩经。

1.同色係

同色係也稱為單色|日记400,這種色係的搭配在產品本身顏色比較統一的情況下_|-云顶娱乐棋牌捕鱼,可以吸取產品上麵較近的顏色-__诺基亚6730c主题,再針對產品特性添加一些合適產品調性的輔助元素-|-金明智,讓畫麵的整體變得統一和協調|--金华九中贴吧。

2.類似色

類似色 相比較單一的顏色--_掌信彩是不是真的,它的豐富性和可變化性都比較大-_生日请贴,在基於banner整體的主色調以後通過添加輔助的與主色相似的顏色|__野兽汽车,使整個畫麵變得豐富活躍起來同時這些配色方式也相對比較好掌握一些

3.補色係

所謂補色-|老瓷匠,就是在色相環上相距180°的色相_--深圳网吧牌照,如紅色與青色|-xong出没熊出没之年货、黃色與藍色-众赢彩票首页、綠色與品紅色等色組_|-毕节退休医师医院。補色之間的調和搭配能夠給畫麵帶來華麗___数学排列组合公式、跳躍-妖精的尾巴421、濃鬱的視覺美感-||168开奖网历史,然而___北华信集团,若補色以高純度-铺铺儿、高明度_||苍井空ed2k、等麵積搭配__-优购工品,會產生比對比色組更強烈的刺激感|_-钓鱼岛ppt,使人無法接受|_优彩彩票。所以相對於類似色|_-酸梅产地,往往我們利用補色做設計時會考慮補色之間的麵積比例||137期新粤彩涂,純度比例|||托罗西迪斯,明度比例和空間間隔的比例_|5个人出名了,平衡畫麵之間的視覺感||-电子邮箱号码大全!

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

一般我們會把素材變成黑色感的照片|安哒塔图,在然後根據文案內容和整體banner的氣質選擇一個合適的顏色自由们7 39下载,已達到突出畫麵視覺點的目的--234彩票提款,讓主要的東西可以凸顯出來-|1213金鼎国际,保證一個視覺衝擊感|||脸红心跳的关系4。

五.字體設計

設計banner時候-|新娘无悔的爱第二部,千萬不要把一行文字直接放上去__360游戏大厅,這樣會使你的banner看起來特別的愚蠢_-_谈爱 李白,整體的視覺效果也會看上去很無趣-|怎样开店、很僵硬-|玫琳凯之窗在线订单。因此我們需要給不同的banner做不同的文字設計|-魔幻西游online,去吸引我們的用戶||118彩图库和118论坛网址大全。下麵就教大家幾個字體設計的方法__198彩区域代理。(注意商用字體的版權|_深圳观澜田背花园,這很重要)

1.選擇合適的係統字體

好的係統字體有時候也可以讓banner更具有觀賞性_易彩娱乐是黑平台吗,但前提是字體的氣質必須和banner的整體視覺氣質統一-||第八套人民广播体操,例如素雅|_脱狱之王好看吗、安逸的banner風格就不適合用粗獷硬朗的字體_tcl手机a998,而宋體和細黑體這一類字體則表達了文藝___108娱乐彩票靠谱吗?、品質的氣質-__康熙与太子妃高h。

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

有時候設計banner__沙井刻章,需要更有視覺衝擊力的表現方式|卡通战争剑灵离线版,我們可以嚐試將文字進行傾斜或斜切透視等處理-_|触点容量,因為普通的文字排列形式有時候過於平穩--248彩票COm,過於有矩_王琳娜博客,反而凸顯不出來整個banner的動感和層次感|兰州最好的摸吧。

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

在背景顏色比較複雜__我们结婚了泰民停拍,或者背景有較多產品需要呈現的時候__|脉诺通,我們可以嚐試將文字放在一個相對獨立的區域或色塊中--|阿里旺旺2009,這樣更便於文字閱讀|_-青浦朱家角中学,也可以突出主題內容|_-澳门大学内地招生。

4.字體變形的魅力設計banner的時候|__快门式3d电影下载,設計師經常用到文字變形||0567com好彩下载,將原有的係統字體進行2次加工設計出一種新的字體|-_百度钱包登陆。這種變形的手法可以大大提升文字的視覺性和趣味性|_-西班牙国家队2014最新名单,讓整個畫麵的氣氛被烘托得相得益彰||乐都信息港。

5.中國風文字

有時候我們設計一些曆史文化題材的banner|-北部新区工商局,或者中國傳統節日的banner_-|众赢彩票手机app下载,經常會用到一些中國風的元素-_|阿玛尼2012男装,例如毛筆字--乔任梁遗体照、粉筆字||-5800qq下载、鋼筆字--_35彩票APP,書法字等|||老司机导航 原avsoso,而這些元素我們也可以把它運用在banner的設計當中|个性行会名字,讓banner的特性感更加的明顯

六.畫麵內元素的點綴

點綴的元素常見於點||-娱乐天地官方注册、線--现任国家领导人名单、麵或者一些手繪矢量元素_|2019十二生肖开奖时间,在確定基本成形的banner後適當的加入這種出彩的小元素會讓畫麵的設計細節感和層次感更加豐富-|复仇者之死qvod,可以提升整個畫麵一定程度上的品質感和細膩入微的美

備注(本分享中所有的圖隻用作於文字說明||_全际通物流,不產生任何商業用途)

藍藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司_郑小爽822,為期望卓越的國內外企業提供卓越的UI界麵設計中国人电影网、BS界麵設計 -雷克萨斯ex350、 cs界麵設計 _|_南京手机贴膜、 ipad界麵設計 _众博国际合法吗、 包裝設計 ||_106官网彩票106版、 圖標定製 陈丽阳、 用戶體驗 -111彩票登录、交互設計_--铁三角atht50、 網站建設 _||众赢国际彩票平台、平麵設計服務-|至尊争霸彩票是真的吗。

標簽: banner « 開發協作-切圖類別與規範 | 這兩天火遍全球的沉浸式新媒體設計_--至尊娱乐腾讯分分彩,是如何讓想象力爆炸的-|-永盛app犯法吗?»


訂閱Rss