当前位置:首页> 2018

ui设计常用字体规范一览

发布者:乾学教育 发布时间:2018-10-25 119浏览

      字体设计的重要性无需多说,那么字体设计有哪些常用规范需要设计师注意的呢?由于当下是移动互联网时代,那么乾学教育就来侧重说下移动端设计的常用字体规范。

      很多刚做APP界面的设计师,经常会因为字号,字体颜色,间距等问题困扰。

      拿到设计需求后,页面和页面的字号调着调着就大小或颜色不统一了。并且容易导致设计稿反复得修改。设计出来的效果图文字左右间距层次不齐,导致与预期不符等,完全不知道该如何下手,如何开始进行设计。下面,我就从UI设计中常用字体规范中给大家简单讲解一下,如何进行设计。

      一、界面中中文字体使用规则

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

      常规字体

      IOS:可以选择的字体有华文黑体或者冬青黑体、苹方字体;尤其是苹方字体效果最好(iOS9系统将平方作为iOS字体)。

      Android:英文字体:Roboto 中文字体:Noto。偶尔也会用到微软雅黑字体。

      网页:网页中常规字体一般选用微软雅黑作为设计字体(微软雅黑Windows LCD)常规字号

      导航主标题字号:40-42px。

      我一般设计就用40px,偏小的40px字号,显得精致些内文展示中字号:大的正文字号32px,副文是26px,小字20px一般在内文的使用中,根据不同类型的App会有所区别。像今日头条新闻类的APP或文字阅读类的APP更注重文本的阅读便捷性,正文字号36px,会选择性的加粗。而列表形式、工具化的APP普遍是正文32px,不加粗。副文案26px,小字20px。

ui设计常用字体规范一览

      二、字体设计排版

      我们常常会听到,这也太LOW(土)了吧?你能修改一下字体吗?

      过多不明确而繁琐的字体搭配会导致整个画面失调。可以这样说,字体可以成就你的设计也可以毁掉你的设计。推荐阅读>>>苏州UI设计师需要避免的常见误区

      UI设计中常用字体规范

      问题的关键有:

      1.字体样式太多,导致页面杂乱

      2.使用的字体不易识别

      3.字体样式和内容的气氛或规范不匹配

      那么,怎么避免这样的结果发生呢?

      通过设计经验可以帮助你做出更好的版式

      了解不同平台的常用字体设计规范

      在每个项目设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案。字体用的太多,越显得不够专业。一般来说,视野范围内,最多不能超过三种字体,太多的字体、字号,就显得非常杂乱无章。

      不同的样式的字体,形状或系列最好相同,保证字体风格的一致性。

      字体与背景的层次要分明

      确保字体样式与色调气氛相匹配

      总结:除了要掌握字体设计排版规范,设计师还需要掌握不同界面设计中的文字使用规范,当然,熟悉哪些字体可以免费商用,哪些不可以商用也是作为一名合格的ui设计师的基本素养。


热门文章

南京苏州各大高校寒假时间表新鲜出炉(文章)免费

乾学原创课程26已学习