码迷,mamicode.com
首页 > 其他好文 > 详细

logo字体设计入门案例

时间:2015-10-18 21:28:31      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:

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

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

 

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

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

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

 

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

 

技术分享

 

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

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

字体设计背景分析:

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

技术分享

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

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

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

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

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

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

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

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

技术分享

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

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

 

技术分享技术分享

 

 

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

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

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

原文来自:25课堂

logo字体设计入门案例

标签:

原文地址:http://www.cnblogs.com/qudaxueyuan/p/4890154.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!