首页 > 技术文章 > logo字体设计入门案例

qudaxueyuan 2015-10-18 20:06 原文

如果我作为一个ui设计初学来说,我会选择临摹别人的作品来对自己做UI培训。

首先我开始临摹的对象是APP store上排行榜前排的APP的logo,这样的好处是有几个的:

 

1.可以知道市场哪些图标是更容易吸引到用户的点击

2.锻炼自身在色彩敏感度,对比与原作品的差距

3.学习别人的图形形状的构思方式

 

下面是APP STORE 上排行榜靠前的的logo, 我们可以去临摹,也可以在理解后,加上自己的设计创意,设计出一个有差别的图标。

 

 

今天我们主要来讲一讲logo上的字体的设计。

首先我们要确定好移动APP主题关键词的需求之后,需要进行字体设计的背景分析。

字体设计背景分析:

唯一两个字给人一种很单纯的感觉,因此,在设计的过程中我去除了一些比较繁琐的笔画结构,让笔画更简单。中国有“一生二,二生三,三生万物”之说,我们通过视觉自动补偿缺失笔画来达到这一效果,增加了文字内涵。

选择不同的字体,设计出来的字体也是不一样的。

我们可以在电脑上打出“唯一”两个字,观察一下笔画结构,我们可以发现字体中以横画与竖画为主。


我们将“唯”字中倾斜的两笔摆正,使笔画更统一。


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


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


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


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


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

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


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

 

 

 

这个篇文章只是一个入门的细说,一个logo字体的设计做得更好的是,还需要考虑到这些字体能够体现出关键字的气氛,一种企业的文化等等细节部分的考虑

更多的ui培训文章--根据用户需求数据来驱动设计实例

如果想要学习UI设计的同学,可以到趣达学院的ui设计培训课堂进行学院喔!

原文来自:25课堂

推荐阅读