童趣英文字体

网页设计需要将图片和文字相结合，达到融合的境界，当然文字的设计也是有一定的规范的，下面是关于网页设计字体设计规范，欢迎参考！

网页设计常用字号

最好用偶数字号

1、Header导航文字12号或14号;

2、Menu导航文字14—18号;

3、Sidebar文字12号或14号，

4、一级菜单使用14号、二级菜单使用12号

或一级菜单使用12号加粗、二级菜单使用12号

5、Footer 文字12号或14号

6、正文：大标题文字24—32号;标题文字16或18号;正文文字12号或14号

7、标题文字字号，18px，20px，24px，28px，32px， 尽可能使用双数

8、按钮文字：比如登录、注册页面按钮或其他按钮，文字14—16号，可根据实际情况调整大小或加粗。

9、同一层级的字号搭配应该保持一致。比如，同一层级的版块中标题文字和内容文字大小的一致性

在苹果官网中，产品展示文字以64号和32号搭配，文字内容简短有力，可读性强，同时非常具有视觉冲击力，突出显示了品牌特征。

字体排版规范

一、最佳易读性规范

1.行宽

传统图书排版每行最佳字符数是55—75，实际在网页上每行字符75—85更流行。中文在14号字体时，建议35—45个文字

2.行高

网页设计中，文字间距一般根据字体大小选1—1.5倍作为行间距，1.5—2倍作为段间距

比如12号字体，行间距是12px—18px，段落间距则是18px—24px。

另外，行高/段落之间的空白=0.754。行间距正好是段落间距的75%是非常常见的。

3.行对齐

通常情况下，建议在页面上只使用一种文本对齐，尽量避免两端对齐

4.文字留白

在排版文字时，在版面需要留出空余空间，留白面积从小到大应该遵循的顺序是：字间距、行间距、段间距。此外，在排版内容区之前，需要根据页面实际情况给页面四周留出余白。

5、CRAP原则(carp)

对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密性(Proximity)

字体选择

字体：中文：宋体，微软雅黑，方正系列(无状态)

字号：网页中正文/导航字号在12px-18px之间

英文可以偏小一些 10px-16px

再小识别性就不是特别好了

中规中矩，经典通用

中易宋体

Win最常见的'字体，小字体点阵，大字体TrueType，但是大字体并不好看，所以最好别做标题。

微软雅黑

大段的微软雅黑字体排列略显厚重，如果是在网页上长时间浏览，会让人的眼睛产生不适。相比而言，衬线字体装饰性强，具有易读性，所以宋体更适合知乎网站这种大段文字网站

微软雅黑给人的感受包括平和、干净、简单、平静、专业

华文细黑

Mac下的默认中文。

英文

Helvetica:

被评为设计师最爱的字体，Realist风格，简洁现代的线条，非常受到追捧。在Mac下面被认为是最佳的网页字体，在Windows下由于Hinting的原因显示很糟糕。

Arial:

Helvetica的「克隆」，和Helvetica非常像，细节上比如R和G有小小差别。如果字号太小，文字太多，看起来会有些累眼。Win和Mac显示都正常

Lucida Family:

Lucida Grande是Mac OS UI的标准字体，属于humanist风格，稍微活泼一点。Mac下的显示要比Win下好。

Verdana:

专门为了屏显而设计的字体，humanist风格，在小字号下仍可以清楚显示，但是字体细节缺失严重，最好别做标题。

Tahoma:

也是humanist风格，字体和Verdana有点像，但是略窄一些，counter略小，曾经是Windows的标准字体，Mac 10.5之后默认也有安装。

Verdana：

是一套无衬线字体，由于它在小字上仍有结构清晰端整、阅读辨识容易等高品质的表现，因而在1996年推出后即迅速成为许多领域所爱用的标准字型之一。

Georgia:

基本上适合正文屏显的衬线字体，非Georgia莫属了。笔画粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还算OK。

有些偏艺术类的网站的大字会使用lobster。更艺术的网站就搜索free font，或者font freebie吧

Trebuchet、Georgia、Times New Roman、Arial、Lucida等字体在26px或更大像素时效果是比较好的，非常适合作为正文的标题。

网页banner字体

网页banner的字体选用方法是要根据banner的主题，去挑选字体，因为字体本身也是有性格的

第一类，稳定型(协调，齐全，稳定，高质)

微软雅黑、冬青黑体、宋体、华文细黑、方正正中黑、方正兰亭系列

第二类，刚硬，锐利，清晰，强烈

造字工坊力黑体、造字工坊版黑体、造字工坊劲黑体、锐字逼格锐线体简、张海山锐线体、华康俪金黑、蒙纳超刚黑体

(更适用大气，热烈，权威，声明等主题)

第三类，轻松，手写，可爱，童趣，亲切

方正经黑、华康海报、汉仪小麦、方正稚艺、新蒂下午茶、汉仪歪歪体、新蒂小丸子

(适用于，游戏娱乐活动海报，h5广告页面，儿童/女性主题)

第四类，灵动，清新，秀雅，精致，古韵

方正清刻本悦宋简体、方正宋刻本秀楷体、方正宋刻本、秀楷体、汉仪全唐诗、简康熙字典体、祥南行书体、造字工房、刻宋

(适用于复古，典雅，传统，品质，灵动等主题)

字体笔画刚劲有力的可以传达男性气质，体现力量感，自信感，工业化……还有手写体的亲和感，稚拙字体的童趣等等，当然，这些只是偏向于某个方向但不局限，依照实际应用场景而定，你要的古风 字体都有收藏呢，分享出来了

这个没说好看不好看的，只要你自己喜欢就好，你可以用你自己的方式去写吖，就好像艺术签名一样

一般我会装一套方正字体包作为首选，然后还有华文，微软，造字工房，叶根友等等字库一样选几个喜欢的或者常用的装上。就够了

对了，个人比较喜欢张海山锐线体字体包常见都有3个G提取码：5v1s

字体做为信息传达的基础，在目前整个设计领域应用都甚为宽广，如LOGO、创意广告、电视包装、H5标题、海报等等，可以说有标题的地方就有字体设计。作为一个设计师，这可以说是必备技能没有之一，即使你没有设计理论基础，绘画基础，但我觉得人人都可以做字体设计。 当今软件和科技的发展飞快，C4D和AE动效的软件应用也越来越广泛，我们可以用各种材质或形式来展现字体，但是遵循的字体设计原则不变，所以字体设计基础尤为重要。 字体设计需要掌握的四个方面 1.设计原则 从需求出发，从字义出发，形义结合。 这是决定字形设计方向的基础原则，艺术的本质是尝试更多的更能性，设计的本质是确定少的可能性，通过确定原则我们排除掉一些错误选项。同一个字体，通过设计可以变化出无数的可能性，这就是字义到字形的过程。 易于辨识 设计也要把握好度，当字形无法识别的时候再好的设计别人也看不懂。 （同样一个融字，可以变化出无数的字形，字形的不同给人表达的字义感受也不同，这个字我做了几十个方向的尝试，不断的推翻再来，求这个字给我留下的心里阴影面积） 2.重心与结构 敲黑板！划重点，这是字体设计的重点与难点。 德国字体设计大师Erik Spiekermann曾经说过：“重要的不是设计黑的部分，而是设计白的部分”，这里的白指的就是负形空间，只有负形空间的均衡，才能达到舒适的视觉感受，中文西文也相通，字体和图形都一样。 重心与结构就是字体的视觉中心和空间结构的分布，寻找字体的视觉中心在哪里，确定笔画正负空间的对比程度，笔画可以看做是正空间，留白可以看做是负空间。视觉中心会决定字的结构看起来是否稳定偏移，正负空间的会决定笔画的位置和字体的性格。 关于这块内容，网上有无数的教程方法和理论，都不太便于大家认识和学习，看了似懂非懂很打击学习积极性，这里我们做一个简化易懂的了解。 我们先来认识两个基础字形，黑体字和宋体字，也可以称之为无衬线体和衬线体。 黑体笔画单纯，粗细一致，起笔收笔均呈方形，故又称方头体或等线体。黑体字具有结构严谨、庄重有力、朴素大方等特点。在中文里面，没有衬线的字体通常称为黑体，黑体的风格没有宋体活泼，但视觉效果更强烈，适合于标题等需要重点突出的位置。（黑体像更现代的央视大裤衩） 宋体的特点是字形方正、笔画横平竖直、横细竖粗、棱角分明、结构严谨、整齐均匀、有极强的笔画规律性，能够使人在阅读时有一种舒适醒目的感觉。在现代印刷中主要用于书刊或报纸的正文部分。（宋体像更传统的故宫） 最简单易懂的方式就是通过对比基础的字形找字体重心与结构，通过常用的黑体字对照自己设计的字形。（这种方法的应用较广，但并非所有的字形都要如此） 此外还有几个重心结构的基本规律：（规律只做参考，切勿死板硬套，还是根据设计情况来定） 字体重心 非字体正中心，是视觉中心，因为人的视觉中心都是靠上的，所有对照所有的标准字库字形，字形的重心都比字体之正中心靠上，这样出来的字形让人视觉上感受最稳固。 上下对比 在做一些纤细雅致的字体的时候，往往都会字体重心靠上，拉长字形的下部，这个可以当做是看一个九头身的美女或者欧巴的大长腿，让字行看起来更加的精致同时增加了纵向空间，让字体正负空间增大更便于设计及识别。 粗细对比 在做黑体字的时候，遇到正负空间压迫感强的情况，我们往往会在笔画上面进行粗细对比或者正负空间进行粗细对比，这样的结构更加平稳，同时让字体在负形空间极端压缩情况下通过对比的方式，保证设计感及识别度。 3.字体的性格 字形千变万化，性格也各不相同。 力量感：兰亭特黑、超纲黑等负空间小的黑体字，关键词：男性、游戏、运动、强调。 轻盈感：兰亭细黑等负空间大的黑体字，关键词：女性、文艺、正文、轻巧。 童趣感：幼圆、丁丁手绘体等儿童手绘字体，关键词：儿童、活泼、童趣、幼稚、随意。 庄重感：方正风雅宋、楷体等书法传统字体，关键词：严谨、庄重、官方、古代、中国、传统节日。 古典与现代：衬线体与非衬线体，现代与古典，现代很多国际品牌的英文LOGO都是基于非衬线体设计，而一些复古的电影海报上面还是会用到衬线体。 工作量与难度最大，往往需要反复的调整尝试，保证衔接的自然、顺畅以及整体性，可以先用画笔或在纸张上面绘制基本形状，再调节粗细、瞄点和方向，执行拓展后反复调整。 是不是觉得我分享的内容还不够详细，然而上面的内容详解的话三生三世都说不完的，所以我们只做基础的系统认知，方便大家后期按照这个系统梳理深入学习，这里就不做深究了，某度是个好东西，我相信你肯定会用。 但做任何事终归逃不了一个练字，且字体设计会有更多的个人理解及风格在里面，更像是一种的绘画方式千变万化，同软件学习完全不同，所以这个技能并没有什么三五分钟速成的技巧，不然字体设计网站的优秀作品一定会成倍增加。