三个字读懂淘宝字体设计

2015-12-21

淘宝设计中如何根据页面风格和要求设计使用适合的字体呢?

想必大家也很疼。现在字体太多了,衬线字体,粗体,花体...然而我们经常用的就那几个。做出来的页面总是千篇一律,偶尔会根据风格不同做一两个字体的调整,难道只能这样吗?

中医学中对人的研究常常会从人的精,气,神入手,人的生命起源是“精”,维持生命的动力是“气”,而生命的体现就是“神”的活动,三者结合就组成了一个正常人的全部;而作为人类思想载体--文字,在设计中因字体设计的不同也存在其内在的“精”,“气”,“神”。


什么是字体设计的精、气、神呢?


字精——字体设计的本源(母体)


任何一种新字体的诞生都不是孤立的,都是在前一种字体的基础上创新而成的(从篆体到隶书,再到楷体,再到宋体,最后到现代的黑体,都是如此,在前人的基础上进行的再创造)。


同时,某一大类的字体,也是在会在原型字体中发展出多种不同的字体。

方正黑体系列,虽然他们在外形和感觉上会有很多的不同,但他们都属于黑体系列,因为他们有共同母体方正黑体——这就是他们的字精。


因此在做字体设计时,不要想着原创,特别是对于初学者(除非你是神一般纯在),我们可以根据画面风格和实际的需求先去选择你所需的字精(母体),然后加入自己的创造元素最终合成出我们预期的字体。


字气——字体设计的型体核心

设计中为什么要对字体进行设计呢?

因为原有的字体无法满足设计师对于画面的表现,无法更好的承载设计师的思想和理念。因此,字体设计的动力就是承载设计师的理念和思想,并将思想和理念具象化,通过设计的字体的形体表现出来。

那么如何塑造字气,将设计师的思想具象化呢?

接下来介绍几种常用的字体设计方法:

1.移花接木

移花接木(字体嫁接)首先要了解它的结构和组合形式,也就是笔划的来龙去脉,嫁接一般使用在文字笔划的开始和结尾处,这样字体会比较符合章法上的逻辑,使其显得更加张弛有力,同时也会使得嫁接更加自然更容易把握其效果,最后中间区域也可稍加修饰,使其整体更加统一和谐,这个由字形而定。

禹卫书法行书简体



2.移形换影

通过字意本身所表达的情感,以图像的形式巧妙的把图形与字体结合起来。

比如时间你就会联想到钟表 ,爱情你会想到心


“看电影”你就会想到胶卷电影转轴;   夏天就会让人联想到西瓜


3.缺省变形

把一些整体包合的字,适当的断开一口出来 或把需要设计的字体向一个方向统一缺省变形(注意:省却变形的前提是保持字体的可识别性)。

重点:要在不影响字体识别性的基础上进行缺省变形,从而表现字体的与众不同的特点和情感。


4.横细竖粗

将字体统一竖线加粗横线统一缩细,笔画简化,细节统一调整(加斜角,做连体)使设计的字体更加和谐统一。

字神——字体设计完成后所表现出的气质与性格

字体在设计时承载了设计师的思想和理念,就有了它自己的气质与性格,从而给画面带来不同风格和感觉,在字体设计前应明确字体所要表达的风格和气质,设计字体时据此对字体外形的进行统一设计、调整。

那么经过设计的字体会有哪些不同的气质和风格,每种风格如何设计和使用呢?


1.阳刚男人

气质:字体呈现出来的感觉是规整、粗狂、硬朗、刚毅、稳重挺拔、力量感给人简洁爽朗的现代感觉,视觉冲击力强

字体外形:粗大 棱角分明 笔直 突出挺拔

适用范围:活动营销,男性产品页面,男装、电器,机械,电子科技产品...


2.如水女人

气质:秀丽柔美、优雅、奢华高档、柔软、细腻,知性,

字体外形:柔软纤细线条,流畅苗条曲线  

适用范围:珠宝配饰、女性用品、情人节、化妆品、女装、母婴用品、爱情/婚庆服务...


3.古朴风韵

气质:古雅韵律、朴素无华、怀旧情怀,苍劲、简约有力,富有传统文化内涵

字体外形:浑厚有力,苍劲书法,富有意境

适用范围:传统手服饰,工艺品,家具,民族特色产品,文化服务,活动营销...


4.年轻活力

气质:活泼有趣、具有新鲜的节奏感、色彩明快,潮流时尚前卫,生机盎然

外形:异性 有趣味 随意

适用范围:新潮产品,潮流服饰,食品,电子产品,时尚前卫产品...


总结:

精气神,构成了字体设计的全部,字体设计根据画面的主题风格选择适合的字体,然后将设计师的思想和创意融入字体设计中,对字体进行再创造。设计出的字体不仅具有美感和创意而且更多的承载画面主题和风格;最终,不仅把主题传递给用户,而且还要感动用户,唤起用户美的感受。


本文由北京洪海龙腾电子商务有限公司原创提供

-----------------------------------------------------------------------------

更多干货内容,请登录://amp.taobao.com/

关注AMP(阿里妈妈营销拍档),获取最全面的电商营销资讯与服务。