UI设计成长笔记 No.5

本期目录

设计理论

设计欣赏


ONE / 设计理论


1.1 免费可商用字体汇总


思源黑体
思源宋体
思源柔黑体
Droid Sans Fallback
站酷高端黑
站酷酷黑
站酷小薇logo体
站酷意大利体
站酷快乐体
方正黑体
方正书宋
方正仿宋
方正楷体
旁门正道标题体
郑庆科黄油体
濑户字体
花园明朝体
ORADANO Mincho 明朝

以上为近期整理免费可商用字体,大家可自行下载

1.2. 根据设计风格来选择字体

高大上风

高大上风格的设计一般都比较简洁,画面元素的质感很好、背景比较干净,所以不宜使用太复杂、太随性的字体。
宋体和比较细的等线体是比较不错的选择
例如:汉仪长宋、汉仪中宋、华文宋体、方正大标宋、方正书宋、方正兰亭纤黑和超细黑等,而且最好不要给字体增加过多的效果。

年轻时尚风

针对90后所做的设计,关键词是:时尚、个性、年轻、叛逆等,
设计风格普遍都是色彩艳丽、表现形式新颖、动感较强。
所以应该选择比较有设计感、有张力的字体,太规矩的字体会显得有点呆板,
例如:站酷高端黑、造字工房尚黑、造字工房力黑、造字工房形黑、造字工房版黑、锐字巅峰粗黑、逼哥青春简体等,都是比较好的选择。

可爱风

可爱风设计主要针对人群是儿童和年轻女性,
颜色饱和度比较高,画面活泼、温和有趣,
所以选择的字体也应该符合这几个特点,像比较硬朗和规矩的造字工房字体和宋体在这里就不合适了,
我们应该选用比较圆滑、亲和力较强的手写体和卡通字体,
例如方正少儿体、汉仪粗圆简体、站酷快乐简体、华康少女文字、汉仪娃娃篆体、汉仪荔枝体、华康娃娃体、迷你胖头鱼体等等。

文艺清新风

文艺清新风设计是年轻女性很喜欢的一种风格,
例如一些护肤品、服装广告、h5的设计就很喜欢使用这种风格,
为了统一协调,我们选择的字体当然也要清新脱俗,
硬笔书法字体、细长的宋体、等线体都具有这一特色,
如:钟齐安景臣硬笔行书、凌惠体、方正静蕾简体、汉仪家书简体、华文宋体、方正幼线简体等。

男士风

针对男性消费者的设计自然与女性的不会一样,
男性设计更倾向阳刚、大气、简单、冷酷,颜色上冷色调偏多,所以我们要选择简洁有力的字体
如:造字工房力黑、方正兰亭特黑、大黑、腾祥潮黑、锐字锐线怒放黑体、蒙纳超纲黑体、沙孟海书法字体等。

中国风

中国风是客户很喜欢的设计风格,特别是在跟茶叶、保健品、土特产、瓷器相关的设计中比较多见,
中国风的设计当然要配色中国风的字体,
像宋体、楷体、隶书、毛笔字、都是具有中国风特色的字体,
具体可以选用:华康俪金黑、造字工房刻送、方正楷体、方正华隶简体、汉仪字典宋体、方正珊瑚简体、禹卫书法行书简体等,书法字体比较少很好的现成字体,最好是叫专人手写或者用笔刷拼凑

手绘风

手绘风格的设计一般具有自然、好玩、开放等特性,画面中的文字要很好的融入画面,不要抢了画面的风头,
所以我们选择字体时也要以手写字体为主。
例如:汉仪小麦简体、汉仪跳跳简体、方正喵呜体、方正稚艺简体、造字工房童心体、文鼎奈谷米POP体等,如果你字写的不错,也可以自己动手写

促销风

对于促销海报、促销单张、促销折页这类促销设计,主要目的是吸引消费者的注意、突出优惠信息等,
所以要选择笔画粗且清晰有力的字体,
例如方正兰亭特黑、方正正大黑、庞门正道标题体、方正汉真广标简体、雅坊美工14、造字工房力黑、造字工房典黑等等

源自:亿品元素



1.3. 设计师常用中英文字体汇总

中文部分

精致黑体字形

汉仪旗黑
冬青黑体简体中文
方正兰亭黑简体(方正最火的黑体系列之一,现代感很强的黑体字)
方正悠黑 (我个人非常喜欢的一套,笔画字型都很精致)
思源黑体 ( 我本人用的最多的字体,因为易用耐看,而且是免商用!)

优美宋体字型

方正书宋简体
方正兰亭刊宋
思源宋体(前段时间刷遍朋友圈的字体,以后宋体字不用愁)
造字工房俊雅锐宋(造字工房这套字强化了宋体“横细竖粗”的特点,同时又去掉了笔末装饰,让这套字体整体感既有设计感,又不失传统韵味。)
造字工房言宋

现代美术字型

文悦新青年体(这套简直就是网红字体,应该是近期最火爆的一款,适用性很强,特别是用在海报,banner等设计上,像奇葩说这些综艺用的也是这套字体。)
文悦后现代体(文悦科技这两套字体我个人都特别喜欢,设计感很强的美术字体)
造字工房尚黑(造字工房早期的字体)
锐字逼格青春体(虽然字体名字有点low low的,但是有时候会用得上这类字型)
GD-高速道路ゴシック(这套是日本字体包,但里面有很多汉字可以借鉴,日本字体的字型处理总有一种独特的味道。)

韵味复古字型

方正清刻本悦宋简体(曾经很喜欢这一类的刻本的字型,还有另一套爆款:康熙字典体,正因为这两套的影响才有了后面设计“燕安字”的想法。)
文悦古体仿宋 (我一直都有在研究如何将仿宋的字型现代化,文悦这套字做的是很不错的,很有味道。)
方正宋刻本秀楷简体
造字工房黄金时代 (这套字体很有明国时期的复古感。)
字酷堂黄自元楷体

传统书法字型

叶根友刀锋黑草(叶根友的系列字体中我比较喜欢这一套,挺有气势的。)
李旭科书法(书法在日常的版式中我比较少用到,个人更多的是在学习书法的起笔落笔等,对我做标志设计有很大帮助。)
段宁毛笔行书

日式毛笔字型

味わい毛筆(日本的毛笔字库比国内的多很多,很多字型都值得参考学习。)
京円
白舟行書教漢
大髭

英文部分

无衬线体

Futura
第一个果断是Futura,因为我常接触时尚类的品牌,而Futura灵感来自包豪斯,也就是继承了包豪斯极简的设计理念——锐利、简练,不过也有点性冷淡的感觉。设计师保罗伦纳在1924年至1926年首次创建了Futura。

Helvetica
当你想不到用什么字体的时候,用Helvetica准没错。苹果的御用字体,甚至很多著名标志也是直接用Helvetica来做。例如我母校UAL的LOGO,就是用它作为标准字体。还有一本书叫《Helvetica 字体传奇》,专门介绍这个字体的历史,可以买来看看。

Uni Sans
Uni Sans无论是字型还是笔画,都是很有未来感的字体,适合用于时尚感较强的设计中。

Nexa
我喜欢用Nexa来当标题,因为它笔画很简练,设计感也强,很适合作为超大的标题使用。

DIN
DIN就不用多做介绍了,易用,好看。

Haettenschweiler
运动感十足的字体,当然,这类长款的字型也可以满足很多版面需求,建议下载试试看。

衬线字

ChunkFiveEx
ChunkFiveEx是一款粗衬线字体,是衬线字的一种,特点是笔画和衬线特别粗,这类字体相对其他类型的少很多,也是适合用在标题当中。

Baskerville
比较常规字型的衬线字,但是相比传统衬线字Time来说,又多了一些的现代感。对我来说,在无想法的时候,无衬线Helvetica是首选,衬线就是Baskerville首选,我最喜欢它的斜体字型,很好看。

Arctic
我个人觉得Arctic是无衬线字的笔画字型,然后加了点衬线装饰,是处在中间地带的位置,重点是还不错看。

Didot
Didot时尚时尚最时尚,虽然被用烂,但是还是属于耐看型。

Bodoni
Bodoni也是比较著名的衬线字体,诞生比Didot稍微晚,两者常被人拿来比较,个人觉得Bodoni更加好用。

源自:优设@设计便利店
优设@设计便利店






TWO / 设计欣赏


2.1. 插画欣赏 | Llive, Llaugh, Llove Llike a Llama

一只超可爱的羊驼
感觉可以给自己下一套表情包做参考。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

源自:Alena Tkach


2.2. Renn Qin 插画欣赏

1
2
3
4
5
6
7
8
9

依然是粗壮身体风格的插画。
脑袋的画法有种法式风情,手都超大,腿都超长,服饰都很时尚。
给每种风格的每个部分都有一个明确的设定,这样风格就会更统一。

源自:Renn Qin



2.3. 插画欣赏 | Markconlan

1
2
3
4
5
6
7
8
9

脑袋超级小,加上平宽肩,粗壮萌更加明显。
Markconlan的配色也很美,暖色暗色相结合,冷色暖色相结合,很美。
而他的线条更简洁,基本很多细节能略去不表现,展现出一种简约美。
很想知道他用的彩笔是哪种,竟然覆盖力还蛮不错的。
以后也想多尝试尝试在卡纸上作画。

源自:Markconlan

想有更多交流欢迎添加本人微信:Cymaizi

1



comments powered by Disqus