Banner设计之字体

用户头像
北京/设计爱好者/9年前/2740浏览
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
平面书法字手写
城市园林平面布局航拍
平面花卉图案扁平简约无缝拼接插画
海底世界插画
金色颗粒质地的平面
玄关入门地毯印花图案红地毯
城市园林平面布局航拍
平面插画设计女孩喝咖啡
空的平台平面和自然景观
金色颗粒质地的平面
金色颗粒质地的平面
平面设计 吊牌设计
城阙凡花
平面男孩喝咖啡插画设计
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
水蜜桃和李子的平面水果图案
平面风格黄绿色系花朵装饰
金色颗粒质地的平面
空的平台平面和自然景观
城市园林平面布局航拍
你可能喜欢
大家都在看
登录注册