Banner设计之字体

用户头像
北京/设计爱好者/9年前/2749浏览
Banner设计之字体
用户头像
心既理

之前在同事买的教程学习到一点东西,借此今天按照我的理解重构了一遍。相信这篇文章对大家也有点帮助吧。图中用到的图片若有侵权联系我可以。我马上下架谢谢。

当我们进行Banner设计的时候,字体常常是更加喜欢使用英文而不是使用中文,的确英文字体比中文字体好看,大家有没有想过为什么英文字体比中文字体好看呢?下面我们来分析一下如何设计出好看的中文字体!(PS这是有规律方法可寻的!)


当我们在看到图上,中英文的时候有什么感受呢?

当我们在识别英文的时候首先看到的是英文的形状,而不是英文的意思,而当我们在看到中文的时候我们首先看到的是字面的意思。


它们之间最大的区别就是负空间给人视觉带来的感受 ,英文字体的负空间感受非常的匀称自然,而中文字体的负空间相比较凌乱,而且中文字的笔画复杂。黑色部分形态非常的乱。所以在设计字体的时候我们就需要,调整主文案的负空间。

 

简单的看下面的例子

3a59584cf958a801219c7741d548.jpg

 

左图主文案中的你在哪?三个字,使用了非常俏皮的手法,和其他系统默认字体形成了强烈了的对比,非常的抢眼球!但是这种手法比较复杂,如果设计的不好的话,字体整体会很不协调,出来的效果也差劲意适得其反。

右图字体的字怀比较大,字体比较粗它的负空间掌握的很好,这样的设计字体比较适合新手,比较容易掌握。



字体的节奏

---------------------------------------

字体排版和音符一样,讲究的是文字的大小 粗细疏密。它有节奏的强弱和高低

32c3584cf9a9a801219c77e4ad48.jpg


很容易看出优秀的作品,往往更加容易找到规律。作者在设计这款海报的时候,对字体间距行距 正负空间的比例的掌控非常好,加上字体的设计。非常好的突出这张海报的艺术感。


最简单的节奏

b0b1584cfa86a801219c775dcfac.jpg


大小,深浅 新手适用。最普通的节奏

这种非常普通的排版方式。缺少新颖感。非常适合新手去用,虽然中规中矩但是出来的效果也是很不错的!Banner设计中往往这种手法更比较常见。


e258584cfb17a8012060c84de34c.jpg


结合到一些组合。用不好会显示的很乱。

这种的就是稍微复杂一点的设计,通过对主题文字的设计在加上一些小的装饰,承托出主题的氛围,这种手法往往更加需要我们去提炼元素,分析产品的调性。根据调性设计出精彩的作品。


通过上面的例子我们大致了解到,字体设计在Banner中应该更加注意哪些细节,这样我们才能很好去分析一个作品,把它解构,然后在重构。


字距

行距

对比

对齐


很多时候大家不会调整这些字距和行距,如果这些调整的好的话,很容易出效果,我们要清楚什么地方是重点,什么地方疏密。

5313584cfc6ea801219c776718a4.jpg


其实想要锻炼自己设计能力很好的办法就是多去看优秀作品,多去想为什么这样做?其次最重要的就是运用到我们的实际当中。发现问题然后在去改正,图上作品,字数都是这么多为什么别人排就不会乱呢?而我们排会很乱。不难发现无非就是运用到了非常基础的设计理念 字距 行距 对齐这些我多去尝试尝试,不要经常使用系统默认的格式~


下面我们在看几个反面案例当然这个是比较典型的,相信很多设计师都不会去犯这个问题。都是比较初级的但是还是拿出来我们去分析。抛砖引玉,我们分析作品都可以从这几个点去入手。

42ff584cfdbba8012060c869979d.jpg


看到这2张作品的时候,我们分别从对齐、字距、行距、颜色、统一性、负空间、去分析。左图中很明显对齐、字距、行距这些都存在问题。统一性也很差,而右边这个作品,稍微好那么一点。第一眼看上去很不舒服,我们的直觉有时候比逻辑更加准确。这张作品最大的问题就是颜色~主色调明度太高,对比强烈。把产品视觉给压下去了。



字体常用组合方式

--------------------------------------

1.对比 错落节奏。

4be8584d0230a8012060c8fd3547.jpg

注意:文字不要太乱常见的办法。点线面方法融进去。


2.善用数字、符合

4dbc584d0252a8012060c8a8774b.jpg


没有符合的话自己创造一些符合。


3.图形文字结合的方法


05a0584d0270a801219c77a64f48.jpg

这类型的设计,就比较考验人了,图中的设计主要的买点就是字体,左图中创意非常的好。这类的设计需要基本的手绘能力。


字体变形设计

——————————————————————————————

1.替代法

f64b584d035ba801219c77d0cbc1.jpg

用一些形态文字来替代文字的笔画。(初级选手)借用其他图形组合


2.对比法(大小对比  颜色   粗细)

208e584d0383a8012060c8e948e7.jpg



3.正负空间(这类的设计一般多用于logo的设计)

cd71584d039fa801219c77b95a44.jpg


4.增减法-减去笔画  增加笔画 移动位置  字穿插进来。笔画寻找共同点

1526584d0678a8012060c816af83.jpg


5.链接法  共用笔画链接。或者用其他形状划过,保证外轮廓识别。


7f0f584d06cca801219c7764c74e.jpg


6.情感联想法

我们文字是他有自己的情感的。(考虑到字的情感)情感思路


1a96584d0706a8012060c8958f3b.jpg

总结:字体在设计的时候往往是多种手法结合在一起的,字体表现形式也是多种多样,在初级阶段的时候,本文也只是一种思路,我们可以多积累优秀的案例去借鉴他的规律运用到我们的设计中,多做练习多做尝试。先去遵守规则然后在去打破规则,创造出更多优秀的作品共勉。


42
举报
|
56
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面插画情侣/矢量
倒计时,海报,平面
金色颗粒质地的平面
平面插画设计女孩喝咖啡
城阙凡花
空的平台平面和自然景观
平面风格黄绿色系花朵装饰
玄关入门地毯印花图案红地毯
海底世界插画
城市园林平面布局航拍
古风平面仕女与瓷器
金色颗粒质地的平面
金色颗粒质地的平面
金色颗粒质地的平面
空的平台平面和自然景观
平面人物插画
平面书法字手写
牛奶乳液层次平面平铺平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
金色颗粒质地的平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
中国传统纹样创新图案设计
“知识宅急送”外卖,快递,平面,海报,素材,教育
城市园林平面布局航拍
平面男孩喝咖啡插画设计
你可能喜欢
大家都在看
登录注册