发表于: 2018-11-29 20:55:40

1 894


今天完成的事情:


1.提交了任务七







明天计划的事情: 


做任务八


遇到的问题: 


暂无



收获:


在不同平台的界面设计中规范的字体会有不同 

像移动界面的设计就会有固定的字体样式 

网页中会有常用的几个字体

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

1.移动端常规字体

IOS 常选择华文黑体或者冬青黑体 尤其是冬青黑体效果最好

Android 英文字体:Roboto 中文字体:Noto

2.移动端常用的的字号

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

偏小的40px字号 显得精致些 

    在内文展示中字号大小

    大的正文字号32px 副文是26px 小字20px 

    在内文的使用中 根据不同类型的App会有所区别 

    像新闻类的APP或文字阅读类的APP更注重文本的阅读便捷性 正文字号36px 会选择性的加粗 

    而列表形式、工具化的APP普遍是正文32px 不加粗 

    副文案26px 小字20px

26px的字号还会用于划分类别的提示文案 

因为这样的文字希望用户阅读 但不要抢过主列表信息的引导

36px的字号还经常运用在页面的大按钮中 

为了拉开按钮的层次 同时加强按钮引导性 选用了稍大号的字体

在选用字体大小的时候一定要选择偶数的字号 

因为在开发界面的时候 字号大小换算是要除以二的 


3.网页端常用的字号

网页中文字字号一般都是宋体12px或14px(无状态) 

大号字体用微软雅黑或黑体 大号字体是18px、20px、26px、30px

一般使用双数字号 单数的字体在显示的时候会有毛边

常用的字体:微软雅黑/方正中黑

在网页设计中这款字体使用的非常平凡

这款只无论是放大还是缩小 形体都非常的规整舒服

在设计过程中建议多使用雅黑 大标题用加粗字体 正文用常规字体 

方正正中黑系列

中黑系列的字体笔画比较锐利而浑厚 

一般运用在标题文字中 但这种字体不适用于正文中

因为边缘相对比较的复杂 文字一多会影响用户的阅读 

方正兰亭系列

整个兰亭系列的字体有大黑、准黑、纤黑、超细黑等

因笔画清晰简洁 这个系类的字体就足以满足排版设计的需要

可以通过对这个系列的不同字体进行组合 

不仅能保证字体的统一感 还能很好的区分出文本的层次

4.常用字体颜色

在界面中的文字分为三个层级

主文、副文、提示文案等

在白色的背景下 字体的颜色层次其实就是黑、深灰、灰色

常用的色值是#333333;#666666;#999999

在界面中还经常会用到背景色#eeeeee

分割线则采用#e5e5e5或#cccccc的颜色值

一个深一些,一个浅一些

这个会更具不同的软件风格采用不同的深浅 由设计自己把控








返回列表 返回列表
评论

    分享到