内容为：设计中字体的选择、表述方式（形容词）、适用处、图片与字体的排版、字体的色彩及规格等

字体

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

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

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

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

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

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

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

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

文字部分的面积绝对不能大于或接近主体物的面积。

文字“面”与主体“面”的边线保持联系（直线或平行）。

文字部分

与

视觉焦点

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

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

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

当照片的主体物是分散且毫无意义的，视觉焦点默认在画面中心。

当照片被某一个场景或物品切割了整张画面时，视觉焦点只会出现会在切割线上。默认位于中心点或者色彩密集的地方。

眼睛单独作为视觉焦点。

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

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

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

字体与图形的配合

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

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

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

第一种：形状图形

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

突出：当文字部分融入到图片里变得难以看清的时候。在这里最好的办法就是像这样放置一个方形在背景，然后再调节字体的颜色与方块对比，使文字部分突出。

集中：这种方法是为了不弱化图片的情况下，让文字部分集中在一个方形里，增加易读性。是包装设计常在出现的排版。

突出：这个比起方形有着好的突出效果，这个圆形可以替换成一些素材，比如墨滴之类的圆形素材，甚至可以利用图片本身存在一个巨大的圆形物体的，来突出文字部分。

适用：这个同样可以突出“面”文字，这就也为什么这个方法经常出现各类商业图册、海报以及各类宣传单… …

第二种：直线

集中：作用和方形“集中”相同，只是这个是用两条线组成一个隐形的方块，更有形式感。不同这种只能出现在色彩单一或大量留白的照片。

色彩的组合模型

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

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

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

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

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

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

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

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

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

移动端常规字体

英文字体：Roboto

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

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

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

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

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

网页端

常用的字号有哪些呢？

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

开发系统常用的字体：

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

    以上就是本篇文章【设计｜字体选择、排版、色彩、规格】的全部内容了，欢迎阅览 ！ 文章地址：http://sicmodule.glev.cn/news/322.html 
     资讯      企业新闻      行情      企业黄页      同类资讯      首页      网站地图      返回首页 歌乐夫资讯移动站 http://sicmodule.glev.cn/mobile/ , 查看更多