搜索
免费下载
设计灵感
设计规范
👑
充值会员
流体渐变
渐变配色
色彩搭配
注册
登录
首页
探索
素材分类
AI绘画
AI工具导航
素材专辑
UI设计
APP设计
原型demo
GUI
小程序界面
网页UI
网页设计
原型demo
软件设计
字体下载
衬线字体
非衬线字体
圆角字体
手写字体
网页字体
图标字体
书法字体
交互动效
加载loading
转场动效
ICON图标
面性图标
线性图标
拟物图标
2.5D图标
卡通图标
像素图标
按钮图标
多色图标
活动图标
插图/插画
扁平化插画
多彩渐变插画
2.5D插画
样机贴图
手机样机
名片样机
动画样机
电脑样机
笔记本样机
穿戴设备样机
UI作品样机
设计导航
首页
探索
素材分类
AI绘画
AI工具导航
素材专辑
UI设计
网页UI
字体下载
交互动效
ICON图标
插图/插画
样机贴图
设计导航
一招玩转矩形字
搜UI
>
文章/作品
>
设计教程
>
设计规范
© 共享素材,请勿商用
举报
UI自学
发布时间:2020-05-08
关注
“矩形造字”是字体设计中最常用的一种方法,俗称方块拼接法。就是利用Illustrator中的“矩形工具”来绘制各个笔画,通过连接笔画、断笔、加入一些小创意达到字体的设计感。跟“钢笔造字”比起来“矩形造字”的横竖笔画的宽度有了较大变化,因此对字型负空间的调节就显得相当重要了。处理矩形字的“手段”有很多种,今天就简单聊下造字的方法,为了让我们更简单易懂的去学习矩形字的一篇文章。下面就具体看看这到底该怎么用!以下部分案例图片引自网络
字体设计应用真的是非常广泛,它存在于我们生活的方方面面,除了睡眠时间,其他时间我们想看不见它都难。字体在品牌标识、书籍装帧、宣传海报、电商网络...都会看到它形式各样的身影,特别是最近几年。字体设计在平面设计领域发挥着越来越重要的作用,有着不可忽视的地位。
如果我们在只改变字体细节装饰等情况下,如何让它能更换一种字型、成为另外一种风格?字型结构如同人的骨骼、整体构造后天没办法改变但是你可以通过服饰的穿搭来随时转变,就如同人的骨骼、肉和服饰穿搭一般,并一一对应,才能传达出字体的气质。我们来个简单的形象对比,感受一下,如下图。同一个人在只改变服饰穿搭发型等外在元素的着装风格,这些外在的形象在一定程度上绝对影响一个人的气质/性格。同理字体的结构、笔画、细节的变化也可以反映出一个字的气质/性格。
通过上图,我们看到了服饰穿搭的变化会把人的气质提升n+1个档次。那什么是矩形造字?其实就是通过基础字形的骨架不断的去换笔画、细节的差异,塑造出形式多变的字体,从而给人带来不同的视觉感受。一幅优秀的字体设计,能够在最快的时间准确地向用户传达出字体情感,这就是字体设计最大的魅力所在。
1、矩形字的结构如何快速搭建?我们知道了矩形字是基础字型,那么我们怎样才能最快速度的做出矩形字、又怎样把它去做变化呢?首先我先说一下我理解的如何快速搭建文字结构、可能不是最好的方法,但肯定也不会是错的方法(不仅限于这一种方法)如果有更好的方法我们可以学习更好的,不要被我的方法束缚住。(仅作为抛砖引玉,不是引杠精...)
字形、结构和重心的调整矩形字结构的变化对于字体整体气质的影响最为直接。我们先在基础字形上稍作调整,参考字形是“方正粗谭黑”这款字型很接近于我们做的矩形字,方方正正,有种厚重感、力量感,不论是用在电商banner上还是海报上面都是不错的选择。先对方正粗谭黑进行字形调整,这种字体最典型的特征就是重心考上,上紧下松,笔画粗细得当。所以用这款字形为原型是比较合适的,参考粗谭黑搭建出新的字形。水平结构调整,粗谭黑体字形重心靠上,上紧下松,有一种紧凑感。对“雷”字进行上下结构和重心调整,使其字面平稳、视觉均衡,让字体看起来更加简洁整齐。
no.01是刚搭建好的字型,no.02-04是做的微变化,斜切、加一些小的切角装饰让字更具有力量感。切角不是随随便便的裁切,一般是在两个相交的笔画处做切角的处理,适当的加一些切角可以增强字型整体的立体感,字型结构空间会变得更加透气,字与字之间的关系也就多了些层次和变化。好了,基础的矩形造字就不多说了有不明白的看之前的文章,今天的重点在后面。(敲黑板,各位老铁往下看)
二、如何快速提取笔画笔画是字体中最基本的单位,笔画的设定对于整个字体气质的表现也比较重要的,笔画的装饰塑造出形式多变的字体,不同的笔画所带来的视觉冲击力也是截然不同的感受。我们刚接触字体的时候怎么去提取笔画呢?自己做?别闹多麻烦老衲打开站酷\花瓣\be咔咔咔就是一顿骚操作。先找风格最重要兄dei...
先来个示范操作一下,我们想做一个同风格的字体,直接上手做这种字型可能会有点点的麻烦。它是一个从简单到复杂的过程我们一步步的拆分来看,把它当做矩形字、完事加笔画装饰、之后整体调整让这组字体更加协调统一。红色区域是这组字体具有代表性的笔画我们先提取出来。
笔画用提取的笔画,横竖撇捺点竖弯钩就没有都整理出来,没有细扣笔画细节,主要看效果。咱们看no.01字型是直接从粗谭黑改的,后期加上我们参考的字体笔画装饰,做的no.02字型。最后一步进行斜切处理,将字形倾斜。斜线比直线更有动感和力度,这是线条带来的视觉感,进一步加强字体的气质。这组字的笔画比较简单,没有进行过多的处理直接替换了细节装饰,对比01字型会显得更有特色一些没有那么平庸。
什么才是机甲风?每个人的理解都不一样...能够联想到一些科幻、硬核、很酷等这些关键词。机甲,意即是“机械动力装甲”,一般出现在科幻或超现实的影视、游戏和小说文,现实中也有人尝试创作这类科技。原意中的机甲一词基本指的是类似于《钢铁侠》的动力服,但随着日本ACG作品的影响,现今有大多数人对机甲的印象都是由人类操作的大型机器人,一般定义为战争兵器,例如我们熟知的高达。看完这些之后,我寻找了一些比较科技硬核机甲风的素材咱们先瞄一眼(敲黑板、划重点这些都是要考的)
素材我找出来了,可提取元素我也做出来了。完成这一步之后我们再去给它(no.01字型)增加细节,至于是增加哪方面的细节?需要我们去把提取的一些参考提元素融入到字体中,让字体显得更有设计感、更机甲风。
对比下字型结构还是我们最初的结构,我们在保证结构不变的情况只变换装饰让字体气质上发生变换~给人带来的直观感受也是不同的。字面、字重、以及笔画的粗细变化是调整字体个性化、气质变形过程重至关重要的一步。关于字体重心调整的相关内容,请看下一篇文章(想好了就写...)学习要点:在原型字体的选择过程中,要充分分析项目背景特征,选取接近项目特征的字体为原型,后期增加装饰或者变形会更加简单、快捷。其次原型字体的笔画粗细,对字体风格也起到了关键性的作用。1.直线字体看起来更粗壮、稳健、庄重感,适用于常规主题字、主kv等中规中矩的字体设计。2.斜线具有力量感、视觉动向的引导感,倾斜度越大,运动视觉引导感越强,合理的对字体斜切处理,能够有效的加强字体动力气质的作用。3.曲线非常适合女性主题的字体设计。合理运用这三种字形的设计,根据主题灵活变化,合理地变换字形笔画,融合直线、斜线和曲线元素能够让字体更具有设计感。关于造字的方法,每个人都会有习惯的方式,以上是自己觉得实用的一些小方法,不一定是非要按照如此的一个步骤;一个优秀的字体设计作品也绝非一步两步就能完成,更多的时候需要你不断地尝试、调整细节,当你做得足够多足够熟练的时候,你也会找到属于自己做字的方式和风格。方法都告诉你了,赶紧操练起来吧!~
UI自学作品
其他设计规范
最新素材
其他设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
Load More
最新素材
收藏
像素图标
收藏
原型demo
收藏
APP设计
收藏
原型demo
收藏
面性图标
收藏
线性图标
收藏
线性图标
收藏
多色图标
Load More