界面中文字使用的规则.docx

在不同平台的界面设计中规范的字体会有不同，像移动界面的设计就会有固定的字体样式。网页中会有常用的几个字体，在这我和大家分别介绍一下。以下是在72像素/英寸 下的规范移动端常规字体IOS:常选择华文黑体或者冬青黑体，尤其是冬青黑体效果最好。Android英文字体：Roboto中文字体：Noto移动端常用的的字号有哪些呢？导航主标题字号：40-42px我一般设计就用40px，偏小的40px字号，显得精致些。大的正文字号32px,副文是26px，小字20px在内文的使用中，根据不同类型的App会有所区别。像新闻类的APP或文字阅读类的APP更注重文本的阅读便捷性，正文字号36px，会选择性的加粗。像新闻类的APP或文字阅读类的APP更注重文本的阅读便捷性，正文字号36px，会选择性的加粗。而列表形式、工具化的APP普遍是正文32px，不加粗。副文案26px,小字20px26px的字号还会用于划分类别的提示文案，因为这样的文字希望用户阅读，但不要抢过主列表信息的引导。36px的字号还经常运用在页面的大按钮中。为了拉开按钮的层次，同时加强按钮引导性，选用了稍大号的字体。（见下图中的退出按钮)大家注意了，在选用字体大小的时候一定要选择偶数的字号，因为在开发界面的时候，字号大小换算是要除以二的。这个详细缘由大家可以网上查询，我就不在这一一的介绍了。常用字号的大小基本就这几个，根据版式设计需要也会采用异样大小的字号来特殊处理。这种更高的要求设计师的全局把控能力了。网页端常用的字号有哪些呢？网页中文字字号一般都是宋体12px或14px(无状态)，大号字体用微软雅黑或黑体。大号字体是18px、20px、26px、30px，一般使用双数字号，单数的字体在显示的时候会有毛边。常用的字体1.平平稳稳:微软雅黑/方正中黑微软雅黑系列：在网页设计中这款字体使用的非常平凡，这款只无论是放大还是缩小，形体都非常的规整舒服。在设计过程中建议多使用雅黑，大标题用加粗字体，正文用常规字体。方正正中黑系列：中黑系列的字体笔画比较锐利而浑厚，一般运用在标题文字中。但这种字体不适用于正文中，因为边缘相对比较的复杂，文字一多会影响用户的阅读。2.与时俱进：方正兰亭系列方正兰亭系列: 个人最推荐的就是这个系类的字体，整个兰亭系列的字体有大黑、准黑、纤黑、超细黑等。因笔画清晰简洁，这个系类的字体就足以满足排版设计的需要。可以通过对这个系列的不同字体进行组合，不仅能保证字体的统一感，还能很好的区分出文本的层次。3.刚劲有力，运动型：汉仪菱心简/造字工房力黑/造字工房劲黑在这几个字体中，他们有着共同的特点，字体非常的有力而厚实。基本都是以直线和斜线为主。适合广告和专题使用。在使用这类字体的时候我们可以使用字体倾斜的样式，让文字显得更为活力。在这三种字体中，菱心和造字工房力黑在笔画、拐角的地方采用了圆和圆角。而且笔画也比较的疏松，更多的有些时尚而柔美的气氛。而劲黑这款字体相对更为厚重和方正。这类字体使用在大图中偏多，效果比较突出。毛笔字生成器通过自由的书法网站在线生成。在网址中输入文本，再进行选择书法字体样式。通过这种方法我们能很快的找到需要的书法字体。这招非常管用。推荐大家几个毛笔字相关的网站：//online//mb/和大家简单操作一下毛笔字的使用方法。将下载下来的字体图片AI转路径，编辑文字。首先使用在线生成器输入选择好你需要的文字字形，将文字图片拖至AI中。选中拉入图片，点击图像描摹然后继续点击扩展按钮扩展完毕后，图片已经都变成了路径。使用魔棒选择颜色就可以将文字的路径提选出来。最后经过设计后的Banner效果，这就是我经常用的Banner风格，你们也试试吧重要提示，怎么找不认识的字体名称？很多朋友会看到别人使用的字体非常好看，但又不知道是什么字体。在这我告诉你一个方法。可以通过网络上传字体图片进行搜索字体名称。网址：/三.常用字体颜色字体颜色又有哪些常用的颜色呢？在界面中的文字分为三个层级，主文、副文、提示文案等。在白色的背景下，字体的颜色层次其实就是黑、深灰、灰色。常用的色值是#333333；#666666；#999999在界面中还经常会用到背景色#eeeeee。分割线则采用#e5e5e5或#cccccc的颜色值，一个深一些，一个浅一些。这个会更具不同的软件风格采用不同的深浅，由设计自己把控。在我们做设计的时候，字体和图库均是有版权的，请注意合法使用。设计的时候我们还可以将字体进行变形来达到宣传的目的，这个需要设计师对字体设计有一定的了解。总之，设计是要