小纽扣

脱离了文字的图形不是一个完整的Logo,字体设计与图形设计同样重要。

虽然近年来文字型Logo和图文结合型的Logo越来越多,但图形加文字型的logo设计方向也仍然很主流,个人觉得该类Logo比前两类难度更高,因为图形加文字型Logo既要设计图形和字体,还要使logo图形与标准字非常和谐的搭在一起,事实上很多此类Logo在这方面都做得不够好。假设已经设计好了一个不错的Logo图形,那如何根据它合理地设计标准字呢?以下是葱爷的几点心得:

 

 1.如何选择字体类型?

可以作为Logo标准字的字体非常多,如黑体、宋体、楷体、隶属、行书等等,风格也很多,如优雅的、豪放的、端庄的、随意的、卡通的、文艺的等等。那么哪一种字体才是我们所需要的呢?

首先,我们得根据品牌所属的行业得出一个大概的方向。笼统的说,互联网行业和科技行业都适合把黑体(无衬线体)作为标准字。

 

如果Logo中有中国元素或复古元素,那么标准字可以用宋体、楷体、书法体等。

 

土特产和餐饮行业logo的标准字常用手写体和宋体。

 

有了大方向后也还不够,因为选择太多,我们得把选择范围继续缩小一点,这就需要观察图形的特征了,我们来看几个例子:

 

由于方圆集团的的logo图形是由一个菱形与一个圆形结合而成的,所以方圆的字体也融合这一特点,字的外轮廓用了直线与直角,在内部却做了一点圆角。

 

下图的蝴蝶图形线条比较随意,所以标准字也用了比较随意的手写体。

 

下图的logo图形为水墨风格,轮廓参差不齐,所以中文字体的笔画也保持了这一特点。

 

下图logo的图形部分有明显的尖角,很像罗马体的衬线,所以标准字采用了衬线体与之呼应。

 

2.采用怎样的笔画处理方式?

如果Logo图形是只有直线没有曲线的几何图形,那么标准字的笔画是不是也应该都是尖角和直线呢?实际上这么做的案例非常少,因为这样的文字太过生硬和尖锐,很少有人希望自己的品牌给别人这样的感觉。当然,太过圆润字体以及衬线体也不行。

上面的Logo图形都是直边几何色块,但标准字的笔画都多多少少会有点弧线,如果以字库里经典的黑体字和无衬线体作为参考就会发现,上图的标准字并没有做太多改变,依然保留了原来的弧线、横平竖直、以及直角转角等特点,只不过是在细节上进一步做了简化。

 

如果Logo图形是曲线图形,那么标准字的笔画可以适当的增加一点圆角,如果是女性或儿童品牌,圆角可以多一点、角度可以大一点;如果是男性或科技行业的品牌,圆角则要少一点,角度也要小一点。

 

还有些标准字的设计会把某些笔画刻意断开,使其更有设计感和特点,一般是因为Logo图形中也有类似的效果。

 

3.采用怎样的笔画粗细? 

笔画的粗细也是由品牌的行业属性以及图形决定的,如果是重工业、建筑业的Logo,那么标准字的笔画应该粗一点.

 

而如果是护肤品、化妆品、服装、健康行业的品牌,那么字体的笔画可以相对细一些。

 

此外,字体的笔画粗细也要以图形为设计依据,如果Logo图形是等线型的,那么标准字通常也会用等线体,至于笔画的粗细通常也要呼应图形。

 

你们应该也有发现,很多Logo的标准字融合了宋体与黑体的笔画特点,即去掉了宋体衬线,但保留了宋体横细竖粗的效果,这种字体比宋体更现代、更简洁,比黑体又多了一点变化和优雅。而横竖笔画的比例大小也会影响字体的效果和气质,相差大的会比较精致,相差小的会比较现代、易落地。

 

4.如何设定文字高宽比?  

除了字体的类型、风格、笔画以外,字体的宽高比也与图形有莫大关系,如果图形的轮廓倾向于一个正方形或者正圆,那么文字(中文)的高宽比通常也会接近1:1。

 

如果图形是比较高瘦的,那么文字就不能太矮胖,不过,为了保持平衡,也不要把文字拉得太瘦长。

 

同样,如果图形是比较扁的,文字就不能太纤瘦。

总结

设计师都知道设计中几乎不存在什么一成不变的方法,所以上面的观点仅代表一种比较大众的现象,可以保证不会做错但不是唯一的标准,也不一定是最好的选择,如何把握需要我们在实践中慢慢去摸索。不过在给logo图形配文字的时候有几个原则还是要坚持的,即必须与品牌调性相符、必须与图形搭配和谐、且不能设计得太过花哨。

 

原文地址:葱爷(公众号)

作者:葱爷

转载请注明:学UI网 » Logo图形整得很漂亮,一配上文字就糊了?

登录收藏
 
你可能喜欢的:
如何在photoshop中创建树叶覆盖文本的效果如何在photoshop中创建树叶覆盖文本的效果
按钮的禁用状态 | 设计详解按钮的禁用状态 | 设计详解
深耕交互体验之“易用性原则”深耕交互体验之“易用性原则”
设计中的数字之美设计中的数字之美
一篇文章搞定所有的10种异常状态一篇文章搞定所有的10种异常状态
动效赋能 助力用户体验设计动效赋能 助力用户体验设计
如何在AI中创建一个2.5D文本如何在AI中创建一个2.5D文本
6个步骤,教你落地同理心地图6个步骤,教你落地同理心地图
用户很懒,但只要两步,就能让他们乖乖就范用户很懒,但只要两步,就能让他们乖乖就范
设计好看,有本事设计中的数字也好看设计好看,有本事设计中的数字也好看