锐客网

  1. 首页 > 睿知 > >

ios界面设计规范，iphone手机界面尺寸规范是怎样的

经验分享睿知

1，iphone手机界面尺寸规范是怎样的1、尺寸及分辨率 iphone 界面尺寸：320x480、640x960、640x1136ipad 界面尺寸：1024x768、2048x1536（以上单位都是像素哦，至于分辨率一般网页ui和移动ui基本上都只要 72 ppi）当然 ， 在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机尺寸来设计，比较方便预览效果，一般用 640x960 或者 640x1136 的尺寸设计 。苹果会给你建议，但你不按他的建议做也无所谓 。苹果的建议是为了开发者更好的调试，不用花很多时间在调整每个模块的高度等 。关键是看是否能满足你要做的产品的需求，如果其他尺寸更能让用户用的爽，你可以随便改 。你的链接里是iphone4的查看原帖>>
2，ios界面设计规范和android界面设计规范的区别IOS扁平，安卓说不定，像oppo是拟物化 ， CM是原生，MIUI是扁平根据android4,0规范与ios规范，android与ios主要的不容之处表现在：1.android4.0包括三个虚拟按键：返回、home和最近任务，而ios只有一个物理home按键，返回按钮一般放置在导航栏左上方 。2.android的主要操作栏在屏幕上方包括：向上+图标+页面名称+主要操作+更多（次要操作） ， 主要操作栏还提供视图切换功能 。ios包括导航栏、工具栏、tab栏，导航栏包括返回+标题+主要操作，工具栏包括一些次要操作，tab栏承担页面视图切换的功能 。3.android规定tab栏应在屏幕上方，主要操作栏下面，尽量不要放置在屏幕下方，防止与虚拟按键误操作 ， 而ios的tab栏在屏幕下方 。4.android长按会出现情境操作栏，对内容项进行选择及内容项的主要操作功能，而ios很少使用长按功能 。5.在手势操作上，android可以向左滑动删除单条内容，或滑动屏幕切换不同视图，而ios向右滑动删除内容，并且提供摇一摇返回等功能 。6.界面表现形式不同如：文本输入框、弹出框、选择器、操作按钮图标等 。但是，可以看到，为了保持用户体验及平台的一致性，以及资源的可重复利用，两个平台在界面布局上应尽量统一，有些app也会打破这些差异性 ， 好多android的app在布局上与ios相同 。
3，什么是ui ios和安卓的规范首先你要理解UI这个词的含义 。UI=用户界面 。那什么叫用户界面呢？手机，电脑 ， 智能手表，以及其他一些电子产品都有着自己不同的用户界面 。所以所谓的UI是没有固定的尺寸的 。真正的做一套UI界面，首先你的选定目前主流的屏幕尺寸 。打个比方说苹果5的分辨率是960X1136 。像这个分辨率别的手机根本用不了 。同一款APP在不同的屏幕尺寸下可能都有一套自己的UI界面 。至于图标的大小你可以百度一下，有标准尺寸的 。但是现在很多异形的APP都没有按照标准的来 。设计上来说这两个系统有些东西越来越通用了，目前很多android的应用偏苹果风格，也就是说基本都是采用一套ios设计模板来适配android系统 。术语解读和系统平台对比android是google公司开发的操作系统 。ios是苹果公司的移动操作系统 。导航方式不一样ios的tab放在页面底部，不能通过滑动来切换，只能点击 。也有放在上面的 ， 也不能滑动，但有些tab本身可以滑动 ， 比如天猫的 。还有新闻类的应用 。android一般放在页面顶端，可以通过滑动页面来切换tab，当然tab可以点击切换，tab多的话，tab本身也可以滑动 。比如豌豆荚，百度贴吧，qq 。总之 ， android啥都可以有 。ui设计规范不一样比如现在通常设计的尺寸对比如下：ios： 750*1334 或者 1242*2208android：720*1280 或者 1080*1920【ios界面设计规范，iphone手机界面尺寸规范是怎样的】
4 ， IOS端的UI设计所有的标注都应该是偶数吗1.术语解读和系统平台对比android是Google公司开发的操作系统 。iOS是苹果公司的移动操作系统 。2.UI设计规范不一样比如现在通常设计的尺寸对比如下：iOS： 750*1334 或者 1242*2208；android：720*1280 或者 1080*1920；另外象图标等涉及到系统显示的控件，二者也会有差别；不过安卓的品牌机型丰富、设计控件的难度较大，苹果机型有限且开发工具较为强大、做屏幕适配时要方便许多 。3.硬件功能不同例如实体键 ， iOS只有一个实体键（音量，电源不算哈），home键，这个键大致可以实现这么几个功能：1、按一次，回到桌面；2、双击 ， 出现多任务界面；3、iOS8里面，轻触两下Home键，调出单手模式；4、指纹解锁 。Android有四个实体键（现在很多被屏幕上的虚拟键代替，但功效是一样的）；4.4以下分别是back键，home键，menu键，和搜索键；4.4及以上 ， 是back键，home键 ， 多任务键；Android原生是这样，经过优化的Android就不一定了，比如魅族的smart bar，根据当前页面情景可以定制功能；Android的back键，在大部分情况下，和页面上的返回功效一样 。不过，Android的back键可以在应用件切换，还可以返回主屏幕 。这个iOS里面的键不能在应用间直接切换 。4.视窗控件设计原则不一样Android里可以看到各种浮窗 ， 流量，清理内存等等，iOS的原则是不支持三方app有这样的功能（越狱后可以）；对于iOS产品线 ， 苹果有严格的规范和审查，很多控件的功能比较有限；而安卓对应的产品涵盖广泛，自由度非常高 。5，ios app界面设计用什么尺寸界面尺寸规范1、界面尺寸大小是：750x1334px 。2、状态栏(status bar)：就是电量条 ， 其高度为：40px;3、导航栏(navigation)：就是顶部条，其高度为：88px;4、主菜单栏(submenu ， tab)：就是标签栏，底部条，其高度为：98px;5、内容区域(content)：就是屏幕中间的区域 ， 其高度为：1334px-40px-88px-98px=1108px1. iOS是由苹果公司开发的移动操作系统。苹果公司最早于2007年1月9日的Macworld大会上公布这个系统，最初是设计给iPhone使用的，后来陆续套用到iPod touch、iPad以及Apple TV等产品上 。2. iOS与苹果的Mac OS X操作系统一样，属于类Unix的商业操作系统，原本这个系统名为iPhone OS，因为iPad ， iPhone，iPod touch都使用iPhone OS，所以2010WWDC大会上宣布改名为iOS(iOS为美国Cisco公司网络设备操作系统注册商标 ， 苹果改名已获得isco公司授权 。刚开始接触UI的时候，碰到的最多的就是尺寸问题，什么画布要建多大 ， 文字该用多大才合适，我要做几套界面才可以?什么七七八八的也着实让人有些头疼 。废话不多说，希望大家耐心看完后，不要再纠结于尺寸相关的东西了 。一、尺寸及分辨率iPhone界面尺寸：320*480、640*960、640*1136iPad界面尺寸：1024*768、2048*1536单位：像素72dpi，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计 ， 比较方便预览效果，一般用640*960或者640*1136的尺寸来设计 。Ps：作图的时候确保都是用形状工具(快捷键：U)画的，这样更方便后期的切图或者尺寸变更 。二、界面基本组成元素iPhone的app界面一般由四个元素组成，分别是：状态栏、导航栏、主菜单栏、内容区域 。这里取用640*960的尺寸设计，那我们就说说在这个尺寸下这些元素的尺寸 。状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域 ， 其高度为：40px导航栏：显示当前界面的名称，包含相应的功能或者页面间的跳转按钮，其高度为：88px主菜单栏：类似于页面的主菜单 ， 提供整个应用的分类内容的快速跳转，其高度为：98px内容区域：展示应用提供的相应内容，整个应用中布局变更最为频繁 ， 其高度为：734px

    推荐阅读


    上一篇：搜狗浏览器的网址是什么,搜狗官方网站或者官方论坛地址多少？

    下一篇：苹果手机怎么恢复通讯录联系人，iPhone里的通讯录全没了怎么办