请选择 进入手机版 | 继续访问电脑版

产品设计

    今日:298| 主题:18313
收藏本版 (1)
软件产品、PC、移动、网站、平台的开发、策划等内容。

[其他] 从0到1:速成的banner字体设计

[复制链接]
浓墨淡彩 发表于 2016-10-2 22:53:21
285 13

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
本文主要是些一些做banner的经验。未必对每个人都有帮助,但是希望能让一些刚刚接触设计的朋友能够快速掌握做banner设计的一些小技巧。
相信每个在互联网行业工作过的设计师,肯定都或多或少跟banner打过交道。
对于运营设计师和品牌设计师来说,做起banner来也是得心应手。
但是对于UI设计师或是一些设计新手来说,做起banner反而有些难度。
那么怎样才能快速做出效果较好的banner呢?
我在这里准备了一个小教程,这本来是我做过的一个logo,我做的banner也一般以这种风格居多,希望本次教程能给朋友们带来一点思路。
接到运营需求的时候,我会根据活动主题、受众人群、热点或节日进行颜色及调性的分析。
整体分析过之后,我的习惯一般都是先设计字体,再根据字体确定banner设计的风格。
banner字体设计现在开始切入正题:
【1】选好合适的字体是成功的第一步
  

从0到1:速成的banner字体设计

从0到1:速成的banner字体设计

【2】根据信息的主次给两种字体增加一些变化
树莓杂货铺是我电台的名字,FM522627是波段号。由于是互联网渠道传播的,品牌名比波段号更重要。重要信息与背景形成强对比,起到强调作用。所以给波段号加一个颜色弱化,还是渐变的哦~
  

从0到1:速成的banner字体设计

从0到1:速成的banner字体设计

【3】文字增加描边
文字是分离的,增加一个描边让二者成为一个整体。
  

从0到1:速成的banner字体设计

从0到1:速成的banner字体设计

【4】增加与主题相关的元素
这是一个电台的logo,在这里加入一个声波的元素丰富画面
  

从0到1:速成的banner字体设计

从0到1:速成的banner字体设计

加了声波之后,觉得画面中心有些偏右,在左侧加入耳机元素平衡画面
  

从0到1:速成的banner字体设计

从0到1:速成的banner字体设计

耳机、声波元素与画面色调保持一致。增强画面统一性。
【5】丰富画面
仅有文字和小元素不足以支撑一个logo。这时我们需要增加一个主体物来丰富画面。
我选择的主体物是一个对话框形状的背景,切合电台的主题。增加内部描边,增加内发光。
  

从0到1:速成的banner字体设计

从0到1:速成的banner字体设计

再复制图层增加一个蓝色和紫色的渐变,紫色象征感性、蓝色象征理想。
  

从0到1:速成的banner字体设计

从0到1:速成的banner字体设计

【6】增加层次感
  

从0到1:速成的banner字体设计

从0到1:速成的banner字体设计

【最终效果】
  

从0到1:速成的banner字体设计

从0到1:速成的banner字体设计

最后分享给大家一期语音节目,关于奋斗和买房。希望大家喜欢。
送给全力以赴的你http://www.lizhi.fm/api/audios_with_radio_iframe?ids=2559933395025432070



上一篇:【Medium】sketch教程,来绘制一个简单有趣的药瓶
下一篇:What we Learned at Mind the Product 2016
你若安好,那还得了 发表于 2016-10-3 03:47:26
楼主想办法,让咱的帖子火起来吧。。。。
回复 支持 反对

使用道具 举报

袁岳 发表于 2016-10-6 01:51:12
本宫准楼下的继续跟帖。。。
回复 支持 反对

使用道具 举报

pwlsweetlep 发表于 2016-10-10 14:01:50
没人回帖。。。我来个吧
回复 支持 反对

使用道具 举报

kfaqk 发表于 2016-10-11 15:56:40
我也是坐沙发的
回复 支持 反对

使用道具 举报

net28257 发表于 2016-10-11 19:17:12
看起来不错
回复 支持 反对

使用道具 举报

菜菜小婷 发表于 2016-10-13 23:05:47
浓墨淡彩摊上大事儿
回复 支持 反对

使用道具 举报

时鐘轻摇寂寞 发表于 2016-10-14 06:51:02
大人,此事必有蹊跷!
回复 支持 反对

使用道具 举报

雨双 发表于 2016-10-19 01:17:01
现在很痛苦,等过阵子回头看看,会发现其实那都不算事。
回复 支持 反对

使用道具 举报

zhao_jianliang 发表于 2016-10-26 12:01:08
楼主,涨姿势呃。。。。。。
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )

© 2001-2017 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表