app开发图标适配尺寸(app图标尺寸设计规范)
今天给各位分享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图标尺寸设计规范的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
-
上一篇
阳江注册seo(阳江注册会计师) -
下一篇
大连网站模板(大连网站建设平台)