APP LOGO设计之字体设计入门教程 

2016-01-21 10:12 发布

1647 1 2
本帖最后由 2355521989 于 2016-1-21 10:14 编辑

很多的移动APP图标的logo设计都是有一些字体转换设计而来。比如美团的APP图标LOGO,支付宝的APP图标logo、天猫的APP图标LOGO等等。如果大家有兴趣可以去看看APP store排行榜上的前100名APP。至少有十几个APP图标logo都是用文字来演变的。下面就跟随我们来一起学习APPLOGO设计之字体设计入门教程的案例:【唯一】字体设计
1f345ab81421355565e29156f0def7da.jpg


今天的主题是“以少胜多 以一挡十”,通俗地说就是字体设计中的笔画省略,在开始之前我们不得不提一下“格式塔心理学”,这是我们省略字体笔画的理论基础。当我们确定好移动APP主题关键词的需求之后,需要进行字体设计的背景分析。字体设计背景分析:唯一两个字给人一种很单纯的感觉,因此,在设计的过程中我去除了一些比较繁琐的笔画结构,让笔画更简单。中国有“一生二,二生三,三生万物”之说,我们通过视觉自动补偿缺失笔画来达到这一效果,增加了文字内涵。
047ec416908812b5bed6e918100ec16d.jpg


选择不同的字体,设计出来的字体也是不一样的。我们可以在电脑上打出“唯一”两个字,观察一下笔画结构,我们可以发现字体中以横画与竖画为主。::__IHACKLOG_REMOTE_IMAGE_AUTODOWN_BLOCK__::1我们将“唯”字中倾斜的两笔摆正,使笔画更统一。
11f4b0cd3b3ed73ad6ddffa1ace0787c.jpg


用矩形工具将字体骨架搭建好,笔画更为单纯。

f0d10efb8d7c551f2d5002dbc6c34d6a.jpg


将笔画加粗,并降低字体重心,使其在视觉上给人一种安定感。

81050a1b56f3bb0e72a2d959cfe54910.jpg


接下来我们尝试几种方式来省略字体笔画,第一个结构很乱,节奏掌握的不到位;第二个整体不错,那一点起到了“暗示”的作用,让视觉自动将笔画补全;第三个没有暗示的笔画,看不出是“唯“字;第四个和第三个类似,看不出是图形还是文字,笔画省略太过头。
8d8225d072dfa66fe8c40f3bc9c0f8ef.jpg


通过对比,我们选择了第二个进行优化。将笔画粗细的分配重新调整,使笔画在视觉上粗细一致,并且字体灰度更为平均。
27ca9919d49c359fb1e42094b2811791.jpg


一般来说,笔画密集的地方要调细,笔画疏的地方要加粗,上图时进行调整后的笔画,分别用数字和字母来代表对应的笔画,仔细观察你会发现其中的差异。
6916e965fd35e8deb77534a8b668dd6d.jpg


利用辅助线对字体进行进一步规范,合理安排字体间距,使其更整体。

a2cc0d4142e92194f91f0943b3797744.jpg


字体完成,规范后的字体比原来更耐看了。

473e6cfb21c91dc8fcb4d526d6fc1d3d.jpg

609ebf6495844fc6c326c3ea3f44fbc5.jpg



                    




B Color Smilies

全部评论1

你可能喜欢

制作彩带logo

LOGO作业本

2323 0 0

402620087 2015-10-20

制作彩虹logo

LOGO作业本

2021 0 1

402620087 2015-10-18

制作雨伞logo

LOGO作业本

2223 0 1

402620087 2015-10-17
联系
我们
快速回复 返回顶部 返回列表