首页 APP开发 正文

app开发图片尺寸(app图片大小)

APP开发 1897
本篇文章给大家谈谈app开发图片尺寸,以及app图片大小对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、app界面设计尺寸规范大全

本篇文章给大家谈谈app开发图片尺寸,以及app图片大小对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

app界面设计尺寸规范大全

原型设计尺寸

☆ 状态栏(status bar):就是电量条,其高度为:20px;

☆ 导航栏(navigation):就是顶部导航,有线其高度为:45px;没有线高度就是44px;

☆ 主菜单栏(submenu,tab):就是标签栏,底部导航,其高度为:46px;

☆ 信号格:5 * 5

☆ wifi 图片:11 * 9

☆ 锁:11 * 11

☆ 导航:8 * 8

☆ 电量:22 * 9

☆ 闪电:5 * 8

☆ 状态栏中的文字:10px

☆ 顶部导航栏的图标尺寸为16x16px左右,底部标签栏的图标尺寸为23 x 23px左右。

☆ 导航栏的文字大小最大值是14px,底部标签栏的图标下方的文字大小为10px。

☆ 内容区域的文字大小是:10px, 12px,14px,16px。

① 文字黑色:#282828

② 文字深灰色:#656565

③ 文字浅灰色:#989898

④ 边框浅灰色:#C3C3C3

⑤ 背景淡灰色:#f2f2f2

⑥ 按钮背景纯白色:#ffffff

A、疏远距离:比如,所有元素距离手机屏幕最左边的距离。

B、亲密距离:比如,左边图标与右边文字之间的距离。

1、iPhone6手机模型尺寸:429x881px

2、界面尺寸布局:满屏尺寸375x667px

3、高度电量条高度20px,导航栏高度44px,标签栏高度46px;

4、各区域图标大小导航栏图标16px,底部标签栏图标23px;

5、各区域文字大小电量条-文字10px,导航栏-文字14px,标签栏-文字10px;

6、常用的文字大小:16px,14px,12px,10px;

7、常用的颜色:背景浅灰色:#f2f2f2, 文字深黑色: #323232,边框色深灰:#CCCCCC;

8、常用可点击区域的高度(比如搜索区域):28px;

9、单行文字的背景框的高度:44px,双行则为:88px,三行则为:132px;

10、常用间距:亲密距离:10px;疏远距离:15px,其它距离:5px,22px等;

APP设设计规范尺寸、切图详解——IOS和Android

目前主流的是以iPhone 6为主,设计尺寸是750*1334px,4.7寸。

1、分辨率以iPhone 6 设计为主:750*1334px

2、(字体 Helvetica/华文细黑,实际中运用黑体简或者Hiti-sc 最接近系统中所带字体)

3、工具栏height:88px    如搜索、选择、删除、回复等。

4、顶部标签栏height:60px  位于状态栏或者状态栏下的文字/具有可切换功能的图标

1、导航栏

所有的字号,在750*1334px的设计尺寸下都是偶数,便于程序员操作。

所有可触发按钮必须≥44*44

所有可触发按钮必须≥22*22

左右内容与边距的间隔大概在20px

强调确定,填充有彩色。

例如:

搜索框右边要有一个取消、或者输入了之后有一个“x”

渐变和底纹效果和程序员商讨

设计尺寸:720*1280px

状态栏48px  导航栏96px  内容区1038px   标签栏112px

上传的app图标尺寸是1024*1024吗

是的。

关于上架到App Store的图标尺寸

logo:

尺寸为1024*1024 px

iPhone:5.5英寸的屏幕截图

尺寸为1242 × 2208 px

上传时可使用最大的尺寸就可以显示最大图片就可以。

例如app的屏幕截图就使用5.5英寸的屏幕截图就可以了,在别的尺寸下面勾选显示5.5英寸的屏幕截图就可以了。

也可以上传4.7英寸(iPhone 6s/iPhone6),4英寸,3.5英寸的相应图片

iPad: 12.9英寸

尺寸:2048 × 2732px

同iPhone,iPad也是可以传一个最大的尺寸就可以了,还有个9.7(768 × 1024px)英寸的。

在上架app的时候要注意  在xcode里面打包成ipad版本  或者多语言的时候  要在iPad的截图也要上传对应尺寸的图。来源:娘亲Joanna。

扩展资料:

操作系统在显示一个图标时,会按照一定的标准选择图标中最适合当前显示环境和状态的图像。如果用的是Windows98操作系统,显示环境是 800x600分辨率,32位色深,在桌面上看到的每个图标的图像格式就是256色32x32象素大小。

如果在相同的显示环境下,Windows XP操作系统中,这些图标的图像格式就是:真彩色(32位色深)、32x32象素大小。下面就是Windows各个操作系统中的标准图标格式:(单位:大小象素—颜色)

Windows 98 SE/ME/2000

48 x 48 - 256 32 x 32 - 256 16 x 16 - 256

48 x 48 - 16 32 x 32 - 16 16 x 16 - 16

Windows XP

48 x 48 - 32bit 32 x 32 - 32bit 24 x 24 - 32bit * 16 x 16 - 32bit

48 x 48 - 256 32 x 32 - 256 24 x 24 - 256 * 16 x 16 - 256

48 x 48 - 16 32 x 32 - 16 24 x 24 - 16 * 16 x 16 - 16

* 这种格式在XP图标中并不是必须的。

注意:Windows98/2000对24 x 24格式的图标不兼容。可以在相关应用软件中打开含有这种图像格式的图标,但操作系统却认为是无效的。

必须确保你所设计的图标中至少含有以上所列的图像格式来获得良好的显示效果。如果操作系统在图标中找不到特定的图像格式,它总是采用最接近的图像格式来显示,比如把大小为48 x 48的图标缩小为24 x 24象素大小。当然,效果就差些了。

参考资料:百度百科-图标

关于app开发图片尺寸和app图片大小的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

扫码二维码