APP中字号和图标大小

作者:烟中隐约闪现 | 创建时间: 2023-04-20
我作为一个新人设计师时,第一大苦恼就是字体的规范,因为设计到可读性,不管界面做的多好看,字号不合适就会让整体效果大打折扣,甚至不可用,以下的字号大小均已设计苹果6的为标准说明,其它尺寸下的自行进行转换哦。是6,可不是6plus哦,不要搞错了...
APP中字号和图标大小

操作方法

首先是状态栏的大小,也就是手机最上端显示电量条那里的文字大小,是22px,px是像素的意思。

在状态栏下方就是我们的导航栏了,导航栏的文字大小值不是固定的,范围是32-36px,一般会用34较多一点,不过也根据不同APP自行调整。

内容区域的文字大小是:20px 24px,26px,28px,30px,32px,34px,所有的大小都是偶数的,不要用奇数的字号大小,切记切记,关于为为什么,这就涉及到前端的知识了。

手机页面的最下方的是标签栏,就比如微信最下方的四个小图标(我、发现、通讯录和微信),这里的文字大小为20px。

需要说明的是,标签栏的文字大小是最小的了,文字太小,可读性大打折扣,谁会拿个放大镜去看app呢

对于文章列表型的字号大小,一般主标题、副标题、提示性文案大小分别为 34px、28px、24px,,像作者是某某某,就是属于提示性文案了

搜索框是很常见的一个控件,一般搜索框的高度做成58px,里面的文字,一般是“搜索”2个字,字号是28px。

最后补充一点,最好的方式是做完一个app 页面,可以放到手机里看一下,这样是最方便是不是容易阅读,哪里有问题也比较容易找到的。

温馨提示

字号一定要是偶数的,在app 中
点击展开全文

更多推荐