安卓ui设计尺寸规范 (ui手机端设计尺寸)

ui设计移动端画布尺寸,安卓ui设计尺寸规范

鸽了一周没有更,因为累趴了啊!可恶的双十一

哈哈,在我离职之前还是来更一篇头条好啦!

可能很多人都知道我接下来要讲的东西,不过没关系哈,我总结给我自己的,仅仅找个地方存一下,当然你觉得有一点用也是可以点一下赞和收藏一下的。

今天我讲一下ios尺寸吧,下周会对安卓的讲一下

这周的其他时间当然是随便分享,其实我明天更想分享我和周杰伦的故事,不过估计没有时间。

开始入正题啦!

ui设计移动端画布尺寸,安卓ui设计尺寸规范

APP首页

ios

这周先来说一下ios

一般的APP的首页,有信号栏,搜索栏,标签栏,以及内容区,当然很多都不是固定模板,但是尺寸已经被大家固定

我是用750*1334尺寸来说的,这个尺寸也是ios做适配用的尺寸,相信大家都知道ios有很多尺寸,但是我们不可能每一个都去做一个吧,一般只需要做750*1334,然后72像素就可以了

我还是列举一下:

iPhone4、5、6、7等可以使用

信号栏(状态栏)的尺寸:750*40像素

搜索栏(导航栏)的尺寸:750*88像素

标签栏的尺寸:750*98像素

iPhone6plus、iPhone7plus等

信号栏(状态栏)的尺寸:750*60像素

搜索栏(导航栏)的尺寸:750*132像素

标签栏的尺寸:750*146像素

温馨提示:一般用自己手机截图尺寸来设计,方便预览效果!不过你没有使用苹果手机,建议尺寸640X960或者640X1136像素

这里我不得不提一下上面的40,88,98,60,132,146,还是隐藏的数字,6,4,32,8,12,16,20,你们会发现有很多APP会进行区块分隔,那么后面这一串数字你都可以使用,不用再专门再去设计该空多少,一般20,40,32都是不错的选择,也不会显得拥挤,如果现在需要输入一行文字,那么88,98,132的区块高度是不错的选择,至于60一般是搜索框的高度,当然这里字体大小肯定是自己调试,看起来舒服,后面会讲字体的大小

ios上线需要的icon一些尺寸

我准备这周莫一天有时间做一张图

以上纯属于我的笔记,肯定有错误,望大家提醒错误的,借鉴好的