概述
UI设计师在初涉移动端设计和开发的时候,基本都会面临一个令人十分苦恼的问题那就是移动端页面UI设计尺寸标准和字体规范,今天奇酷学院整理了一些关于手机端页面UI设计尺寸和字体大小规范问题,希望对UI设计师设计移动端页面的时候有一些帮助。
一、PS工具设计IOS界面
1.画布尺寸
新建750×1334 分辨率72,像素/英寸。
2.常见的字体大小
24px、26px、28px、30px、32px、34px,36px等等。记住是偶数的。最小字号20px。
3.常用字体
中文用苹方黑,英文用San Francisco,如果安不上也可以用Helvetica代替。
4.界面里的小图标常见的尺寸
注:ios开发里单位是pt
750×1334尺寸的换算关系 1pt=2px,也就是说程序员拿到我们的px单位的标注稿,自己除以2就是pt了。
24px、32px,48px等,记住4的倍数比较好。
注意图标的尺寸要统一尺寸,以眼睛观察为主调整尺寸看上去一样。方形的比圆形的看着要大,需要调整下。
界面上的间距和元素尺寸:
以偶数为单位,不清楚的可以截图量大公司的APP界面作为参考。
750 x 1334 设计稿尺寸:
状态栏高度:40 px
导航栏高度:88 px
标签栏高度:98 px
二、PS工具设计安卓界面规范
1.画布尺寸
如
最后
以上就是傻傻手链为你收集整理的ui设计移动端字体适配_手机端页面UI设计尺寸和字体大小规范的全部内容,希望文章能够帮你解决ui设计移动端字体适配_手机端页面UI设计尺寸和字体大小规范所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复