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

很多的移动APP图标的logo设计都是有一些字体转换设计而来。比如美团的APP图标LOGO,支付宝的APP图标logo、天猫的APP图标logo等等。

如果大家有兴趣可以去看看APP store排行榜上的前100名APP。至少有10几个APP图标logo都是用文字来演变的。

App Store 上前 100 位的 app 榜单地址:

下面就跟随25学堂的小编来一起学习字体设计入门教程的案例:【唯一】 字体设计。

今天的主题是“以少胜多 以一挡十”,通俗地说就是字体设计中的笔画省略,在开始之前我们不得不提一下“格式塔心理学”,这是我们省略字体笔画的理论基础。

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

字体设计背景分析:

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

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

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

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


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


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


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


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


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

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


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

这里25学堂只是跟大家抛砖引玉一下。更多字体设计教程可以前往字体传奇网站和京东高手之路 字体设计强化篇。

内容来源:http://jdc.jd.com/archives/1161

文章来源:25学堂

(0)

相关推荐

  • 网页设计对字体设计的要求有哪些?

    操作方法 01 网页字体的使用一般选择宋体等比较常用的字体.不要出现生僻字体,防止用户因没安装对应字体造成显示错误.在网页中Arial就是一种字体的名称,默认的浏览器定义的标准字体是中文宋体和英文ti ...

  • LOGO字体设计教程

    在LOGO平面设计来讲,汉字无疑是人类社会有史以来最伟大最成功的设计.它以最为简单的设计元素,运用最丰富而复杂的设计手段,设计出了一件又一件恒定而单纯的"产品",并使这些产品的内涵 ...

  • CorelDRAW实例教程:字体设计详细流程

    摘要: 本例为CorelDRAW设计实例教程,在教程中我们将学习运用CorelDRAW配合Photoshop制作东方热线的LOGO"花旦榜",主要学习如何对系统字体进行变形改造,拼 ...

  • CorelDRAW实例教程:“花旦榜”字体设计流程

    本例为CorelDRAW设计实例教程,在教程中我们将学习运用CorelDRAW配合Photoshop制作东方热线的LOGO"花旦榜",主要学习如何对系统字体进行改造加工,拼接,上色 ...

  • 刘兵克字体设计经验分享-我的字体法则01(字体教程)

    小编说:字体设计除了PS制作特殊的效果外,最主要的还是构建字体的骨架.有了基础的字体架构再加上苦学酷炫的效果,那定是极好的! 自己没有,这不算是个完整的教程,写的不够细致,大家有什么建议和疑惑都可以告 ...

  • 字体设计技巧与效果制作(PS教程)

    小编:作为设计师,我们总想将自己的想法放到每一个细节上,大到整体设计,小到字体的锦上添花.今天@陌子轩同学为大家分享一些字体设计的技巧,适合刚入门的设计和不会AI又想做字体的新手.下面的字体制作主要以 ...

  • 创意“福”字体设计教程【PS教程】

    前几天在网站上发布了设计师含宗的一套作品"充满创意的字体设计",大家纷纷为设计师的创意点赞,并强烈要求出一份教程.今天,教程上线(好激动),一起来学习下吧~ 一.创作背景: 毕业到 ...

  • access数据库入门教程之使用设计视图创建窗体

    如今是信息化时代,科技迅速的发展,很多事情都要用到电脑,特别是对于数据的处理,所以我们不仅要会使用电脑,还要学习一些办公软件.今天就让我来教教你access数据库入门教程之使用设计视图创建窗体吧! 操 ...

  • logo设计中的中文字体设计的10种方法

    logo设计中的中文字体设计的10种方法 方法 01 连接法--结合字体特征将笔画相连接的形式 02 简化法--根据字体特点,利用视觉错觉合理地简化字体部分笔画的形式 03 附加法--在字体外添加配合 ...