电商常用字体_20种字体设计与创意方法(超全,超实用)

dd69a8be12af6f09d90a2df1ff04f6f8.png

是不是曾经为字体设计而烦恼?福利来了~

字体均由人工设计。我们常用的各类字体是由各个字体设计师设计,即绘制或构建而成。这些设计师通常默默无闻地劳动,但其作品却被我们每天使用。就像各种书法字体一样,一个好的字体会流芳百世。

不管你是平面设计师,UI设计师,视觉设计师,电商设计师,品牌设计师,视频设计师,影视动画设计师,都必须要掌握字体设计。

希望整理的20种字体设计与创意方法,对大家能有帮助~

我们这里说的不是类似腾讯、苹果苹方字体这种标题字库的字体设计,而是文字创意设计方法。

b8ca225493e2d74ede0083ab3d27399a.png

fcfe4e671e1c45ae94de1c399df612d2.png

无论是在中文字体设计还是在英文字体设计中,融合文字含义,然后变形修饰是字体设计的一种常用手法。

字体经过艺术化变形以后,可使文字形象变得情境化、视觉化,强化了语言效果,成为更具有某种特质和倾向性的视觉符号。

1、基础修饰法

基础修饰法是一种最简单的方法,就是将原来基础文字稍微做一些变形,可以是拉长、压扁、倾斜、扭曲,然后通过颜色、添加装饰等方法,将原来的文字更具有鲜活力。

80d5ba0e0a0bdce86b902cf00c2a2cfd.png

c1f36b285a081e6bffb61880e0195cb7.png

e35105a83d5fe5f0a1b8dee5c360e081.png

2、替换法

替换法是在统一形态的文字元素加入另类不同的图形元素或文字元素,在形象和感官上都增加了一定的艺术感染力。

其本质是根据文字的内容意思,用某一形象替代字体的某个部分或某一笔画,这些形象或写实或夸张。将文字的局部替换,是文字的内涵外露。

2f955b6ce0744422409fdb6be27a306e.png

fee55fda0d18f0d9aaa181271386fd73.png

d3a8fe834d811c8c047996f6ff2ef163.png

d635df63a2aac41dd732f50c040d83c4.png

3、共用法

笔画公用是文字图形化创意设计中广泛运用的形式。 文字是一种视觉图形,它的线条有着强烈的构成性,可以从单纯的构成角度来看到笔画之间的异同,寻找笔画之间的内在联系,找到他们可以共同利用的条件,把它提取出来合并为一。通常用的方法就是笔画延伸到另外一个字,做好两个字之间笔画的衔接就好了。

fb216ee1222ab0e2ba5fc85fcdef76b8.png

ed0f49e00a2cbb78927220aa97803fc3.png

b2313a7cbadbdb93f4f034789cbbf48c.png

9a3c3b425e8454045f0502dbf9884ac7.png

4、叠加法

叠加法是将文字的笔画互相重叠或将字与字、字与图形相互重叠的表现手法。叠加能使图形产生三度空间感,通过叠加处理的实行和虚形,增加了设计的内涵和意念,以图形的巧妙组合与表现,使单调的形象丰富起来。特别是用渐变叠加,很容易产生视觉冲击力。

c4ad5254dfe6021c4f734adef89e5e60.png

6de43ed458ccaf42d85243d5fc3dceb7.png

ab285c617bef98ff957ae0bec45dee66.png

b4c1ab08021f51702f8cbd16ede247e0.png

5、分解重构法

分解重构发是将熟悉的文字或图形打散后,通过不同的角度审视并重新组合处理,主要目的是破坏其基本规律并寻求新的设计生命。 设计的目的是人与人的交流,作为设计师,学习运用符号学工具会使设计更加有效。在视觉营销的今天,把文字图形化运用到设计中,才能使作品具有强烈的视觉冲击力,更便于公众对作品主题的认识、理解与记忆。

d04959f28b24d18c9adfecfc23c41bd0.png

d2dbe80b8e6139efac4880a8781555fc.png

6、俏皮设计法

把横直线拉成圆弧线,边角也用圆角或者圆弧处理,加上色彩搭配,能作出好的俏皮可爱字体效果。

77e08834c8857645205c98be7d24f23f.png

2ea200be149371023389aeb327207451.png

3993bb4c8442ef68fc803540ba8aed51.png

7、尖角法

把字的角变成直尖、弯尖、斜卷尖,也可以是竖的角可以是横的角,这样文字看起来会比较硬朗。

a94de2ce2accd4fc6f16406a7daa96f9.png

19d68479b17a8fd026ecc83dfdf41e01.png

573feb57abf1193c85cfef7c02f11ea5.png

be22e2741f0dc57f3045c266c4f8a387.png

8、断肢法

把一些封合包围的字适当的断开一个口出来,或把左边断一截,或右边去一截。但是要注意的是,任何字体设计都是要在能识别的情况下去做处理。

09edc2624fdc0dc5780aefe23d860cd3.png

10be71d2fd47ece5b6a8601f5c7ca400.png

c4660e5d714a4b9cb1c286759fff5ae5.png

2f996cf323abf663517c4566a7d05efb.png

9、减细法

所有字的横和竖笔画都变细。

650bba37296b4c4bd7f1eb8927fb7946.png

6bc1439676009c186a5ccd9d14ad4373.png

8752a91e0218b0b7d21fb0adfb070ff5.png

5ce1d827d09e7a5d4668ffff6150bf50.png

10、错落摆放法

把左右改为左上左下、上下排;或斜排就是一边高一边低,让文字错落有致排列。

1a75b51fd7985a7b64c19c50b9394135.png

ab8eec27448d348ab8e06c11d28fc865.png

11、方方正正法

把所有字的弯全改成横平竖直,四四方方的。

7418a85b359baa4cb643d5ea4055fa0d.png

0a53985228b3afd3649bd217850dc301.png

12、卷叶法

把所有字的最左或最右横或竖或点全卷起来,像浪花一样。这种方法一般是找到一个点或线后转曲,用最下面或最左边或最右边的两个点向一边拉,以加节点的方法拉成一个圈,然后把他转成倒圆角后,留着最后面的两点,慢慢删除中间的节点。用Ai软件或者PS软件都很容易实现,也可以手绘出效果再描边。

efd5d13b711e3b8f3551110a933f177e.png

40fe2cb306d26dd3a95bcd530733e940.png

a83e9e7f20e4b888dcf41d610c7e54f7.png

13、横细竖粗法

把横比划减细,竖比划加粗。类似传统宋体字,横细竖粗撇如刀。另外,也可以横粗竖细。

bbd842e04163b2b3be87c18bf68a6d4f.png

ce84889fe7e1c6e1976432dc9b458c41.png

ec9c1df7bfd2bb6ebb2fd9f2cc015c01.png

14、上下拉长法

把字变细,然后上下拉长,类似条形码的感觉。

9a0d4a472e694351507c04e5bcab8448.png

ba42ca221a5fbd1f04d803347fac4e26.png

15、结构转变法

可以说是代替法的一种,把竖或横笔画或折换成其他比划。

adc8cd210a78464a943424b6a3017489.png

f60085e019d516df27bdff3ef356a601.png

f716d1a922598ad6605e05f315ad7bbd.png

cae7b57c9e1965aed8a6d53203518a2d.png

16、依葫芦画瓢法

先画一个几何图形,方形或矩形或星形,然后把字放进去,照几何图形路线制作字体。或者也可以将文字作为轮廓,用图形往里面填充。

795aa8cbd0dbc42611e53a73a5fa416d.png

0cb480fb8639c0bcd8b3e495c5f944fd.png

c312461b6f51e942d74a7207fa15372a.png

17、画龙点睛法

算是拉长法的一种,找到标志中的一个点或线作为重点把他拉长,使得处理好的字体,再加一笔更是画龙点睛之作。

cb901561f79664076a944377d06c4b25.png

16c35c11c0fb7dec154fc4414f72dce2.png

18、洋为中用法

大家都知道,我们使用的汉字成千上万,个个不同,而西方使用的拉丁字母,大写加小写再加数字标点符号加起来也就一百来个,在数量上和我们汉字差距很大。这就造成了被设计出来的英文字款比中文要多得多。在设计中可以借鉴英文字体的设计方式,将中文字用同样的形态表现出来。

8899c98b0b369cb769b8f12f6614648a.png

8b0c175c2462ebd2744c2ca4ba59f528.png

897d35a3ee07d4bda36f62a552f62a42.png

19、随意书写法

手写体、毛笔书法字体等都可以作为独立的一种字体设计方法。

0204572bc9784149edefd5d13f534ade.png

77e218d9f89f70a2de41c85c265a5d0f.png

20、更多创意与组合方法

每一种字体设计方法可以独立使用,也可以用多种字体设计方法来组合设计,将字体设计得更加独特和有视觉冲击力。

另外我们可以将创意的字体设计,通过各种方式做成3D或者2.5D的效果。也可以将字体设计做的更自然。

d083e8c5b021d7a4e2c6f68b71486eaf.png

5619b7a3d40027e088b79b471a44474f.png

9e9afef258c53366bd69a13f1a69db60.png

bb8e6387fd1b1847f19ae7299dc39fd8.png

文中大部分图片和内容来自网络,通过自己的理解整理。希望对大家有帮助~

越努力,越精彩

想学习和了解更多设计知识,可以V信我:wenyamwen

也可以关注我们公众号:uegood

您的点赞是我不断发文章的动力,谢谢!

下面是前段时间发表的热门文章,谢谢大家的关注

UEGOOD校长:最全面的45种平面类设计风格,掌握了不成大神都难(16~25)​zhuanlan.zhihu.com
60fc0f99e9e6d63749c7ece7c15f3c62.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值