BLOG

西文书法与手绘字体

团队活动|2015-05-22

eico share 是 eico 经常举办的设计师分享活动。无论是否有关于设计,只要是平日里习得或近日里顿悟的事,都可拿来分享。总结以往的主题,有人谈古罗马帝国,有人讲公益摄影,有人教伙伴们练瑜伽。很多时候,这不是信息的单向输出,而是一项多向互动和沟通。

本期分享人:Kyle

分享主题:《西文书法与手绘字体》

今天与大家分享⼀下西⽂书法和⼿绘字体设计,当中还穿插了一些设计方法以及设计⼯具的介绍。

为什么我会对文字设计感兴趣?⾸先,文字有很多不同形式的视觉表现点,比如形态、⾊彩和动效。拿动漫举例,⼈物是否“美型”,不同的画⻛和色彩会有不同的感觉。流畅、自然或者夸张的动作给⼈的感受也是不一样的。所以,什么样的画好看,似乎很难去用某种规律来总结。这一点,我觉得非常有意思。第二,文字设计是一种隐藏着规律的美,看似平常的字体背后可能蕴含着丰富的逻辑和理性思维。就像⼀个好的版式设计,文字做为其中的重要元素,决不是随机摆放的, 即便你并不知道其中的规律。

1201

如果你经常浏览 benhance,可以发现文字设计作品有很多种分类标签,如 Editorial Design、Graphic Design 和 Typography。这些词有什么区别,恐怕很少有人知道。其中最大的一类是 Typography,指所有与文字设计有关的设计,涵盖版式设计、字体设计、logo 设计等。

1202

Typography,我把它叫做字族或字库。做文字排版时会用到各式各样的字体,Typeface 则是一或多个 Font 在一或多个尺寸的集合;Font 是字型,现在多理解为字体文件,专指某一个字族下的某一个字重;Logotype 指 Logo 中的文字设计;Graphic 部分是指 Logo 的图形标志,超出 Typography 的部分是指 Logo 的图形标志;lettering 是指绘画字母的艺术。

1203

拿上面这个书籍封面的设计为例,整个设计属于 Typography 设计。其中的字体属于字族设计,同一字族选取了不同的字号和字重。

calligraphy 是什么?

Calligraphy is based on penmanship; it’s essentially “writing letters.”这是基于书法的一种艺术,本质上即为书写字母,就像中文书法一样有自己的不同风格。

Clligraphy 的种类

Gothic,哥特体起源于13世纪文艺复兴时期的德国,来⾃于西元 3~5 世纪侵略意⼤利并瓦解罗马帝国的德国哥特族人,书写难度很高,多见于神学文献。

Italic,诞生于15世纪,是一种较为古老的字体,易读性高、容易书写适合日常使用,几乎一笔就可以完成一个字母。

在字体样式上,Italic 其实称作“意大利体”较妥,因为它虽然外观亦是倾斜,但这种斜度脱胎文艺复兴时期手写体,在笔画中亦有保留手写的痕迹,并非单纯将字符倾斜。相对而言,Oblique 就是仅仅将字符倾斜,而没有作出具有手写风格的设计。不过 Oblique 也有分两种。第一种直接通过算法倾斜;第二种,则按照倾斜的角度重新设计。

回到 Calligraphy,Flourishing 是另外一种字体。它除了装饰作用外,还能在一段文字中起到填充空间平衡整个作品。

1204

书写工具

Calligraphy 的书写工具为笔杆、笔尖及墨水。其中笔杆又分为斜杆 Oblique Holder 和直杆 Holder。笔尖中间的镂空部分用来储存墨水,根据压力大小,笔尖会不同程度地分开从而影响书写时的线条粗细。

lettering

Lettering is based on draftsmanship, i.e. “drawing letters. Lettering 是基于绘图的一种艺术,本质上即为绘制字母,经常运用在标识设计上,比如Instagram、麦咖啡、可口可乐和一些服装品牌的 Logo。

1210

从手绘或手写草图到矢量化

把手绘字体设计转化为矢量文件,首先要确定草图,之后转入计算机中调整字间距和大小等,最后矢量化。需要注意选取路径的锚点都有一个共同点,要在路径切线的位置。首先,它减少了你节点位置的选取选项,使规划更便捷,只需选择路径切线位置的点作为锚点。

1205
1206
(以上所有图片来源于网络)

感谢 Kyle 的分享,在最后他还精心准备了纸和笔让大家进行体验。以下图为证,英文书法一点不比写毛笔字容易!

1208
1209

更多内容

洞察

你是消费者还是创造者?

正在发生

“150mm与150m的对话”

新闻News

Albert Cheng—eico space 联合创始人

正在发生

真正的设计师,从不相信效果图

正在发生

一加上海体验店

正在发生

eico design 找玩伴儿

媒体报道

Create Change 信息交互论坛

正在发生

UX TOUR 中国行

媒体报道

一加手机,做艺术的生活家

正在发生

亚马逊

正在发生

人人贷

正在发生

小鱼儿科技

正在发生

快的打车

正在发生

快的打车4.0版设计故事

团队活动

我们在 H2OS 发布会拍下了这个!

正在发生

丁香医生 × eico

正在发生

和我们一起 inspire the world!

正在发生

一加天气 App

正在发生

智能家电的用户体验设计

正在发生

黄太吉

媒体报道

手机编辑说最想看到eico做手机,你呢?

正在发生

来设计公司做 HR 大管家吧!

团队活动

欢迎 Mike 加入我们

团队活动

西文书法与手绘字体

正在发生

那些年和诺基亚造的各种神器

媒体报道

除了 Weico,eico 还做什么?

正在发生

专注互联网体验与线下空间的自然结合

荒岛唱片

eico 荒岛唱片 第一辑

媒体报道

一加启示录

团队活动

世界那么大,我却遇见了你们

正在发生

鼓浪屿对面的办公室

正在发生

eico 上海团队入住新家

设计沙龙

让停车不再困难

正在发生

Apple Watch 的一天

正在发生

美图发布会

正在发生

eico 新版网站上线

正在发生

蚂蜂窝 × eico

正在发生

阿里巴巴选择 eico

创意产品

eico 2014 生活集

洞察

CES 归来,反思智能家居“智能”化

洞察

智能汽车,我们到底应该关注什么?

正在发生

我们需要什么样的可穿戴设备?

正在发生

漫游旧金山,在诗人角落读书

正在发生

Happy New Year & de Young Museum !

正在发生

America,we are coming!

正在发生

为下一个十年而创造

创意产品

eico 限量版礼盒新鲜登陆

媒体报道

侬好,上海!

媒体报道

eico design 疯狂设计师

团队活动

Sneaker 文化分享会

正在发生

eico 与魅族,七年一同走过

团队活动

深呼吸,以设计思维探讨社会问题

洞察

TechCrunch 北京峰会:设计、科技与创业

团队活动

180分钟 创想设计

团队活动

如何与客户更好地沟通?

设计沙龙

INSIGHT 体验设计沙龙影像回顾

洞察

UI 设计的未来与 90 年代迷梦

媒体报道

更智能的奔驰还是年轻人的菜吗?

设计沙龙

INSIGHT 体验设计沙龙

洞察

一切关乎情境

正在发生

eico Creative+ 跨界合作正当时

洞察

字型,没那么简单

洞察

车内人机交互设计原则

洞察

设计师的咖啡馆 周末分享会

洞察

智能电视时代的⽤户体验机遇

洞察

FamilySearch 用研背后的故事

创意产品

九周年海报设计故事

正在发生

加入我们,让你的设计更具影响力!

团队活动

寻找不一样的沙巴

创意产品

eico 九周年生日快乐!

洞察

iOS 7 中的动态焦点设计思想

媒体报道

商业产品的设计外脑

媒体报道

从 eico 看设计公司如何探索互联网

媒体报道

走进 eico design

创意产品

eico card V2 版本已经出炉

媒体报道

MIIC 移动互联网创新大会演讲

媒体报道

右脑互联网

媒体报道

微博创业记

媒体报道

用户体验新势力

媒体报道

做 Weico 的 eico design

媒体报道

个性化 UI 的商业潜能

扫描二维码,
关注eico微信公众号

保存或扫描二维码
关注eico微信公众号

确定

您的需求已成功发送
我们将在72小时内与您取得联系

确定

合作机会

一封邮件或许正是成就一个出色产品的开端。
欢迎填写表格或发送合作邮件至:service@eicodesign.com,您也可以直接拨打咨询热线:010-59273171

*
*
*
*
  • 北京
  • 上海
  • 广州
  • 深圳
  • 珠海
  • 厦门
  • 杭州
  • 南京
  • 武汉
  • 西安
  • 成都
  • 重庆
  • 青岛
  • 沈阳
  • 其他
  • 汽车
  • 通信
  • 智能设备
  • 行业方案
  • AR/VR
  • 出行
  • 医疗健康
  • 供应链
  • 零售
  • 媒体
  • 餐饮
  • 家电
  • 金融
  • 投资
  • 旅游
  • 娱乐
  • 效率工具
  • 社交
  • 电商
  • 其他
  • 需要现在开始
  • 1个月左右

媒体联系:press@eicodesign.com