广告字体设计有什么技巧

字体设计的几种方法

代替、共用 叠加 尖角 断指 错落连接 方正 横细竖粗 字体连接 随意手写 曲线 图型 拉伸

1、替代法

替换法是在统一形态的文字元素加入另类不同的图形元素或文字元素。其本质是根据文字的内容意思，用某一形象替代字体的某个部分或某一笔画，这些形象或写实或夸张。将文字的局部替换，是文字的内涵外露，在形象和感官上都增加了一定的艺术感染力。

2、尖角法

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

3、断指法

把一些封合包围的字,适当的断开一口出来 , 或把左边断一截,或右边去一截；重点：要在能识别的情况下适当断肢,从而反射他的与众不同的特点来。

4、错落摆放法

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

5、方方正正法

把所有字的弯全改成横平竖直,四四方方的。 本身的特点是简洁鲜明的，便于设计，对熟悉字体结构有很好的帮助。

6、横细竖粗法

可以说是代替法的一种,把竖或横线或折换成其他相反交替而成。 笔画简化，在字体中加入个人情感和生活，可以准确的创意方向，设计出合适自己的字体

7、随意手写

原笔迹的手写体总给人也亲切的感觉，《那些年》追忆的正是校园时期的青葱岁月,手写字每一笔都不可复制，每一划都触景生情。

对于一些眼睛有一些不太好的老年人，确实很难看清现在的手机上的字，我给我老花眼的外婆把手机的字体调到最大，她还是觉得看不太清，得带上老花镜看，那么到底那些字适合他们看，能看清不会显得模糊呢，我做设计的当然得试一下。

我首先想到的就是思源黑体，我在设计中最常用到的字体。首先当然是因为他免费商用，然后他的字体横平竖直，也和苹果的“萍方”字体、方正的黑体非常像，而且需要粗一点的笔画，让老年人更加清晰的看到字体，当然最重要的还是要放大字体，不然也看不清。

第一个理由当然和上面一样因为是免费字体，其次这个宋体对于老年人来说更为熟悉，为什么呢，因为以前的报纸、印刷都是用的宋体，和现在不一样，现在流行简洁都是用的黑体。用宋体的好处就是笔画都能看清，而且老年人也熟悉。宋体是带有中国传统书法文字的笔锋的，比如横上面最后那一个回锋，横细竖粗，也更适合老年人一直以来的书法概念。

当然楷体也分很多种，但是我们这里单单讲这个楷体的风格。这个就是非常传统的中国书法风格，也是老年人最为熟悉的一种风格，因为以前的时候手写书法正式的都是用的楷书。那么楷体就是楷书的电子版，不过也因为楷体的多样性，可能很多老人看了不习惯，所以这个放在最后推荐。

现在很多设计想不到老年人这个群体，其实我们应该多关注，就比如字体问题，还是要多放大、加粗，对老年人会比较友好。

极细体：

1.汉仪旗黑体25s

2.昆仑细圆体

3.方正兰亭超细黑

4.方正盛世楷书

普通身材：

1.方正兰亭纤黑

2.方正品尚黑简体

3.方正清刻本悦宋简

4.方正宋刻本秀楷简

5.方正悠黑简体

6.方正正纤黑

7.汉仪PP体简

8.汉仪南宫字体简

9.汉仪旗黑50S

10.汉仪晴空体

11.汉仪全唐诗简

12.汉仪润圆 45W

13.造字工房 情书体

中等身材：

1.冬青字体

2.造字工房 尚黑体

3.造字工房 尚雅体

4.造字工房 悦黑体

5.造字工房 悦圆

粗体：

1.方正粗活意简体

2.方正粗雅宋简体

3.方正方魅简体

4.方正风雅宋简体

5.方正汉真广标简体

6.方正综艺简体

7.汉仪霹雳体简

8.汉仪圆叠体简

书法字体：

1.白舟草书

2.方正榜书行简体

3.方正黄草简体

4.方正启体简

5.方正瘦金体

6.李旭科书法

7.颜体

8.禹卫书法行书简体

以上为方块字的的推荐篇~过几天会整理出治愈 字篇 ~希望大家多多支持~另外也希望大家支持正版字体~

视觉设计和美工的区别在于，美工是视觉设计的起点，视觉设计更像是美工的升级版。具体的区别如下：

1、工作内容的不同

 美工一般精通的是Photoshop等一些设计软件，对于颜色的搭配，创意等进行处理，通过现有的资料对图处进行优化是美工善长的工作，比如有网页美工、三维美工以及影视或美术中所用到的美术工作，都是美工善长做的；而视觉设计的工作要更复杂一些，不仅懂得一些美术知识，还要对客户需求有所了解，所以视觉工程师比美工的整体技术素质要高一些。

2、需要掌握的软件不同

 美工主要是以图像处理技术为主的技术性工作，而视觉设计师除了要掌握相关的图像处理技术以外，则需要更多的灵感和创意。如淘宝美工，一般会PS就能基本胜任工作了，包括加字、配图、排版等，掌握整体风格相统一即可；而视觉设计除了要胜任上述的工作外，还要掌握像AE或者sketch之类的软件，还要求会设计logo等。

3、薪水待遇的不同

 视觉设计师的薪水在大城市里平均可以达到一万左右，而美工的薪水可能不到视觉设计师的一半。许多视觉设计师可能最早的职业就是美工，从简单的只会做网页效果图，到可以独立掌握设计网页，也就是美工到视觉设计师的转变。

4、职业要求的不同

 美工可以对设计理解不用太透彻，但视觉工程师却一定要懂得创意，要具备深厚的网页设计功底，而且要懂得编程语言程序，视觉设计的工作相对与美工来说难度要大。

字体

纤细、潇洒、圆润、科技、面积、个性、古早（怀旧）、中庸、优雅、雅致、实用、端正、易读、幼稚、肥满、标题、俊朗、清晰、细节

关于男性字体的性取向问题：

粗犷、硬朗、棱角分明、笔直、力量感

营销活动、体育竞技、男性用品、金属、摇滚

女性

只要是女性化属性非常强，或者是以女性为主流消费群体的设计，都可以广泛使用这种属性的字体。比如爱情类，鲜花类、珠宝配饰类，女性用品、护肤品、化妆品等等…

纤细、柔软、细而宛转、苗条、曲线美

孩童

儿童相关的设计，比如趣味游戏、休闲游戏、婴幼产品、游乐园、零食、玩具等等…

圆乎乎、可爱、有趣、肉嘟嘟

中性

非常适合使用在性别属性并不强、并不需要很强烈的情感特征、偏中立的一些设计上面。比如产品说明、平台、科技、手机、电脑等等。

干净、简洁、中性美、细致、平静

被大量的使用在叙述性和陈述性很强，以及历史意味较浓的设计。比如地产公司的一些故事性包装以及一些传统节日性的设计。

A组 “图片突出”，文字存在的目的只是粉饰这张照片而已。

字体主要是现代等线体，笔画没有装饰。出现题材很广泛，大多数是一些商业图册上，或者用于衬托人物场景时尚气质的图片上。

B组 是“文字突出”，文字在图片的衬托下被重点突出出来。

字体主要是古典衬线体，笔画装饰强烈。多出现在传统、自然的以及一些抒情性很强的照片上。

A组的字体组合都被紧密地排列在一个无形的矩形里，在视觉上形成一个面。

B组各个字之间松散地摆放组合在一起，在视觉形成一个个点。

其实可以这样去理解这两组字体在视觉心理的效果，见下图：

主体物与视觉焦点

“图片突出” 的优秀设计作品里，文字部分与这两个基本要素的位置关系，同样做成效果图。分C、D两组展示。

c组：如果把 主体物 看作是一个面，就不难理解在一个需要 文字粉饰图片 的作品里，字体之间会被聚集在一个面里，因为面元素的重复出现在一个画面里，整体画面就不会出现违和感，还能让文字和图片之间保持和谐统一。

如果你能观察了足够多C组类型的“效果图”后，就发现了在所有的这类优秀设计作品里， 文字部分 与 主体物 之间的位置大小关系有三大原则：

D组：

文字部分

与

视觉焦点

的关系基本和上面的铁律相似，但唯一的特别之处在于：

当视觉焦点位于画面中线，文字部分使用居中式。

不过同样也是观察了足够多的“效果图”后，发现视觉焦点的位置不仅仅是与构图有关，这其中还有很多的特殊情况必须要注意到：

第一点提到的照片的主体物是分散且毫无意义的。举一些例子，它们的题材一般是拍摄天空、无边际的森林树木又或者下雨的场景等等… …这类照片的视觉焦点默认在画面的中心点，并且文字部分也只能固定在画面中心，因为文字部分在这时需要拟补原本照片缺乏视觉焦点的缺陷。（D组第一列第三张）

而第二点提到某些被一个场景或物品切割了整张画面的照片，通常是因为地平线或者海岸线之类引起的。还有一种类似的情况是，当照片里的主体物太大，以至于切割了背景出现切割线时，主体物就不能作为一个面来看待了。如D组里二列第二和第三… ….就是这种情况，视觉的焦点通常位于切割线的其中一处，通常是色彩密集出现的地方。

第三点非常重要！在画面的内容里眼睛的存在会形成一个视觉焦点，不管是人还是其他生物的眼睛，只要是看到眼睛，那么文字部分的排版就要依据“眼睛”（视觉焦点）而不是人本身（面）

文字部分是怎么选择位置的 ，详细见下图：

字体与图形的配合

以“图片突出文字”为目的的排版，其 特点 是 不需要分析照片里面的元素 。在大部分设计教程以及很多优秀的设计作品里， 图片 被认为只是 作为一个大色块存在 ，它的存在只是为了最后你想要表达的 文字（情感），铺设基调 。而我前面就提到的，B组的 字体 组合方式往往用 分散的点状摆放 ，因此放在照片这样一个大的“面”上， 形成元素的对比效果 ，可以更有效的 突出文字 部分。

但是这样有一个很大的 缺点 ：过于分散的字体之间不仅容易缺乏联系，而且还会造成阅读困难。此外，一张太花哨的照片也会导致你的文字部分难以突出。

大部分优秀排版里采用的解决方案是 运用字体与图形的配合 ，而其中类型有三种：

第一种：形状图形

形状图形主要指方形、圆形以及一些不规则的形状图形。

方形

从左到右依个解释一下：

这是方形“ 集中 ”的例子，方块的存在突出了文字本身，又保证了阅读顺畅。同时这个方块可以在这张照片上的任何一个位置都没有影响，所以很适 合包装设计 的需要。

形状图形这部分我补充一点：形状图形的用法通常有两种， 一种是中间加上一个深色的形状，字体的位置放在形状的中间 。 另一种是在图片的上下两边各加一个浅色形状，字体的位置放在形状与图片交界的地方。 这两种方法简称为“一黑二白”，见下图。

圆形

第二种：直线

直线分两种，一种就是纯粹的一条直线，而另一种则是由细小的字组成的一段文字（通常是英文）。

联系 ：与上一种相同，但只适用于 标题文字较少 的时候。剩下两个不用解释了… …大家应该都清楚。

第三种：字符

一般是指的数字以及英文字母，配合文字能有更好的突出效果。如上图，，而阿拉伯数字的效果最佳。

以上就是字体与图形的配合部分，不过还有一个例子要特别说明一下：

上图展示的是一个出现频率最高的配合类型的，圆形形状加上字符，然后用连接符接上你要表达的文字。这是最经典的配合类型了。至少突出文字部分的效果非常不错！

PS：以下色彩部分，因为没有大量的实际操作过，所以我不确定结论的正确性。因此色彩部分仅供参考，只希望大家能从中得到一些启发就好了。

我\们多多少少都学习过色彩的基础知识，我们都知道上图的红色代表着热情、绿色代表着自然以及紫色代表着高雅等等… …但是我们却不能以此为参照来决定字体的色彩，因为实际的情况要比这复杂的多。无论一张照片还是海报，都会运用到大量的色彩，把这些色彩集合成一个组合时，将其称之为“色组”，如下图。

这时，要如何区分上图这些色组的视觉心理呢？在教科书上采用的方法是分成四种类型：分别是 “互补色”、“对比色”、“同类色”和“邻近色” 。然后再解释这些类型的视觉心理，比如“互补色”有着突出、华丽的效果或者更吸引眼球等等… …但是这个方法只能解释那些只采用少量色彩的照片或海报，所以这个方法在面对一张色彩丰富的照片或海报时，这个方法又显得太过笼统和片面。

而在网上大部分的配色教程里，则用 “色卡”来解释色组的视觉心理 的， “色卡”是从一张照片里提炼出三到六个主要色彩组合起来的配色方案 ，并认为“色卡”和原照片的视觉心理效果（情绪）是相同的，因此大部分设计作品会以此为参照做配色方案。

但我阅读了很多研究配色的书籍或文章，其中大部分都认为一个“色卡”是远远不足于解释一张照片给人的视觉心理效果的。认为一张照片给人的视觉感受，不是这张照片里所有的颜色共同作用下的结果。并表示一张照片的色彩数量、各个色彩之间的面积以及冷暖的对比等等… …都是会影响一张照片的视觉心理效果的。

于是我总结这些文章的观点，我重新设计了一个色彩的组合模型，用来描述多个色彩组合的视觉心理效果，见下图：

上图是一个色彩组合的模型，我设计成一个倒三角的形状。我稍微简单解释一下：倒三角形最上面的一块是主色，主色是这张照片里最突出的色彩，通常是照片里的面积最大。往下一个是副色，副色比主色的突出效果要较弱一些。再往下则是一些辅助色以及一些面积非常小的点缀色等等… …

这个模型可以解释很多色彩组合的视觉心理效果，见下图：

X：亲和 – 强烈

主色和副色的对比关系是会影响照片的视觉心理，当主色和副色的对越弱，画面的表现越柔和，相反主色和副色的对比越大（通常是由两者的冷暖、面积、色相的不同），画面的表现就越强烈。

Y：平均 – 突出

这里指的是主副色和其他的颜色的面积比例关系。当主副色的面积和其他颜色的面积相差无几的时候，画面表现出唯美的感觉。相反主副色的面积远远超过了其他颜色面积的总和时，画面的情绪完全由主副色主导。

Z：单调 – 丰富

这里比较的是一张照片里色彩的数量，数量小就会显得单调，相反则越丰富。

上面三种类型都用XYZ来标记，因为我要总结字体以及色彩的选择与色彩组合模型之间的关系时，我就要用到下图这个大模型了：

上图展示的大模型里，色彩模型的三种类型做成了一个三维的坐标轴系，这表明了任何一张照片的色彩组合，都是这个XYZ轴系里的一个点，也就是说任意一个色彩组合模型会同时满足三种类型的其中一种，最终会形成八种色彩组合模型（八种情绪），下面列举一些：

大家能看到在大模型里还有冷暖区分的四个色块，它们代表了四个区域，从上往下分别是“粗古”、“细古”、“细现”和“粗现”。这些色块是表达：当一个色彩组合越倾向坐标系的正轴时，则使用越粗的古典字体。相反地，越倾向负轴时，则使用越粗的现代字体。

简单地来说， 就是当一张照片的色彩的越强烈、越突出、越丰富时，就用古典的衬线字体，而且要越粗越好，而当一张照片的色彩的越亲和、越平均、越单调时，就用现代的无衬线字体，而且要越粗越好。 这是大模型的作用之一：不同色彩组合对字体选择的影响。

大模型的另外一个作用在于，我们还可以通过对增减或改变某个色彩，来改变这个照片的色彩组合倾向，来表达某一个情感、主体又或者适应某一个字体等等… …而改变的方法，就是利用字体或形状图形的颜色。这就意味着在图片上加字这个行为，就已经是在影响一张照片的色彩心理了。

综上，我们拿刚才的图片来举一些例子，见下图：

第一个例子，由于照片的色组属性是“强烈”、“突出”和“单调”，所以选用了细笔画的古典字体，这是一个“文字粉饰图片”的例子。

第二个例子，是一个“图片突出文字”的例子。虽然这张照片的色彩属性有“强烈”和“突出”，但色彩却是“单调”的，我的做法是先加上两个粗笔画的毛笔字（粗古），突出一个主色。然后再放一段酡红色的英文，是色组变得丰富，同时配合“粗古”，让色彩的情绪表达地更加明显。

最后的例子，是关于形状的颜色和透明度设置的一个示范。由于这张照片的色组属性太过平均，所以我用一个形状压住一个副色调，然后用“粗古”字体压住主色调，将这个色组的“平均”属性转为“突出”。这个例子是想表达：形状图形的色调选择，关键在于你想怎么改变色组的属性，而半透明的设置，可以改变色组的“丰富”属性。

过程见下图：

5.单个字体的形态

篇幅已经很长了，直接上结论吧（累）。总结了所有的教程和优秀设计作品，我认为区别单个字体之间最重要的三个特征：见下图

体饰指的是在字体笔画末端的装饰，字体的体饰之间不是有或无，而是多和少，这是一个比较模糊的概念。通常按照笔画体饰的多少划分“古”文字和“今”文字。“古”文字适合作为标题，出现表现自然、传统或者表现历史厚重感的题材里，“今”文字大多是在时尚、科技或者普通生活题材里，“古”文字最重要的特点是抒情，“今”文字则注重简洁。

笔画的差异在于粗细，粗笔画用于强调，细笔画则用于修饰细节，例如突出某商品的精细做工。这里还有特别说明的一种情况是粗细结合，笔画的粗细差异算其实是属于体饰的变化。

转折的差异在于曲直，转折越尖锐的字体适合表达力量感，反之曲面转折的字体适合表现女性的柔美。见下面两个例子

在不同平台的界面设计中规范的字体会有不同，像移动界面的设计就会有固定的字体样式。网页中会有常用的几个字体，在这我和大家分别介绍一下。

以下是在72像素/英寸下的规范

移动端常规字体

IOS :常选择 华文黑体 或者 冬青黑体 ，尤其是冬青黑体效果最好。

Android

英文字体：Roboto

中文字体：Noto

移动端常用的的字号有哪些呢？

导航主标题字号：40-42px

我一般设计就用40px，偏小的40px字号，显得精致些。

在内文展示中字号大小又是多大呢？

大的正文字号32px，副文是26px，小字20px。 在内文的使用中，根据不同类型的App会有所区别。

像 新闻类的APP 或 文字阅读类 的APP更注重文本的 阅读便捷性 ， 正文字号36px ，会 选择性的加粗。

而 列表形式、工具化的APP 普遍是正文 32px ，不加粗。 副文案26px,小字20px

26px的字号还会用于划分类别的提示文案 ，因为这样的文字希望用户阅读，但不要抢过主列表信息的引导。

36px的字号还经常运用在页面的大按钮中 。为了拉开按钮的层次，同时加强按钮引导性，选用了稍大号的字体。

（见下图中的退出按钮)

大家注意了，在选用字体大小的时候一定要选择 偶数的字号 ，因为 在开发界面的时候，字号大小换算是要除以二的 。这个详细缘由大家可以网上查询，我就不在这一一的介绍了。

常用字号的大小基本就这几个，根据版式设计需要也会采用异样大小的字号来特殊处理。这种更高的要求设计师的全局把控能力了。

网页端

常用的字号有哪些呢？

网页 中文字字号 一般都是 宋体12px或14px (无状态)， 大号字体 用 微软雅黑 或 黑体 。 大号字体是18px、20px、26px、30px， 一般使用 双数 字号， 单数的字体在显示的时候会有毛边 。

1. 平平稳稳：微软雅黑/方正中黑

微软雅黑系列：在网页设计中这款字体使用的非常平凡，这款只无论是放大还是缩小，形体都非常的规整舒服。在设计过程中建议多使用雅黑，大标题用加粗字体，正文用常规字体。

方正正中黑系列

中黑系列的字体笔画比较锐利而浑厚，一般运用在标题文字中。但这种字体不适用于正文中，因为边缘相对比较的复杂，文字一多会影响用户的阅读。

2. 与时俱进：方正兰亭系列

方正兰亭系列：个人最推荐的就是这个系类的字体，整个兰亭系列的字体有大黑、准黑、纤黑、超细黑等。因笔画清晰简洁，这个系类的字体就足以满足排版设计的需要。可以通过对这个系列的不同字体进行组合，不仅能保证字体的统一感，还能很好的区分出文本的层次。

3. 刚劲有力，运动型：汉仪菱心简/造字工房力黑/造字工房劲黑

在这几个字体中，他们有着共同的特点，字体非常的有力而厚实。基本都是以直线和斜线为主。适合广告和专题使用。在使用这类字体的时候我们可以使用字体倾斜的样式，让文字显得更为活力。在这三种字体中，菱心和造字工房力黑在笔画、拐角的地方采用了圆和圆角。而且笔画也比较的疏松，更多的有些时尚而柔美的气氛。而劲黑这款字体相对更为厚重和方正。这类字体使用在大图中偏多，效果比较突出。

内容来自优设网