当前位置:首页 > 网站建设 > 正文内容

APP界面设计尺寸(ui设计手机界面尺寸)

网站建设1年前 (2023-03-25)1033

本篇文章给大家谈谈APP界面设计尺寸,以及ui设计手机界面尺寸对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

androidapp界面设计按什么尺寸

androidapp界面设计是按720*1280的,切图上可以点9切图做到所有手机的适配。

状态栏、导航栏和主菜单栏,以720*1280的尺寸来设计,那么状态栏的高度应为50px,导航栏的高度96px,主菜单栏的高度96px,因为是开源的系统,这里的数值也只能作为参考。

Android为了区别于IOS,从4.0开始提出了一套HOLO的UI风格设计风格,鼓励将底部的主菜单栏放到导航栏下面,从而避免点击下方材料误点虚拟按键,很多APP的新版中也采用了这一风格。

扩展资料:

注意事项:

1、通常情况要定位一个Icon只需给出上/下边距,左/右边距,标注图标距离只需标到可点击范围外

通用型颜色、字体单独标明一份,通用型模块只需单独标明一份,如导航栏。

2、手机可视区域通常为宽度固定,长度超出边界可滑动,所以标注物体宽度时可按比例说明,如果要标注内容上下居中,左右居中,或等比可不标注。

3、当交付的是一张完整图片时,不需做机型适配,只需给高清图(1920*1080)即可,注意进行压缩。

4、若图标在不同页面重复出现,且尺寸相差不大,直接给出最大一份切图,并在圆形图标明尺寸,程序会根据需求缩放。

5、当背景是纯色时只需给出色值,Android使用16进制色值。

参考资料来源:百度百科-Android

参考资料来源:百度百科-界面设计

参考资料来源:百度百科-状态栏

参考资料来源:百度百科-导航栏

参考资料来源:百度百科-开源系统

参考资料来源:百度百科-切图

参考资料来源:百度百科-UI设计

ios app界面设计用什么尺寸?

界面尺寸规范

1、界面尺寸大小是:750x1334px。

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

3、导航栏(navigation):就是顶部条,其高度为:88px;

4、主菜单栏(submenu,tab):就是标签栏,底部条,其高度为:98px;

5、内容区域(content):就是屏幕中间的区域,其高度为:1334px-40px-88px-98px=1108px

iOS是由苹果公司开发的移动操作系统 。苹果公司最早于2007年1月9日的Macworld大会上公布这个系统,最初是设计给iPhone使用的,后来陆续套用到iPod touch、iPad以及Apple TV等产品上。

iOS与苹果的Mac OS X操作系统一样,属于类Unix的商业操作系统,原本这个系统名为iPhone OS,因为iPad,iPhone,iPod touch都使用iPhone OS,所以2010WWDC大会上宣布改名为iOS(iOS为美国Cisco公司网络设备操作系统注册商标,苹果改名已获得isco公司授权。

浅谈iOS APP设计规范-按照iphone6尺寸

现在iOS app 的尺寸也变多了,要适配到各种尺寸需要选择一个折中的尺寸来向上向下适配,以前一般用的是iphone5的尺寸,iPhone6 plus出现后,iPhone6尺寸成了大多数设计师的选择。

一、iPhone6的界面布局是:

屏幕是4.7英寸的,设计稿的大小750x1334px

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

☆ 导航栏(navigation):就是顶部条,其高度为:88px;

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

☆ 内容区域(content):就是屏幕中间的区域,其高度为:1334px-40px-88px-98px=1108px

二、关于iPhone6的图标的尺寸是:

☆导航栏的图标高度为44px(绝大部分功能按钮)左右,标签栏的图标尺寸为50x50px左右,最大为96x64px。

☆关闭按钮34px*34px,返回按钮26px,简单笔画图标40px。

三、常用的可点击高度-登陆框、密码框、功能列表等,统一设成88px。

四、搜索栏、输入框、评论框、地址框的高度,在iPhone6的原型图上,统一设成58px或60px。

五、在iPhone6设计稿中,界面元素之间的常用距离。

常用间距-亲密距离:20px(与边缘距离);疏远距离:30px;

其它距离-10px,44px等;

区块间隔:30-40px。

A、疏远距离:比如,改图标距离手机屏幕最左边的距离;

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

六、黑白灰颜色常用的数值是:

① 文字黑色#333

② 文字深灰色#666

③ 文字浅灰色#999

④ 边框浅灰色#e5e5e5

⑤ 背景淡灰色#f2f2f2

⑥ 按钮背景纯白色#ffffff

一、注意事项

1、在每个项目设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案。字体用的太多,越显得不够专业。

2、不同的样式的字体,形状或系列最好相同,保证字体风格的一致性。

3、字体与背景的层次要分明,确保字体样式与色调气氛相匹配

二、界面中文字选用的规则

在不同平台的界面设计中规范的字体会有不同,像移动界面的设计就会有固定的字体样式,网页中会有常用的几个字体。

以下是在72像素/英寸下的规范

移动端常规字体

IOS:常选择华文黑体或者冬青黑体,尤其是冬青黑体效果最好, 方正兰亭黑和方正黑体简 、方正中等线也运用的比较多。

三、字体的大小

1、导航栏的文字大小是36-38px;

2、标题字号:32px ,34px;

3、内容区域的正文文字大小是:28px,30px;

4、辅助性文字:20px , 24px,26px;

5、标签栏(或主菜单栏)的图标下方的文字大小为20px;

6、终极原则:不大于所在要件高度的一半;

7、行间距:字号的1.2-1.5倍。

下图是百度用户体验做过的一个小调查,可以看出用户可接受的文字大小:

关于APP界面设计尺寸和ui设计手机界面尺寸的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

扫描二维码推送至手机访问。

版权声明:本文由飞速云SEO网络优化推广发布,如需转载请注明出处。

本文链接:http://jiabaodisplay.com/post/13831.html

分享给朋友:

“APP界面设计尺寸(ui设计手机界面尺寸)” 的相关文章

保定网站优化(保定网站建站模板)

保定网站优化(保定网站建站模板)

本篇文章给大家谈谈保定网站优化,以及保定网站建站模板对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、保定网站百度优化推广哪家好 2、保定市怎么做SEO优化呢,关键词要怎么优化? 3、保定SEO网站优化高手是谁? 保定网站百度优化推广哪家好 云优化。经查询百度优化...

网站制作工作室(专业制作网站)

网站制作工作室(专业制作网站)

本篇文章给大家谈谈网站制作工作室,以及专业制作网站对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、创办一个工作室的流程 2、济南有专业的网站建设工作室吗? 3、网站建设的步骤如何建设 4、怎么创建网站 5、推荐几个北京的网站建设公司,想做网站 创办一个工...

虚拟形象动作捕捉(虚拟形象动作捕捉技术)

虚拟形象动作捕捉(虚拟形象动作捕捉技术)

今天给各位分享虚拟形象动作捕捉的知识,其中也会对虚拟形象动作捕捉技术进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、直播时的虚拟人物怎么设置的? 2、为什么我的抖音开直播没有虚拟形象 3、腾讯会议怎么变身 4、小艺有虚拟形象吗 5、vtube...

稿定设计如何导出H5(稿定设计如何导出)

稿定设计如何导出H5(稿定设计如何导出)

今天给各位分享稿定设计如何导出H5的知识,其中也会对稿定设计如何导出进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、方正飞翔h5作品怎么导出 2、稿定设计怎么分享链接 3、稿定设计在线PS好的图怎么下载到电脑上? 4、如何把整个ppt转h5...

kitten源码编辑器(编程猫源码编辑器kitten)

kitten源码编辑器(编程猫源码编辑器kitten)

本篇文章给大家谈谈kitten源码编辑器,以及编程猫源码编辑器kitten对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、kittentimeover代码如何编写 2、源码编辑器小可问乖法题那个怎么弄 3、编程猫可以cpu指令吗 kittentimeover代码...

HTML5模板免费下载(html5下载网站模板)

HTML5模板免费下载(html5下载网站模板)

今天给各位分享HTML5模板免费下载的知识,其中也会对html5下载网站模板进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、下载了个外国模板,HTML5模板改不了中文,求教育!给高分。 2、html5企业网站,自适应网站模板哪个好? 3、如果把 ht...