当前位置:首页 > 体育 >

ui设计字号标准(ui设计字号怎么排)

来源:原点资讯(www.yd166.com)时间:2023-11-17 23:15:41作者:YD166手机阅读>>

可以看到,模块大小很均衡,看上去不会觉得哪些地方太大或太小,只要稍加填充样式,那么就可以变成完整的设计稿了。

这些参数虽然不能覆盖所有特殊的状况和需求,但至少可以保证这些控件不会被设计得很奇怪。当你们没有对于特殊化风格设计的控制能力时,就先学会正确的使用上面的这些参数吧。

四、界面的字号设置秘诀

关于文字我在之前的文章里面也专门出过一篇文字的尺寸的推文:

UI字号字体设置大解密但先理解了控件再思考文字,会更容易一些,它们之间也有一些有趣的联系。

而在对控件和文字都掌握熟练以后,才能进入后面的组件设计认识。

首先我们知道,安卓和 iOS 应用的中英文字体各不相同,苹果是用苹方和 San Francisco,安卓使用思源黑体和 Robot。

ui设计字号标准,ui设计字号怎么排(37)

在后面我们主要以 iOS 作为说明的对象,安卓可以直接参照它的字体尺寸设置。

1. 英文的字号

在苹果的官方建议中,有罗列比较完整的文字字号建议,但大家一定要谨记,那些就是建议,并不需要在非官方的组件中应用那些字号。

在 UI 中,最小字号的依据一般有两个,一个是人眼的可见度,另一个是屏幕的显示极限,最小的字号应该在 9pt 。而最大的字号,以 iOS11 的标题字号 34pt 为准即可。

ui设计字号标准,ui设计字号怎么排(38)

从 9-34,理论上其中每一个整数都可以使用,但我还是建议要应用一定的习惯。下面,就是我在英文应用设计中会使用的字体字号列表,为了便于记忆,我就只拆分成三种类型,初学者在使用时直接照搬就可以。

  • 标题:34、28、24、22、20
  • 阅读:18、16、14、12
  • 注释:11、10、9

在英文应用中,我们应用的字号大小随项目复杂度决定,通常,尺寸会在五种以上,两种标题、两种阅读、一种注释类字号,当然,我们还会通过字重和色彩进一步划分,在这不再赘述。例如下面我使用五种字号尺寸设计出来的原型案例:

ui设计字号标准,ui设计字号怎么排(39)

在 iOS 中,尺寸小于 20pt 使用 SF Pro Text,大于等于 20pt 时则使用 SF Pro Display 字体,这点大家需要牢记。

ui设计字号标准,ui设计字号怎么排(40)

栏目热文

ui设计现在以什么尺寸为准(ui设计官网尺寸)

ui设计现在以什么尺寸为准(ui设计官网尺寸)

Android的设计规范及分辨率尺寸 一:设计规范(以720*1280px为准):注:所有的规范时基于320PPI的,要...

2023-11-17 23:06:31查看全文 >>

ui设计尺寸一览表(ui界面设计标准尺寸)

ui设计尺寸一览表(ui界面设计标准尺寸)

在对界面的一些尺寸规范不是十分清楚的时候,往往凭借自己的感觉去绘制界面。大家都知道移动端设备屏幕尺寸非常多。尤其是And...

2023-11-17 23:17:45查看全文 >>

设备有虚电是怎么产生的(怎么判断是否是虚电)

设备有虚电是怎么产生的(怎么判断是否是虚电)

骑着电动车上路,一遇上坡,电量就掉格,下坡的时候,电量却又呈现“满血”状态,这样的情况相信很多人都遇到过。排除电池故障原...

2023-11-17 23:21:15查看全文 >>

虚电压怎么解决(虚电压怎么判断)

虚电压怎么解决(虚电压怎么判断)

电压低导致很多家用电器及工厂设备无法正常使用,影响工作生产,创稳今天就来帮大家分析下电压低的原因解决办法。电压低是什么原...

2023-11-17 23:17:45查看全文 >>

苹果手机虚电怎么解决(苹果手机虚电解决方法)

苹果手机虚电怎么解决(苹果手机虚电解决方法)

25分钟钱 电冲到51 用了10多分钟一下变 18 一下变8了 虚电 一半电 都用不到半小时,...

2023-11-17 22:54:37查看全文 >>

ui尺寸设置图解(ui如何制作2个尺寸)

ui尺寸设置图解(ui如何制作2个尺寸)

在上篇文章《基础科普!超全面的 UI 元素尺寸设置指南(上)》中介绍了设置 UI 元素尺寸的基础规范,及控件尺寸的定义。...

2023-11-17 22:46:01查看全文 >>

ui设计图最新尺寸(最新ui设计规范尺寸)

ui设计图最新尺寸(最新ui设计规范尺寸)

相信很多宝宝做设计的时候都会头疼尺寸的问题,尤其对于UI新手,其实并不复杂,关键是设计本身比较难把握,下面先看一下总结的...

2023-11-17 23:09:44查看全文 >>

ui设计长图一般多大(ui设计现在以什么尺寸为准)

ui设计长图一般多大(ui设计现在以什么尺寸为准)

Hello,大家好!我是柏小陌OK,一名UI设计师,小陌粗品,粗暴好用!今天和大家聊一聊不同工作阶段的UI设计师作品集应...

2023-11-17 23:07:52查看全文 >>

ui设计尺寸和分辨率(ui设计现在以什么尺寸为准)

ui设计尺寸和分辨率(ui设计现在以什么尺寸为准)

初入移动端开发和UI设计的童鞋可能对UI尺寸和单位特头痛,孟春觉得分享一下手机APP/Web UI尺寸和单位的经验是有价...

2023-11-17 22:51:22查看全文 >>

ui设计规范图标大小(ui设计小图标用什么格式会更清晰)

ui设计规范图标大小(ui设计小图标用什么格式会更清晰)

手机图标ui设计尺寸: ui手机界面图标设计尺寸你都了解了吗?作为一个UI设计,想要自己的页面符合使用习惯,符合标准这些...

2023-11-17 23:06:42查看全文 >>

文档排行