移动端UI界面设计尺寸规范 - 行业动态 - 济南新视觉数码实训基地-平面网页UI设计PS培训,室内设计,影视3D动画后期制作培训
免费咨询专线 4000-567-928
你现在位置: 首页 > 行业动态 > 正文 返回 >>

移动端UI界面设计尺寸规范

发布时间:2017-08-26 22:37:46 阅读次数:716发布人:王进


UI新手都头疼尺寸问题,其实并不复杂,关键是设计本身比较难把握。这一期新视觉实训总结一个精简版的设计流程方法。


画布尺寸:
新建750×1334  分辨率72,像素/英寸。

常见的字体大小:
24px、26px、28px、30px、32px、34px,36px等等。记住是偶数的。最小字号20px。

字体:
中文用苹方黑,英文用San Francisco,如果安不上也可以用Helvetica代替。


ios开发里单位是pt
750×1334尺寸的换算关系 1pt=2px,也就是说程序员拿到我们的px单位的标注稿,自己除以2就是pt了。

界面里的小图标常见的尺寸:
24px、32px,48px等,记住4的倍数比较好。
注意图标的尺寸要统一尺寸,以眼睛观察为主调整尺寸看上去一样。方形的比圆形的看着要大,需要调整下。

界面上的间距和元素尺寸:
以偶数为单位,不清楚的可以截图量大公司的APP界面作为参考。
750 x 1334 设计稿尺寸:
状态栏高度:40 px
导航栏高度:88 px
标签栏高度:98 px



这一期就为大家介绍这么多了,要想了解更多的关于UI设计的知识,欢迎来到新视觉实训。

相关文章:


济南新视觉数码实训基地

Copyright 1996-2015 | 工商注册号:101010101010101 | 鲁IPC备05030547
友情链接: 济南新视觉实训基地 | 山东新视觉数码科技| 济南平面设计培训 | 济南影视动画培训 | 济南室内设计学校 | 济南网页设计培训 | 济南电商设计培训 | 济南UI设计培训班
0531-
86558833
86467703

新视觉二维码