UI设计师 - 第四章:设计思维
分享给朋友:

按住画面移动小窗

下载
『UI进阶』特殊数字和品牌字体
虎课APP支持视频下载
扫码下载/打开虎课APP
支持视频下载,随时随地学
手机观看
扫一扫,手机继续学
扫码下载/打开虎课APP
支持视频下载,随时随地学
『UI进阶』特殊数字和品牌字体_虎课网
记笔记

全新AI视频总结上线

一键节省你80%学习时间

视频暂不支持AI视频总结
AI视频总结
编辑完成后,记得点我~

2.6万

已学

38小时

时长

33

配套素材

完课证书

¥199(¥299)

全站通VIP免费畅学

立即购买
图文教程学员评价 (218条评论)视频字幕

1.本课学习特殊的字体包以及品牌字体入门,开始讲解数字使用哪些字体包更加合适,我们之前讲解了【din】,【dosis】,【lato】这三个比较基础的应用,这里给大家梳理了几款比较优秀的字体包,第一款,【helvetica字体】,在对一些价格,数字,想要加粗显示的时候可以使用,具体如图所示。

2.第一款,【futura字体】,给人圆胖感,不适合正文数字,适合评分类,具体如图所示。

3.第三款,【roboto字体】,相比【futura字体】,更加高挑,适合价格类展示,辨识度更高,具体如图所示。

4.第四款,【avenir字体】,在外形上更加刚劲有力,偏向于方正,适合大屏数据可视化,具体如图所示。

5.第五款,【impact字体】,字体粗细结合,适合运营类板块,具体如图所示。

查看更多
您需要学习后才可以评价, 立即学习
您需要学习后才可以评价, 立即学习
评论列表
仅显示有内容的评论
仅显示带图评论
排序方式:

哈喽各位虎课网的同学大家好 ,那么这节课程 ,我们继续就着上篇 ,给大家讲了一下整个特殊的字体包 这节课程 ,我们来讲下在数字中会有哪些特殊的字体包 ,另外品牌字体 ,品牌字体 ,它是在一些字体包上进行加工的 ,我们来了解一下品牌字体的入门的一些 ,整个切入方式思维方式 应该是怎样的 ,那么了解完这两个之后 ,再搭配上一节整个字体这方面课程 ,那么大家后面在整个UI设计中 ,以及在一些整个移动端界面 ,那些运营广告位中 ,你可以在字体这个方向上有更多更清晰的选择 ,也会有个更加清楚的分析思路点 ,在这里面 ,好那做一个小小的回顾一下 ,我们在上节课给大家讲解的是 ,哪两大板块的 主要讲解是一个瓷片区 ,以及大促广告位 ,大促广告也就是我们上节课给大家讲的一个 ,圆角矩形的整个胶囊型的按钮 ,那么在整个大促的一些瓷片 大促 ,广告位要包括在一些瓷片区中的 ,给大家讲解的是两个方向 哪两个方向 ,也就是在这两个板块中 字体的细节是怎么样的 ,比如说字体颜色的连接 ,字体高度的占有篇幅 ,另外是整个字号这边等等 ,另外是否要采用一些倾斜 ,这都是一些整个字体细节 ,另外 ,我们也给大家定向 ,推荐了一些比较优秀的字体包 ,大家后面 ,一定就是这些执行层的工作 ,希望大家可以自己去做好下 ,那现在 ,我们给大家树立是整个数字 ,字体包 今天一个课程 ,讲解主题是整个数字的一个字体包 ,那么数字用哪些字体包会显得更加合适一些 ,那大家可以回想一下 ,在我们之前那个课程讲解中 ,给大家讲解到了一个din ,包括一个dosis以及lato ,那么这三个字体包 ,

它是一个比较基础的应用了 ,除了这三大基础的数字 ,字体包之外 ,还有没有些更加优秀的字体包 ,可以给我们来去一些使用 ,好的那这里我也是挑选了很多 ,我们在做整个备课工作的时候 ,也是梳理了很多三十多种字体 ,但是 ,最后使用能够使用在我们一些 ,移动端界面中的一些合适的字体包 ,还是属于比较少的 ,那这里给大家梳理到了四到五种 ,比较优秀的数字字体包 ,大家同样的也可以在整个百度上的把 ,在开源字体包去下载下来一下 ,在整个练习稿概念稿的使用中的 ,可以去锻炼下一些特殊的数字字体包应用 ,那么第一个字体包的是helvetica字体 ,我们现在来观察下 ,就是不是说我给大家推荐了这个字体包 ,大家直接就是啊 ,直接去照搬使用 ,你要 我们要去分析一下这个字体包合不合适 ,我们可能在做一些特定的产品的时候 ,这些字体包是比较合适的 ,但是你在做个男装合适 做女装类型的一个 ,App设计时候 可能就并不是很合适了 ,那么现在我们来观察一下 ,helvetica字体 ,我们可以发现一下它与苹方的差异并不是很大 ,但是 ,我们与苹方的数字 ,就是苹方的数字也要整个helvetica ,数字这边比起来 ,helvetica会更加粗一些 ,所以说 ,helvetica ,它更加适合一些 ,如果说你要想把一些价格 把一些日期 ,把一些评分进行提炼 ,要做一个加粗类型展示的时候 ,你觉得苹方不够粗 ,那么helvetica它可能更加能够 ,迎合你更加粗的一个字体 ,这方面要求点 ,但是它在整个笔触上 ,包括整个笔画的梳理上 ,是跟整个苹方差异并不是很大的 ,那么第二个 ,第二个我们很明显的发现 ,这个字体包跟helvetica比起来 ,它会显得更加特立独行一些 ,而且有点像是个圆胖子的一个感觉 ,那么这个字体包 ,它是一个futura ,这个字体包 ,我们现在来观察一下futura这个字体包 ,

它在品质上 包括它在整个气质上 ,这个字体包的气质是如何的 ,那这边我们可以发现整个futura字体包 ,肯定不能够适合大规模的用在些正文 ,我们可以感受一下 ,如果说你在整个日期 ,你在整个价格这方面 ,大规模的用到futura的时候 ,用户会感觉这个字体包 ,就显得不是很合我的胃口 ,尤其是对于一些女生的一些用户群体 ,那么这个板块的更加适合放在些评分板块中 ,而且不适合价格 大家想一下价格 ,价格是不是可能会有五位数 ,或者说比较常见的是四位数 ,三位数 ,四位数 三位数的时候 ,这个字体包比较圆胖的一个特征 ,这个缺点就会显示的比较淋漓尽致了 ,但是评分 ,评分它是比较基础的 ,就是比较短 ,4.0 5.0可以发现评分 ,我们是不是要把评分做个强化 而且 ,它比较精练 ,比较精炼时候它更加适合这些圆胖形 ,futura的这个字体 ,把它在整个视觉样式上 ,可以把它做得更加粗体一些 ,而且 ,我们可以用这样一个 ,更加特立独行的一个圆胖体的一个视觉笔触 ,让用户可以通过futura这个字体包从而 ,关注到评分这个板块 ,大家可以想一下 ,我们之前在给大家讲到过 ,用户要看你这个界面的哪里 ,这是设计师要去决定的 ,界面的层次性要做的更加有强有弱些 ,所以说 ,为什么要给大家梳理很多的特殊中文字体包 ,很多特殊的数字字体包 ,这都是希望我们通过合理的视觉表现 ,把用户的视觉吸引点 ,把用户的注意力吸引过来一下 ,同时吸引过来之后 ,你这个板块还得设计的比较优美一些 ,这只是给大家介绍一些 ,helvetica包括futura字体一个作用 ,那么第三个 ,大家可以来看 刚刚的我们给大家罗列是 ,一个圆胖形的 ,现在能给大家梳理一个比较高挑的 高挑字体 ,这边可以给大家介绍下roboto这个字体 ,roboto那是整个安卓原生中的一个数字字体包 ,

那么我们可以观察下roboto ,它在整个字体的表现上会 ,更加倾向一个 ,高挑的一个女生 更加高挑一些 ,那么比较高挑的时候 ,更加适合价格类的展示 ,正如我们刚所说的价格 ,它是比较长的 ,可能有五位数 ,更加常见的是四位数跟整个三位数 ,那么即使是在四位数跟三位数的时候 ,roboto那个字体 ,它在整个字符上展示上 ,不会显得很冗余 ,因为它这些 高挑这些特性 ,而且我们可以观察一下 ,因为价格 ,肯定是希望用户能够更加清楚地阅读到价格 ,那么roboto它在整个转折处 ,尤其是在斜体内的展示处大家可以看下2 ,2这个斜体的展示处 ,有可能我们常规做的2就是大概手写体的2 ,就显得有点弯弯曲曲 ,但是 ,这个roboto这个2 ,那它会显得一笔 斜体的一笔 ,直接做了一个整个笔触上的划分 ,所以说的用户在看到整个roboto梳理出来了 ,整个价格类数字字体的时候 ,就会显得辨识度上会显得更加高一些 ,这也是这个字体包这些优势点所在 ,所以大家后面再UI界面中 ,如果说试用一些价格类的板块 ,可以思考用是否可以尝试下roboto的一个字体 ,好的 那第四个 ,我们刚刚的给大家梳理是前三个 ,我们可以来回忆一下helvetica ,futura包括整个我们常用到一些比较 ,粗体类型的roboto一些字体 ,那么另外 ,我们在第四个给大家来介绍一下 ,我们可以发现这个字体包 ,avenir的一个字体 ,我们可以发现它的特征是什么 ,它的特征就是刚劲有力的就是前面 ,我们给大家介绍字体包的有些是圆胖的 ,有些 ,是比较高挑 ,像futura ,它就是比较圆胖的 ,像整个roboto ,它就比较高挑的 ,那么avenir ,这个字体 它就比较偏向于正方形 ,一些 方方正正的 ,我们可以来观察这边的中文字体 ,最高贷款额度 最高借款额度 ,那么这边中文字的时候 ,

它是不是比较偏向正方形的 ,方方正正的 ,那么数字这样个avenir ,这个数字字体包它也是偏向于比较方正的 ,所以大家后面 尤其很多同学在做一些后台 ,包括在做些网页 ,是不是有些大规模的数据可视化 就举个例子 ,大家之前是不是都会比较多的关注一下双十一 ,那么十一在那个 ,交易的展示屏上一天卖出去几百亿 ,那个交易的展示屏上 ,包括 ,大家后面要去做些大屏的 ,大屏那些什么交互 交通那些指挥台 ,这里都 是不是都会有些数据 ,比如说晚高峰 有多少路段 ,有多少路段百分比出现了拥堵 ,哪里有多少个 车流量 ,都会有很多很多的一些数字使用 ,那么在一些后台 ,我们可以来总结一下 后台大屏那些整个界面设计 ,另外 ,在一些网站上的一些整个数字字体应用的时候 ,我们可以思考使用下avenir的一个字体 ,它会在整个笔触上更加刚劲有力 ,而且在整个字符展现上的会更加偏向于方正一些 ,用在整个大屏数据可视化的时候 ,会更加优美 ,那这边 ,给大家梳理 第五个 ,第五个的时候 ,可以发现 第五个字体跟前面这四个字体 ,又是迥然不同的 ,我们可以发现一个什么特点 ,它就是非常的 出现了一个什么特点 ,刚 整个粗细结合 ,可以发现是不是粗细结合 ,那么这个字体包 是impact字体 ,impact字体 ,当然我们可以 我这边是做的 ,一个反例 大家很明显的发现 ,很多我们适合放在banner中的一些字体 ,很多适合放在些运营业中的字体 ,它是肯定是不太适合放在一个UI ,UI那个界面展示中的 ,所以说impact字体 ,它更加适合放在线运营类的板块中 ,比如说在运营的banner中 ,你说 ,限时促销 满一千元减两百 ,那么这一千跟两百我们可以用这样个impact ,一个字体会更加合适一些 ,那么我们可以发现大家后面 ,如果说你这个字体包 ,它在个笔触上 ,你可以发现它的笔触 ,一些笔画上 如果说是非常的粗细结合 ,粗细结合比较明显的时候 ,

登录后查看更多
UX/交互设计师
共 45 节课
网页设计师
共 166 节课
UI设计师
共 104 节课
HMI车载UI设计
共 20 节课
已是第一张图了
已是最后一张图了
记笔记

导出笔记

笔记导出历史

00:00

0/12
确定保存
笔记导出历史导出完成的笔记将保留1天,如有需求请及时下载
课程名称
导出时间
文件大小
状态
操作
AI视频总结
AI正在分析视频,请稍等…
AI总结遇到了一些问题 点击重新获取
点击重新获取
成为全站通VIP 查看完整AI总结
复制

职业路径建议意见

请选择你对职业路径课程的满意程度

请选择你对职业路径课程的满意程度

请填写关于职业路径的建议意见:

同学,小虎知道你非常努力的想学习!

老师录制课程真的也很辛苦

赞助一下吧

确定学习吗?

您每天可免费学习一个教程。

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

您已经免费学习 1 个教程 !

我们录制教程很努力的,赞助下吧 !

升级VIP吧!

您已经学习 5 个教程啦!

我们录制教程很努力的,赞助升级下吧 !

您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个素材文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计观看5个图文教程


您在当前分类下不是VIP,赞助VIP享受无限观看


学习后才能评价哦!

获得30虎课币

评论提交成功,将在审核通过后显示

×

下载素材/源文件:

收藏成功
取消成功
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了27,078
并提交了210份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证