UI设计课EDC研究所1期 Part 10 - 数字的字体

最新推荐文章于 2022-02-07 14:40:40 发布

lemon_SIR

最新推荐文章于 2022-02-07 14:40:40 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/lemon_SIR/article/details/84480022

本文介绍了几种常见的数字字体，包括dindosislato、Helvetica、Futura、Roboto、Avenir和impact，探讨了它们的特点和适用场景。从字体的视觉效果到品牌风格的匹配，为不同媒介如手机和大屏提供了专业的字体选择建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

1.常用的数字字体
2.如何选择以及使用场合

1.常用的数字字体

基础的：din dosis lato
Helvetica ：与苹方类似，但粗一点
Futura：圆胖，不适合正文和价格，可以用于评分
Roboto：高挑，适合价格展示
Avenir：刚劲有力，大屏数据可视化
impact：粗细结合，适合运营类版块
（顺序打乱）

2.如何选择以及使用场合

(1)如何选择:

根据文案使用字体，比如体现什么
根据使用场景，比如展示的媒介是手机/大屏
与品牌的风格近似，与logo呼应

(2)品牌字体使用场景

启动页
首页
活动页

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lemon_SIR

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

UI设计课EDC研究所1期 Part 12/13 - ios规范

lemon_SIR的博客

11-26

811

文章目录1. 尺寸和单位2. 字体3. tab图标4. 按钮四态5. 命名规范6. 标签7. 兜底加载8. 特殊字体9. 分割线10. 列表 1. 尺寸和单位设计尺寸：750 x 1334 ，状态栏高40px，导航栏高88px ，标签栏高98px。 ios中的单位：pt 在@2x里，1pt = 2px 在@3x里，1pt = 3px 所以设计以2x为准，导出3x的时候仅需放大1.5倍。 2...

din字体是开源字体吗_字体 DIN 与工业标准

weixin_29230805的博客

12-23

2296

在德国的大街小巷处处都能看到字体 DIN 的踪迹在整齐划一的字母背后是一整套德国标准体系也是普鲁士人严谨高效的真实写照无处不在的字体 DIN从德国的公路上飞驰而下，一块块路牌引导着你进入一个又一个岔路口。蓝天白云的映衬之下，每一块路牌都清晰可辨，每一块路牌都使用了同一种字体—— DIN。不止是路牌，车牌上使用的也是 DIN；不止是在德国，在欧洲各国的公共告示牌上也都有 DIN 的踪迹。除了公共交通...

参与评论您还未登录，请先登录后发表或查看评论

DIN1451字体编码规则

12-10

大众DIN1451字体编码规则说明书，方便大家学习下载！

数码数字字体_日本极简主义的数字产品UI设计

weixin_39955732的博客

11-19

379

编辑导语：日本是一个崇尚极简主义的国家，这点在数字产品的UI设计中也有所体现。本文作者为我们分享了一些在网页设计中，以日本极简主义美学为特色的数字插图的例子，希望这篇文章能给激励各位设计师，思考出更多令人惊叹的极简主义设计。日式设计风格的数码产品，强调现代数码世界中日本极简主义的美。在这里，古老的传统艺术与数字技术相结合，传统与创新并存。这种令人难以置信的风格和技术的结合，催生了产品用户界面设计的...

UI设计师常用500多款字体和73款手写字体打包

quziliao的博客

05-07

4269

平时需要到处找字体做海报、做PPT的有福啦！东哥这两天更新整理了大概500多种字体，一起打包整理好了。让设计师大大们不用麻烦的找字体了，共有1.07G的字体文件，苹果电脑和Windows电脑均可使用主流字体：方正系列还有英文标题字体都可以用！ PS:方正和汉仪的字体尽量不要用于商用，具体原因，可以查度娘！以上是部分字体的截图，因为上班的地方是Windows系统，所以截图是windo...

UIFont的常用字体

weixin_30338461的博客

05-29

170

+ (UIFont *)systemFontOfSize:(CGFloat)fontSize; 系统默认字体 + (UIFont *)boldSystemFontOfSize:(CGFloat)fontSize; 粗体 + (UIFont *)italicSystemFontOfSize:(CGFloat)fontSize; 斜体转载于:https://www.cnblogs.com...

UI设计课EDC研究所1期 Part 5- UI系统学习基础

lemon_SIR的博客

11-24

802

文章目录1. 基础部分2. 难点/瓶颈3. 进阶 — 六大方法论 1. 基础部分（1）六大组件：字体图标按钮标签瓷片区 banner （2）四大主流行业：金融行业电商行业医疗行业社交行业 2. 难点/瓶颈难点是3种类型的插画分别是吉祥物设计、2.5插画、扁平化噪点插画 3. 进阶 — 六大方法论格式塔原则尼尔森F型视觉模型设计来源于生活情绪版数据振动模型能力模...

UI设计课EDC研究所1期 Part 5- UI系统学习基础

czx3387170的博客

02-19

292

1. 基础部分（1）六大组件：字体图标按钮标签瓷片区 banner （2）四大主流行业：金融行业电商行业医疗行业社交行业 2. 难点/瓶颈难点是3种类型的插画分别是吉祥物设计、2.5插画、扁平化噪点插画 3. 进阶 — 六大方法论格式塔原则尼尔森F型视觉模型设计来源于生活情绪版数据振动模型能力模型 ...

UI设计课EDC研究所1期 Part 7-掌握细节拆分的设计思维

lemon_SIR的博客

11-24

648

文章目录1. z轴拆分2. 界面内容有哪些 1. z轴拆分目的：提升设计的精度（1）banner的拆分其思考顺序是：背景 - 文案 - 模特 - 点缀在此基础上具化，以文案为例，其考虑顺序是：字体 - 调整 - 颜色 - 位置（2）导航栏的拆分：背景- 文案 - 两边的按钮在此基础上细化：文字大小：34 - 40px 图标样式：使用线性图标、2px描边、44*44px以...

UI设计课EDC研究所1期 Part 16/17 - 安卓和ios的比较和适配

lemon_SIR的博客

12-01

796

文章目录1.布局数值2. 基础组件3.系统用色4.图标5.组件6. 设计样式7.小结 1.布局数值（1）字体 ios：苹方、Helevatica 安卓：思源黑体、roboto （2）图片适配 ios：宽750px 安卓：宽720px 适配问题：以瓷片区域为例，保证两边的留白以及图片之间的间距不变，仅仅缩放图片的比列另外呼吸感的数据：两边留白12px，中间间距6px。 2. 基础组件 ...

UI设计课EDC研究所1期 Part 11 - 字体变形

lemon_SIR的博客

11-25

512

文章目录1. 梳理需求2. 确定字体3. 字体变形 1. 梳理需求（1）确定文案主题（2）观察字体，确认变形的部位变形技巧有很多，比如笔画重连,参考这个笔画设计最小程度的变形，比如断句法 2. 确定字体（1）明确主题气质寻找气质关键词，比如由“生鲜”想到“健康绿色” 把关键词具象，比如“健康”可以对应到“食材” （2）寻找基础字体 3. 字体变形（1）收集灵感和参...

UI设计课EDC研究所1期 Part 6- 了解数据

lemon_SIR的博客

11-24

545

文章目录1. 界面的衡量2. 数据的作用3. 常用的3种数据4. 数据的来源5. 我的感想 1. 界面的衡量取决于视觉设计和功能，而功能的衡量体现在数据。 2. 数据的作用了解用户支持设计 ——可以发现问题，用数据作为改版的切入点 3. 常用的3种数据（1）点击率 = 点击次数/出现次数案例：比如在不准改变功能层次的前提下，凸显某一个功能（返利啥的）做法：需要使界面的层次分明...

din、Dosis、Lato

09-04

din全套字体下载，Dosis全套字体下载，Lato全套字体下载，作为iOS系统的优异的数字字体，可以极大地提高界面的美观程度

Lato字体合集

07-26

常用的lato字体合集，国外APP常用，字体优雅，适合食物等APP

UI设计课EDC研究所1期 Part 8 - 大厂流程

lemon_SIR的博客

11-24

896

文章目录1 流程一览2. 设计分析3. 设计执行4. 设计后5. 我的感想 1 流程一览需求宣讲 - 原型设计 - 交互评审 - 视觉设计 - 设计评审 - 开发上线简单的三步就是：设计分析A（体现设计的价值） - 设计执行B - 设计跟踪C 2. 设计分析 (A1) 在产品环节要确认需求，明确设计目标（1）有效梳理页面层次性（2）提高某些图标的点击率（比如消费等），方法(就是为了提升对...

din字体是开源字体吗_12款免费开源英文字体

weixin_39891694的博客

01-08

4052

前言：如果设计产品或者网站是面向国外对象用户的时候，盲目使用商业英文字体，就有可能引起字体版权纠纷。今天为大家介绍12款不错的开源英文字体，免费使用，接下来选择一款符合你作品调性的英文字体吧！12款免费开源英文字体1.Krona One相信大家经此在Behance上经常见过带类似字体的作品，这款无衬线体，扁而粗，极具时尚感的同时兼具动感还有现代感。适用类目或场景：时尚潮牌服饰、运动、设计...

UI-第一节课

小伟

11-12

537

一、字体规范 ios:苹方 Helevatica 京东黑体/DIN android:思源黑体 roboto 京东黑体/DIN web:微软雅黑二、

在UI设计中用什么样的字体？

ysxjy2020的博客

02-07

2862

在windos下支持的字体宋体（simsun）：在win下大部分的浏览器是默认的，适合小字号，不太适合大字号。微软雅黑：是目前win浏览器中最值得使用的。 Arial：win默认的无衬线英文字体，效果一般。 Tahoma：显示效果比arial好 Verdana：小字体显示效果较好其他：win下的默认字体微软官网、维基百科、Office字体总结：微软雅黑为最合适字体，需要设置，英文选择Arial和Tahoma为主。 mac os下华文黑体，华文细黑：是同一字体家族的字，

ui设计字体，在ui设计中用什么样的字体？

yixialan88的博客

07-20

2034

ui设计字体，在ui设计中用什么样的字体？对于ui设计的字体，由于在不同系统上的支持的字体是不一样的，在ui设计中，字体的使用又特别的常见。所以今天就来分享一下如何合理的选择合适的字体。我们大家一起来看看吧！ ui设计字体一.认识字体 1.在windos下支持的字体宋体（simsun）：在win下大部分的浏览器是默认的，适合小字号，不太适合大字号。微软雅黑：是目前win浏览器中最值得使用的。 Arial：win默认的无衬线英文字体，效果一般。 Tahoma：显示效果比arial好 Verdan..

UI设计课EDC研究所1期 Part 18/19 -金刚区图标细节

lemon_SIR的博客

12-02

9310

文章目录1. 图标特点2. 基础规范3. 图形分析制作4. 配色5.细节处理6.小结 1. 图标特点需求层级较高（是重点设计内容）颜色较为丰富以面性图标为主 2. 基础规范（1）容易出现的问题尺寸不合理缺少呼吸感（2）尺寸：大多数图标的尺寸为：90px（可浮动）（3）呼吸感水槽间距：40px（图标区域到四周的留白）图标与文字：40 x 0.618 = 24px （...