小虾米资讯
AD1android: UI设计字体设计规范有哪些?
2022-04-24 19:45:13 / 我要吐槽AD2
UI设计师拿到设计需求后,开始进行设计,不知道从何去调整界面的字号和行间距等。容易碰到的问题是页面和页面的字号调着调着就大小或颜色不统一了。并且容易导致设计稿反复得修改。设计出来的效果图文字左右间距层次不齐,导致与预期不符等。 初入APP界面的设计师,经常会因为字号,字体颜色,间距而困扰。今天带大家理一理界面中常用的字体,字号,字体颜色及间距对齐的一些小经验。希望能对大家有些帮助。一、成也字,败也字我们常常会听到,这也太LOW了吧!!你能统一一下字体吗?不明确而繁琐的字体搭配会导致整个画面失调。可以这样说,字体可以成就设计也可以毁掉设计。问题的关键有:1.字体样式太多,导致页面杂乱2.使用的字体不易识别3.字体样式和内容的气氛或规范不匹配如何避免这样的结果发生呢?通过设计经验可以帮助你做出更好的版式,了解不同平台的常用字体设计规范。在每个项目设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案。字体用的太多,越显得不够专业。不同的样式的字体,形状或系列最好相同,保证字体风格的一致性。字体与背景的层次要分明,确保字体样式与色调气氛相匹配二、界面中文字使用的规则在不同平台的界面设计中规范的字体会有不同,像移动界面的设计就会有固定的字体样式。网页中会有常用的几个字体,在这我和大家分别介绍一下。以下是在72像素/英寸下的规范移动端常规字体IOS:常选择华文黑体或者冬青黑体,尤其是冬青黑体效果最好。Android:英文字体:Roboto中文字体:Noto移动端常用的的字号有哪些呢?导航主标题字号:40-42px一般设计就用40px,偏小的40px字号,显得精致些。在内文展示中字号大小又是多大呢?大的正文字号32px,副文是26px,小字20px。在内文的使用中,根据不同类型的App会有所区别。像新闻类的APP或文字阅读类的APP更注重文本的阅读便捷性,正文字号36px,会选择性的加粗。而列表形式、工具化的APP普遍是正文32px,不加粗。副文案26px,小字20px26px的字号还会用于划分类别的提示文案,因为这样的文字希望用户阅读,但不要抢过主列表信息的引导。大家注意了,在选用字体大小的时候一定要选择偶数的字号,因为在开发界面的时候,字号大小换算是要除以二的。这个详细缘由大家可以网上查询,就不在这一一的介绍了。常用字号的大小基本就这几个,根据版式设计也会采用异样大小字号来特殊处理。这种更高的要求设计师的全局把控能力了。网页端常用的字号有哪些呢?网页中文字字号一般都是宋体12px或14px(无状态),大号字体用微软雅黑或黑体。大号字体是18px、20px、26px、30px,一般使用双数字号,单数的字体在显示的时候会有毛边。常用的字体:1.平平稳稳:微软雅黑/方正中黑微软雅黑系列:在网页设计中这款字体使用的非常平凡,这款只无论是放大还是缩小,形体都非常的规整舒服。在设计过程中建议多使用雅黑,大标题用加粗字体,正文用常规字体。方正正中黑系列中黑系列的字体笔画比较锐利而浑厚,一般运用在标题文字中。但这种字体不适用于正文中,因为边缘相对比较的复杂,文字一多会影响用户的阅读。2.与时俱进:方正兰亭系列方正兰亭系列:个人最推荐的就是这个系类的字体,整个兰亭系列的字体有大黑、准黑、纤黑、超细黑等。因笔画清晰简洁,这个系类的字体就足以满足排版设计的需要。可以通过对这个系列的不同字体进行组合,不仅能保证字体的统一感,还能很好的区分出文本的层次。3.刚劲有力,运动型:汉仪菱心简/造字工房力黑/造字工房劲黑在这几个字体中,他们有着共同的特点,字体非常的有力而厚实。基本都是以直线和斜线为主。适合广告和专题使用。在使用这类字体的时候我们可以使用字体倾斜的样式,让文字显得更为活力。在这三种字体中,菱心和造字工房力黑在笔画、拐角的地方采用了圆和圆角。而且笔画也比较的疏松,更多的有些时尚而柔美的气氛。而劲黑这款字体相对更为厚重和方正。这类字体使用在大图中偏多,效果比较突出。毛笔字生成器通过自由的书法网站在线生成。在网址中输入文本,再进行选择书法字体样式。通过这种方法我们能很快的找到需要的书法字体。这招非常管用。推荐大家几个毛笔字相关的网站:http://www.51poca.com、http://www.epinv.com/online、http://www.akuziti.com/mb、http://www.ziticq.com/shufa三、常用字体颜色字体颜色又有哪些常用的颜色呢?在界面中的文字分为三个层级,主文、副文、提示文案等。在白色的背景下,字体的颜色层次其实就是黑、深灰、灰色。常用的色值是#333333;#666666;#999999在界面中还经常会用到背景色#eeeeee。分割线则采用#e5e5e5或#cccccc的颜色值,一个深一些,一个浅一些。这个会更具不同的软件风格采用不同的深浅,由设计自己把控。在我们做设计的时候,字体和图库均是有版权的,请注意合法使用。设计的时候我们还可以将字体进行变形来达到宣传的目的,这个需要设计师对字体设计有一定的了解。总之,设计是要有规范,有体系的。使用规范化的设计对产品的延续性非常有帮助,并且保证了产品的独特性和一致性。所以,大家要在设计初期找到风格和规范,这样做出来的界面才会统一一致,在变化的需求中找到定量,调整起来也相对轻松很多。以上就是优漫教育小编为大家介绍的“【UI设计培训】:UI设计字体设计规范有哪些?”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解,并能快速掌握ui设计!文章来自:http://www.umanedu.com/Powered By © 小虾米资讯 2015
(本站部分文章来源于网络或网友爆料,不代表本站观点,如有侵权请联系及时删除 )