加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长百科 > 正文

设计必备:字体使用规范

发布时间:2020-03-20 14:06:14 所属栏目:站长百科 来源:站长网
导读:副问题#e# 可以这样说,字体可以成绩计划也可以毁掉计划 昔时这么说,本日照旧这么说! 看完上面这张图你就能大白了 是不是阅读起来很是的难熬? 那就对了! 着实熬煎你的题目有以下几点 1.字体样式太多,混乱无章 2.行使的字体不易辨认 3.字体和内容的空气
副问题[/!--empirenews.page--]

可以这样说,字体可以成绩计划也可以毁掉计划

昔时这么说,本日照旧这么说!

计划必备:字体行使类型

看完上面这张图你就能大白了

是不是阅读起来很是的难熬?

那就对了!

着实熬煎你的题目有以下几点

1.字体样式太多,混乱无章

2.行使的字体不易辨认

3.字体和内容的空气不匹配

怎么停止这样的功效产生呢?

一句话:通过常用字体类型可以辅佐你做出切合要求的计划

一.字不外三!

许多大神说过色不外三,着实在统一个APP或在统一个计划作品中字体也不要过三种样式,一样平常在每个项目计划中行使1-2个字体样式就够了,然后通过对字体巨细或颜色来夸大重点文案。

看到上图中的几个界面,都是通过字体的巨细来区分出界面内容中的层级相关的。

个中包罗了蚂蚁花呗的banner里只用了一种字体来区分主问题和副问题的相关。

着实网页也是一样,行使一种字体样式,通过字体巨细的比拟也能做出高逼格的构图和计划。

讲真!字体用的太多,会显得你不足专业!

二 .字与配景的条理要理解

看完上面两张Banner图是不是发明白同样的题目,字体和配景融到一块去了,在阅读的时辰很是的不利便

这样的Banner怎样才气到达广而奉告呢?

包罗做移动界面也是一个原理,选择下面这样的一个配景,用户在光照很强的时辰能看清吗?

以是易读性和易用性是用户的基础诉求!

三.字体样式与空气要匹配

看完这个图

第一个感受就是看不懂!细心看才知道是眼部英华油。

笔墨的气魄威风凛凛和整体的计划气魄威风凛凛纷歧致,没有发动用户的购置欲。

我们再来看看下图

团结文案内容,计划气魄威风凛凛回收了较量明快刚劲的计划气魄沤背同字体也选择了较量刚劲有力的造字工坊劲黑体。空气匹配,用户代入感强。

勾当banner的空气很是重要,选择吻合的字体样式能增强购置欲和点击欲。

以气魄威风凛凛分类常用的字体有以下几种范例

1.安稳型字体

在陌陌APP接待也中行使到了较量安稳的方正正中黑,整体气魄威风凛凛较量直接明白。

方正兰亭系列是网页计划中必用的字体,慎重而精致,还具偶然尚科技感。

看看下面这个苹果的网页,就造了

用了方正兰亭超细后的感受,是不是高端了很多~

虽然用在科技产物的官网中更吻合不外了。慎重而富有科技感。

2.刚劲有力型

张海山的字体很是的好用,可以试试,清楚明白,年青有力

华康俪金黑有种大字报的感受

3.可爱型字体

华康海报体

专题和引导页面中常常会用到

腾翔金砖体

这也是一个很是不错的字体

计划师操作了腾翔金砖体的原型将美食的元素融入到了计划中

(留意正当行使字体,字体都是有版权的哦~)

虽然我们还可以行使毛笔字天生器

通过自由的书法网站在线天生

在网址中输入文本,再举办选择书法字体样式

通过这种要领我们能很快的找到必要的书法字体

这招很是管用!

保举各人来两个毛笔字天生的网站:

二.界面中笔墨行使的法则

1.相识体系字体

iOS体系顶用的是苹方字系统列

为了增强条理相关苹方系列从细到粗有着差异的样式

Android的默认字体是Roboto和Noto系列

Roboto有6种字样

Thin、Light、Regular、Medium、Bold 和 Black

Noto有7种字样

Thin, Light、DemiLight、Regular、Medium、Bold 和 Black

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读