loading请求处理中...

字体UI设计,这一篇就够了

2021-12-02 00:59:06 阅读 11824次 标签: ui交互设计游戏ui设计 作者: a454466904

  关于字体设计很多人的状态是看过了很多教程,依然不知道从何入手。字体做为信息传达的基础,在目前整个设计领域应用都甚为宽广,如LOGO、创意广告、电视包装、H5标题、海报等等,可以说有标题的地方就有字体设计。作为一个设计师,这可以说是必备技能没有之一,即使你没有设计理论基础,绘画基础,但我觉得人人都可以做字体设计

字体UI设计,这一篇就够了

  当今软件和科技的发展飞快,C4D和AE动效的软件应用也越来越广泛,我们可以用各种材质或形式来展现字体,但是遵循的字体设计原则不变,所以字体设计基础尤为重要。

  字体设计需要掌握的四个方面

  1.设计原则

  从需求出发,从字义出发,形义结合。

  这是决定字形设计方向的基础原则,艺术的本质是尝试更多的更能性,设计的本质是确定少的可能性,通过确定原则我们排除掉一些错误选项。同一个字体,通过设计可以变化出无数的可能性,这就是字义到字形的过程。

  易于辨识

  设计也要把握好度,当字形无法识别的时候再好的设计别人也看不懂。

  (同样一个融字,可以变化出无数的字形,字形的不同给人表达的字义感受也不同,这个字我做了几十个方向的尝试,不断的推翻再来,求这个字给我留下的心里阴影面积)

  2.重心与结构

  敲黑板!划重点,这是字体设计的重点与难点。

  德国字体设计大师Erik Spiekermann曾经说过:“重要的不是设计黑的部分,而是设计白的部分”,这里的白指的就是负形空间,只有负形空间的均衡,才能达到舒适的视觉感受,中文西文也相通,字体和图形都一样。

  重心与结构就是字体的视觉中心和空间结构的分布,寻找字体的视觉中心在哪里,确定笔画正负空间的对比程度,笔画可以看做是正空间,留白可以看做是负空间。视觉中心会决定字的结构看起来是否稳定偏移,正负空间的会决定笔画的位置和字体的性格。

  最简单易懂的方式就是通过对比基础的字形找字体重心与结构,通过常用的黑体字对照自己设计的字形。(这种方法的应用较广,但并非所有的字形都要如此)

  此外还有几个重心结构的基本规律:(规律只做参考,切勿死板硬套,还是根据设计情况来定)

  字体重心

  非字体正中心,是视觉中心,因为人的视觉中心都是靠上的,所有对照所有的标准字库字形,字形的重心都比字体之正中心靠上,这样出来的字形让人视觉上感受最稳固。

  上下对比

  在做一些纤细雅致的字体的时候,往往都会字体重心靠上,拉长字形的下部,这个可以当做是看一个九头身的美女或者欧巴的大长腿,让字行看起来更加的精致同时增加了纵向空间,让字体正负空间增大更便于设计及识别。

  在做黑体字的时候,遇到正负空间压迫感强的情况,我们往往会在笔画上面进行粗细对比或者正负空间进行粗细对比,这样的结构更加平稳,同时让字体在负形空间极端压缩情况下通过对比的方式,保证设计感及识别度。

  3.字体的性格

  字形千变万化,性格也各不相同。

  力量感:兰亭特黑、超纲黑等负空间小的黑体字,关键词:男性、游戏、运动、强调。

  轻盈感:兰亭细黑等负空间大的黑体字,关键词:女性、文艺、正文、轻巧。

  童趣感:幼圆、丁丁手绘体等儿童手绘字体,关键词:儿童、活泼、童趣、幼稚、随意。

  庄重感:方正风雅宋、楷体等书法传统字体,关键词:严谨、庄重、官方、古代、中国、传统节日。

  古典与现代:衬线体与非衬线体,现代与古典,现代很多国际品牌的英文LOGO都是基于非衬线体设计,而一些复古的电影海报上面还是会用到衬线体。

  4.造字的方法

  矩形造字法

  矩形造字法就和名字一样,在软件里面通过矩形图形来堆造字体,可以通过修改标准字库,或者通过矩形方式拆分笔画横折、横、竖、竖钩、撇、点,来延展字体的设计风格。

  新手推荐,最易上手

  应用最广泛,普遍使用(标志广告标题海报设计等等)

  矩形形状规范,方法灵活:在基础字形做好的情况下,可以增减锚点、设计棱角、倾斜笔画等)

  钢笔造字法

  相对有趣,通过线条的勾勒转折,字体统一由不同的线条组合起来,可以根据需求对笔画粗细进行统一调整,根据不同的主题使用效果,如圆角、画笔效果等。

  趣味灵活,可以根据笔画的特点及笔画周边环境,对笔画进行创意提升:笔画的繁化、笔画的简化、图形的代替,只要想到就可以大胆的尝试。

  组合造字法

  大部分情况下,组合造字法由矩形方法和钢笔方法组合而成,一般由矩形组成主体字,延展部分由曲线笔画或者线条组成,一方面用“矩形造字法”让字体端正有序,另一方面用”曲线造字法“表现字体的情感,渲染气氛。

  工作量与难度最大,往往需要反复的调整尝试,保证衔接的自然、顺畅以及整体性,可以先用画笔或在纸张上面绘制基本形状,再调节粗细、瞄点和方向,执行拓展后反复调整。


产品/UI设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
产品/UI设计相关任务
DESIGN TASK 更多
为APP设计一款logo

¥1200 已有192人投标

车辆服务公司logo设计

¥1600 已有120人投标

生活用纸外包装设计

¥1000 已有6人投标

卡通防蚊喷雾详情页设计+主图

¥1000 已有0人投标

电动车充电桩设计

¥3000 已有1人投标

3D图设计

¥100 已有1人投标