首页 APP开发 正文

app开发图标适配尺寸(app图标尺寸设计规范)

APP开发 1946
今天给各位分享app开发图标适配尺寸的知识,其中也会对app图标尺寸设计规范进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、图标规范标准(IOS/Android)

今天给各位分享app开发图标适配尺寸的知识,其中也会对app图标尺寸设计规范进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

图标规范标准(IOS/Android)

IOS篇

本小节中ios图标标准均以iPhone6为例

1.APP图标  

         APP图标指应用图标,图标尺寸为120x120,如果是游戏类应用,这个图标也会被用在Game Center中。由于IOS应用图标是由于系统统一切圆角,所以设计的时候直接出方形图标即可。设计时可根据需要作出圆角供展示使用。

尺寸规格:

图标尺寸:57x57,圆角10;图标尺寸:114x114, 圆角20;图标尺寸:120x120,圆角22;图标尺寸:114x114,圆角20;图标尺寸:180180,圆角尺寸34;图标尺寸:512x512,圆角尺寸90;图标尺寸:1024x1024,圆角180.

2.APP Store图标

APP Store图标指上传至应用商店的应用图标,尺寸为1024x1024.为了吸引用户可增加更多的设计细节。不过基于效率考虑,一般与APP图标的设计保持一致。此时的图标需要设计圆角,圆角像素为160。

3.标签栏导航图标

标签栏导航图标指底部标签栏上的图标,图标设计尺寸为50x50。

4.导航栏图标

导航栏图标指分布导航栏上的功能图标,图标设计尺寸为44x44

5.工具栏图标

工具栏图标指底部工具栏上的功能图标,图标设计尺寸为44x44

6.设置图标

设置图标指在列表式的表格视图中左侧功能图标,图标设计尺寸为58x58

7.Web Clip图标

Web Clip图标指如果你有Web小程序或者网站,可以制定一个小图标。用户可以把它直接放在桌子上,用户可单击图标直接访问网页内容。图标设计尺寸为120x120。

Android篇

为了简化设计并且兼容更多的手机屏幕,安卓系统平台对屏幕进行了区分。按屏幕像素密度划分为低密度屏幕(LHDPI)、中低密度屏幕(MHDPI)、高低密度屏幕(XHDPI)、和超超高低密度屏幕(XXHDPI)。

密度之间的关系为3:4:6:8:12.使用这些比例,通过简单的计算,我们就可以适配出不同版本的位图,以供开发使用。

安卓尺寸标准:

75x75对应LDPI显示屏;100x100对应MDPI显示屏;150x150对应HDPI显示屏;200x200对应XHDPI显示屏;300x300对应XXHDPI显示屏。

特别提示:这些尺寸要熟练的运用到工作当中,希望大家多积累。

文章更新的速度确实有些慢了,我会加以改正。还望大家多多关注。

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图标尺寸和分辨率都是多少?

应用程序图标 (Icon)应当是一个 Alpha 通道透明的32位 PNG 图片。

由于安卓设备众多,一个应用程序图标需要设计几种不同大小,如:

LDPI (Low Density Screen,120 DPI),其图标大小为 36 x 36 px。

MDPI (Medium Density Screen, 160 DPI),其图标大小为 48 x 48 px。

HDPI (High Density Screen, 240 DPI),其图标大小为 72 x 72 px。

xhdpi (Extra-high density screen, 320 DPI),其图标大小为 96 x 96 px。

建议在设计过程中,在四周空出几个像素点使得设计的图标与其他图标在视觉上一致,例如:

96 x 96 px 图标可以画图区域大小可以设为 88 x 88 px, 四周留出4个像素用于填充(无底色)。

72 x 72 px 图标可以画图区域大小可以设为 68 x 68 px, 四周留出2个像素用于填充(无底色)。

48 x 48 px 图标可以画图区域大小可以设为 46 x 46 px, 四周留出1个像素用于填充(无底色)。

36 x 36 px 图标可以画图区域大小可以设为 34 x 34 px, 四周留出1个像素用于填充(无底色)。

扩展资料:

手机图标就像电脑图标一样,是一个程序的标记。如:照相机、设置、信箱、通讯录等。

通常为透明背景的图片如PNG格式。在手机中一半内置的图标都是经过美化的,后来安装的软件由于是个人制作,一定程度上不是那么完美,包括大小、 尺寸、比例等等,如果嫌不美观, 可以到安装目录比对标准的图标尺寸然后替换,用PHOTOSHOP或者其他绘图软件工具制作。

注意:一定要名称一样,格式一样或者修改安装表文件,指向你所更换的图标文件,起到一定的美化作用。同时手机图标要有一定的共同性,便于不同品牌的图标的图标功能相近性,便于使用。

手机图标制作:

一、主题风格:

做手机图标先要定好主题,风格,以及表现方式,如:简洁大方;古朴厚重;晶莹剔透;是写实的3D图标还是平面化的图标。这一环是和整个交互界面密不可分的。

二、选定软件:

根据风格定位,可以确定出是用哪种方法:用max建模渲染ps处理;用ps直接表现;用AI绘出再经ps处理(推荐)易修改大小以及之后的调整。

三、注意要点:

由于AI是矢量软件,可以很好的表现出画面图标的细节,尤其是复杂形体的表现,性能远远高于PS去制作,还有一个原因就是在制作手机图标时图标的大小都是很明确的,对于一些级小的细节AI很有优势,如果ps的话不易画出,如果放大制作,再缩小的话,会模糊掉,显得边缘粗糙。

参考资料来源:百度百科  手机图标

手机app的图标一般是多大尺寸?

手机app的图标都会有各种分辨率的尺寸,为了在不同的分辨率手机下都能正常显示。

截止2020年1月,手机屏幕分辨率最清晰是4K屏,水平清晰度3840,垂直清晰度2160,宽高比16:9,总约830万像素。但市面上真正在售的只有某尼的Xperia XZ(双4G)手机是这种屏幕。

4K是一种高清显示技术,主要应用于电视行业、电影行业、手机行业等领域。

扩展资料:

手机图标就像电脑图标一样,是一个程序的标记。如:照相机、设置、信箱、通讯录等。通常为透明背景的图片如PNG格式。

在手机中一半内置的图标都是经过美化的,后来安装的软件由于是个人制作,一定程度上不是那么完美,包括大小、 尺寸、比例等等,如果嫌不美观, 可以到安装目录比对标准的图标尺寸然后替换,用PHOTOSHOP或者其他绘图软件工具制作。

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

扫码二维码