浅谈BANNER字体

用户头像
深圳/设计爱好者/9年前/4116浏览
浅谈BANNER字体
用户头像
fish_xu

昨天给公司设计组小伙伴分享的内容

一直都是在吸取各大神的知识,是时候也该为这行业做些贡献了

结合工作中的实际案例,与大家分享我们做Banner设计时用字体时需要注意些什么......

【A字体的类型】


1、根据字形分类,可分为:衬线字体和无衬线字体

对于衬线字体和无衬线字体的关注,是去年9月份的时候IOS 9上线的时候,我们总监分享了一篇关于IOS 9发布,新系统字体更新的文章,IOS 9系统字体由“华文黑体”字体更新为“苹方字体”,我才去了解衬线字体与无衬线字体的区别。

IOS 9系统新的中文字体“苹方”,整体更清晰易读,较之前的华文黑体偏“柔”,同时增加了更多种粗细的家族字体,在具体设计时可选择度更丰富。

855257c9965a0000012e7eb4a730.jpg

下图是案例解析BANNER,用的是衬线体

713257c994aa0000012e7e37f779.jpg

6c9257c996dc0000018c1be24482.jpg

2bd757c9a1730000012e7ed6302c.jpg




下图是人物专访BANNER,用的是无衬线体字体,干净利索!

5d0e57c9970c0000012e7e038c09.jpg

2a3357c9a1570000018c1b05da5e.jpg



英文字和中文字无衬线和衬线字体的区别

5d0b57c998d50000018c1b605b41.jpg


2、根据字体粗线分类,可分为:粗字体和细字体


下图是BANNER,用的是粗字体

2bb157c9a1890000018c1b7f7f6f.jpg


下图用的是细字体,体现女设计师的优雅

510d57c999d90000018c1b74e646.jpg

虽然这个banner是男性,我依然用的是细体,是考虑文案本身就是极简,极简风格不可能用厚重字体来表示,会显得与主题不符,所以做banner的时候,要学会根据方案内容做调整。

42ce57c9976f0000012e7e98662b.jpg


英文字和中文字粗字体和细字体的区别

bea157c99bc40000012e7e051080.jpg


【B字体的使用原则】

清晰易看,符合风格





1、高端气质型

ca5b57c9975c0000018c1b73448a.jpg


2、霸气外漏型

活动BANNER

7db257c99d310000018c1b3c1f41.jpg

fec657c99e380000012e7e487aa6.jpg


3、中国风

活动类的banner


日常案例解析banner也用得上

原本中间是一字画,我把这套作品主题P进去了,感觉毫无违和感


4、可爱型

(可爱类型的,我工作中做的比较少,所以在网上找了一些参考图,此组图片来自网络,如有侵权请联系我)


5、全能型

69e957c9a0d00000018c1b183377.jpg

以上只是个人工作经验分享,仅代表个人建议,另外请尊重字体版权,如需商用需购买字体喔~~


谢谢大家阅读,如果对你有帮助请点赞!谢谢~~




59
举报
|
105
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
三个青年站在网页周边矢量插画
卡通风格网页页面3D渲染
三位美女围着网页看信息矢量插画
网页背景
四个人物分别在上网贴纸合集
运动风人物插画
 网页背景
卡通风格网页页面3D渲染
女生坐在网页面前办公矢量插画
男生和女生站在网页面前矢量扁平插画
一个人拿着优惠券准备支付购物电商矢量插画
网页设计——纸杯蛋糕
网页电商背景矢量插画
卡通女孩与网页表格3D渲染
互联网,互联网插画,商务,数据,项目,合作,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,沟通,渐变,蓝色插画,商铺,覆盖,管理,项目管理,效率,提升,高效,关系,拓展,
三个青年正在装修网页矢量插画
卡通风格网页页面3D渲染
新年快乐送福网页矢量图banner
一个男生和两个女生站在网页前面打招呼矢量
浏览电脑网页的元素
互联网,互联网插画,商务,数据,项目,合作,精准,投放,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,交流,沟通,渐变
卡通风格网页页面3D渲染
网页页面矢量插画
男生坐在网页面前办公矢量插画
卡通女孩与网页表格3D渲染
你可能喜欢
大家都在看
登录注册