iPhone6的界面尺寸及原型规范

news/2024/11/15 8:24:03/

iPhone6的原型规范如下:

1、界面尺寸布局:满屏尺寸750x1334px

2、高度电量条高度40px,导航栏高度88px,标签栏高度98px;

3、各区域图标大小导航栏图标44px,标签栏图标50px;

4、各区域文字大小电量条文字22px,导航栏-文字32px,标签栏字20px;

5、常用的文字大小:32px,30px,28px,26px,24px,22px,20px;

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

7、常用可点击区域的高度:88px;

8、单行文字的背景框的高度:88px,双行则为:176px,三行则为:264px;

9、常用间距:亲密距离:20px;疏远距离:30px,其它距离:10px,44px等;

10、按钮和文本框,原型图做成直角的,圆角半径是多少,由Ui来设计;

11、这种情况,需要修改原型。单个页面的逻辑流程图或用户学习使用时间,超过其它页面平均数的3倍以上;

12、以上所有的规范仅供参考,该调整和修改的地方可以调整。具体情况具体分析。

来源:http://www.25xt.com/appdesign/10302.html

转载于:https://www.cnblogs.com/LLLLoveLLLLife/p/8037860.html


http://www.ppmy.cn/news/711656.html

相关文章

iphone计算机适配,iPhone UI界面尺寸如何一稿适配

为什么出现适配?主要是更新换代的硬件屏幕分辨率不断提升,因此设计界面向上适配、向下兼容。 在开始适配话题前,先铺垫几个单位和换算:分辨率(图像分辨率ppi、设备分辨率)、像素px、磅pt、倍率。 一、单位 1.分辨率 可以从图像分辨…

iphone6 6p纯代码适配

新QQ交流群:418536818,之前的群已满 首先说下让自己的程序支持iPhone6和6,第一种使用官方提供的launch screen.xib,这个直接看官方文档即可,这里不再多述;第二种方法是和之前iPhone5的类似&#xff0…

iPhone 部分机型尺寸

部分手机型号尺寸。 手机设备型号屏幕尺寸分辨率点数 (pt)屏幕显示模式分辨率像素(px)屏幕比例iPhone SE4.0吋320x5682x640x113616:9iPhone 6/6s/7/8/SE 24.7吋375x6672x750x133416:9iPhone 6p/7p/8p5.5吋414x7363x1242x220816:9iPhone XR/116.1吋414x8962x828x179219.5:9iPho…

如何基于ELK构建实时告警系统,保障你的系统稳定性

在现代的分布式系统中,日志数据是非常重要的。为了监控和分析日志数据,Elasticsearch 已经成为了一个非常流行的选择。Elasticsearch 不仅可以存储大量的日志数据,还可以实时地搜索和分析数据。但是,当您的系统发生异常情况时&…

ES6中的Class关键字和super()方法,使用详细(class类和super()方法)

简介:在ES6中,我们可以使用class关键字来定义类,并通过extends关键字实现类的继承,然后在子类中,我们可以使用super()关键字来调用父类的构造函数;今天来分享下class关键字的使用详细。 1、首先&#xff0c…

vue细节讲解

vue题库 自 检vue部分1、什么是vue生命周期?有什么作用?2、第一次页面加载不是 keep-alive 的第一次加载会触发哪几个钩子3-1、性能优化3-2、移动端的性能优化3-3、Vue项目性能优化3-3-1:Vue 代码层面的优化;3-3-2:web…

一个智能家居“适老化”的准样本

“当你老了,头发白了,睡意昏沉……” 这首19世纪爱尔兰诗人叶芝献给母亲的诗,因莫文蔚的演唱而为国人知晓。老年人不仅能够老有所依,也可以安享美好的生活,这是全社会共同追求的美好愿望。 如今,伴随着国家…

结构设计到项目管理:工程师是怎么练成的.

1. 我是一个有10 年电子产品研发经验的工程师和10 年IT 知名公司研发中心管理经验的技术管理者。世上好的管理理念可能归纳起来就那么1~2 百条,也都好理解,难的是怎么适当地运用在特定的环境中。下面的文章共18 篇,是我20 年工作中的片段&am…