贡献值14 &虚拟币0 &
移动应用界面的尺寸问题：iphone4、iphone5、5S、6、6plus
大家用Axture设计iphone 4 原型时使用多大尺寸呢？
我用下载的部件库，iphone 4尺寸380x800, 屏幕尺寸320x568
可规范中iphone4的分辨率应该是640x960啊！
贡献值12439 &虚拟币19707 &来自上海&
设计原型时，使用低分辨率的就可以。
最终用户界面才使用高分辨率的，以适应苹果Retina屏的显示。
iPhone4做原型时，可以用320*480,
iPhone5做原型时，可以用320*568,
iPhone6做原型时，可以用375*667,
iPhone6 Plus原型，可以用414x736,
(25.37 KB)
参考链接：
解释链接：
图示链接：
图示链接2：
(141.3 KB)
真正技术实现时，才会再做高分辨率的图。
iPhone4的显示分辨率，640*960
iPhone5的显示分辨率，640*1136
iPhone6的显示分辨率，
iPhone6 Plus显示为，
(15.53 KB)
图片链接：
实际上我们的工作即不是开发，也不是前端，也不是视觉，
我们不用纠结最终用户界面的实际尺寸是多少。
在根本原则上，我们只需要依照屏幕的长宽比例，设定一个自己适合的大小即可。
比如iPad一代的分辨率是，它们的长宽比是4:3。
我现在要设置一个粗略的iPad版的应用原型，用于快速表达一些大致的信息框架。
我其实就可以不按着的尺寸来设计，而是按着4:3的比例，
可以选择按着600×450来设计，像下图这样，在粗略原型的表达上完全没有问题，
并且可以保证内容在电脑上演示时，在电脑浏览器的一屏下都可以显示全，
还不用上下总要滚动鼠标，更加方便了快速浏览。
另外设计原型时，只画屏幕部分即可，
不需要外面非要套个手机壳子在外面。
其它参考链接：
精品文章 &&虚拟币 + 1
&&虚拟币 + 1
，，，，，，
贡献值14 &虚拟币0 &
多谢啊！其实我个人觉得既然做还是按实际分辨率做比较好。
贡献值10 &虚拟币0 &
贡献值14 &虚拟币0 &
尹兄的意思是，实际设计界面尺寸是按照，实物原本尺寸折半设计。
但是，下图给出的参考样例：
对于部分组件，是不是也是需要折半处理呢？比如导航栏、状态栏。iphone字体大小使用的像素
八号＝5磅(5pt) ==(5/72)*96=6.67 =6px
七号＝5.5磅 ==(5.5/72)*96=7.3 =7px
小六＝6.5磅 ==(6.5/72)*96=8.67 =8px
六号＝7.5磅 ==(7.5/72)*96=10px
小五＝9磅 ==(9/72)*96=12px
五号＝10.5磅 ==(10.5/72)*96=14px
小四＝12磅 ==(12/72)*96=16px
四号＝14磅 ==(14/72)*96=18.67 =18px
小三＝15磅 ==(15/72)*96=20px
三号＝16磅 ==(16/72)*96=21.3 =21px
小二＝18磅 ==(18/72)*96=24px
二号＝22磅 ==(22/72)*96=29.3 =29px
小一＝24磅 ==(24/72)*96=32px
一号＝26磅 ==(26/72)*96=34.67 =34px
小初＝36磅 ==(36/72)*96=48px
初号＝42磅 ==(42/72)*96=56px
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。如何切图？&
了解iphone界面的尺寸
最小的分辨率是320x480，我们把这个尺寸定为基准界面尺寸（baseline），基准尺寸所用的图标定为1倍图（1x）。&
在实际设计过程中，为了降低设计成本，一般拿设备最高的分辨率作为设计稿的原始尺寸，拿iphone来说就是iphone5或5s的640x1136啦，当然也可以用iphone4或4s的640x960，因为宽度都是640px，他们切图的标准是一样的。显然，以1倍图的基准尺寸（宽320px）为相对的参考依据，宽640px的设计稿，以原始尺寸切出来的图标称为2倍图（2x）。
有人可能会问：为什么不拿320px作为设计稿的原始尺寸呢？因为1倍图放大成为2倍图远比2倍图缩小成1倍图来得模糊！
于是，在不考虑iphone6和iphone 6 plus的情况下，为了适配iphone，每个图标需要切两份。
Android - 更为繁多的界面尺寸
Android开源自由的代价就是设备规范的不可控，市面上充斥着各种品牌的android手机，有着各种各样的尺寸和分辨率，为了适配各种不同分辨率的设备，同一个图标需要切成N份，每一份对应一个尺寸。
另外需要注意的是，Android里面开发用的尺寸单位是dp或sp（dp为元素表现尺寸，sp为字体尺寸）而不是iphone中的px。。。
对于分辨率繁多的android设备，为了方便原生应用的界面适配，Google按照dpi大小将它们分成了4中模式（MDPI、HDPI、XHDPI和XXHDPI，也许有一天会增加第五种XXXHDPI，谁知道呢）：
看到这里，传统的web前端同学可能已经凌乱了，iphone用px，android用dp，而视觉设计稿则统一用的px，怎么将使用px作为单位的psd给使用dp作为单位的android app切图啊???
显然，我们得花点脑细胞去弄清楚px与dp的换算关系。
px与dp的换算关系
一般情况下，手机分辨率与所运行的dpi模式是匹配的，例如hvga(320x480像素)的手机屏幕一般在3.5英寸左右，运行在mdpi模式下。当运行在mdpi下时，1dp=1px：也就是说设计师以320x480作为设计稿的尺寸时，在PS里定义一个item高48px，开发就会定义该item高48dp；Photoshop中14px大的字体，开发会定义为14sp。
对于一部wvga（480x800像素）的手机（G7、N1、NS），一般是运行在hdpi模式下。当运行在hdpi模式下时，1dp=1.5px：也就是说设计师以480x800作为设计稿的尺寸时，在PS里定义一个item高72px，开发就会定义该item高48dp；Photoshop中21px大的字体，开发会定义为14sp。
关于px与dp的更多详细信息，请参考文章
IPhone应用切图尺寸与Android应用切图尺寸的对应关系
在Android应用中，以MDPI为基准界面尺寸，恰好对应上面提及的iphone应用的基准界面尺寸（320x480），所需的切图图标为iphone中对应的1倍图；XHDPI则对应2倍图，HDPI和XXHDPI可依此类推。
换一种说法再看看：如果要以最低的设计成本做一个app，iphone版和android版用的同一套设计稿，那么设计稿的尺寸最好是640x960像素。因为这个尺寸切出来的图标尺寸涵盖了iphone 3 ~ 5的分辨率，以及android的MDPI、HDPI、XHDPI模式。XXHDPI模式会自动利用低一级的XHDPI的图标进行放大展示。
把切图交给工具
看了上面提及的各种界面尺寸，如果全手工切，一次切完你能忍。如果切完了还有各种图标的增加、修改，没几次你多半会崩溃血喷屏幕～
幸好我们有一些很好的切图工具可以用，具体使用方法可参考它们的官网教程。
推荐切图工具1 -
推荐切图工具2 -
推荐切图工具3 -&
注：damao推荐，看了官网好像很强悍的样子，但是收费哦。
借助工具，原生App中的切图变得简易，但是&一个图标要切多套尺寸&的问题依旧没有改变，有没有更好的图标解决方案呢？譬如应用网页应用中的图标字体？&敬请期待《Iconfont在原生App中的应用》。
分享到 & 　　
LAST WORKS
ideas第09期
Webpage Designed by TGodeas-腾讯游戏官方设计团队
Copyright & 2011. All Rights Reserved.& 新闻客户端 &
iPhone 6s把单位像素尺寸降到1.22μm是退步吗？
驱动中国日消息，在坚持了4代的800万像素主镜头之后，苹果终于把全新的iPhone6s/6sPlus的镜头升级到了1200万像素。我们从来不怀疑iPhone的拍照成像能力，苹果在发布会现场展示了成像效果惊人的样张，iPhone 6s/6s Plus似乎拥有更加出色的拍照能力。
当然像素不是成像质量的关键因素，但从参数上看除了像素，本次苹果给iPhone 6s/6s Plus的镜头配置提升似乎很难让人兴奋：光圈仍为f/2.2，CMOS尺寸还是1/3，CMOS尺寸不变像素提高明显意味着单位像素面积减小，所以单个像素尺寸从iPhone 5s时就出世的1.5μm竟然降到了1.22μm！
这让人非常吃惊，牺牲了像素面积提升像素数量这完全不是苹果的作风，而早前能够把800万镜头坚持这么久的一大法宝就是iPhone较大的单位像素面积。1.5μm虽然比不上诺基亚808这样的拍照怪兽，但也能秒掉绝大多数安卓阵营对手。
本次苹果给iPhone 6s/6s Plus提升了像素，可能是在不能增加镜头凸起设计、未增大CMOS尺寸的前提下提升的像素数量，因此这也意味着苹果也仍然陷入了镜头厚度、CMOS尺寸、像素数量、像素面积这四个相互矛盾的手机镜头设计怪圈。
不过，CMOS上的像素大小造成的优劣是由于各个子像素点之间的串流干扰造成的，这是CMOS相比CCD成像的一大劣势，苹果能够忍受单位像素面积减小带来的串流干扰吗？而按照苹果极致追求成像效果和出片率的惯有作风，如此有自信降低单位像素面积可能并不意味着对“四大要素矛盾”妥协。
发布会上，苹果特意强调iPhone 6s使用了“Deep trench isolation”，直译下来就是“深槽隔离”，看样子苹果用了全新技术来改善画质。据苹果官方信息显示，iPhone6s/6sPlus全新 1200 万像素传感器使用先进的像素技术，传感器上的每一个像素都经过重新构建，可有效避免子像素之间的串扰。这就意味着，在传感器中置入更多的像素，从而获得更清晰的照片，噪点更少，色彩更逼真。
所以看来苹果给子像素间增加隔离的方法来降低子像素间的串流干扰，其实这种类似的CMOS方案在三星的某些旗舰上已经出现，所以这个变化看上去是弥补单位像素面积缩小的一种取巧的方法，在CMOS已经非常成熟的现在，实际效果提升幅度估计没有多大。
在当下Android阵营大尺寸CMOS不断涌现的状况下，苹果的这种弥补无法看出多大诚意，然而苹果还有一大法宝，那就是新一代图像信号处理器（ISP）和高超调校，我们知道iPhone对于色彩、降噪、HDR等方面优秀把控能力离不开独步业界的ISP调校。据苹果官方信息显示，iPhone6s/6sPlus 引入了苹果 设计的新一代图像信号处理器，它可与 iOS 9 密切协作，提供更出色的时域和空域降噪效果以及第三代局部色调映射功能。
所以看来iPhone6s/6sPlus虽然没有提升CMOS面积，还降低了单位像素面积，但是苹果用了其他方法对成像在一定程度上进行了弥补，其拍照效果还是值得期待的。而这颗镜头最新支持的4K摄录功能也是一大亮点，而且iPhone6s拍摄4K视频时能用到约3/4面积的CMOS，这意味着摄录画质的提升将会非常直接而明显。所以不出意外的话，一些微电影、广告片或短片之类的视频将以此作为嘘头，称我们的《XXX》是全程用iPhone 6s/6s Plus拍摄的，iPhone和视频内容继续相互消费话题。
(本文来源：驱动中国
没有相关新闻
用微信扫描二维码分享至好友和朋友圈全国 11月12日深圳-11月15日厦门 11月14日
阅读（64624）
加入人人都是产品经理【起点学院】产品经理实战训练营，BAT产品总监手把手带你学产品
刚开始接触UI的时候，碰到的最多的就是尺寸问题，什么画布要建多大、文字该用多大才合适、我要做几套界面才可以？什么七七八八的也着实让人有些头疼。
废话不多说，希望大家耐心看完后，不用再纠结于尺寸相关的东西了~
1、尺寸及分辨率
iPhone 界面尺寸：320x480、640x960、640x1136
iPad 界面尺寸：48x1536
（以上单位都是像素哦，至于分辨率一般网页UI和移动UI基本上都只要 72 ppi）
当然，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机尺寸来设计，比较方便预览效果，一般用 640x960 或者 640x1136 的尺寸设计。
P.S. 作图的时候确保都是用形状工具（快捷键：U）画的，这样更方便后期的切图或尺寸变更~
画的，这样更方便后期的切图或尺寸变更~
2、界面基本组成元素
iPhone的APP界面一般由四个元素组成，分别是：状态栏、导航栏、主菜单栏以及中间的内容区域
这里取用 640x960 的尺寸设计，那我们就说说在这个尺寸下这些元素的尺寸：
状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40 px
导航栏：显示当前界面的名称，包含相应的功能或者页面间跳转的按钮，其高度为：88 px
主菜单栏：类似于页面的主菜单，提供整个应用的分类内容的快速跳转，其高度为：98 px
内容区域：展示应用提供的相应内容，整个应用中布局变更最为频繁的，其高度为：734 px
（等等，为了说明我不是瞎掰的：960-40-88-98=734）
iPhone/iPod Touch
第一代、第二代、第三代
iPhone4/iPhone4s
iPhone5/iPhone5C/iPhone5s
至于我们经常说的 iPhone5/5s 的 640x11136 的尺寸，其实就是中间的内容区域高度增加到：910 px
P.S. 在最新的 iOS7 的风格中，苹果已经开始慢慢弱化状态栏的存在，将状态栏和导航栏合在了一起，但是再怎么变化，尺寸高度也还是没有变化的，只不过大家再设计 iOS7 风格的界面的时候多多注意一下~
3、字体大小
iPhone 上的字体英文为： HelveticaNeue 至于中文，Mac下用的是黑体-简，Win下则为华文黑体。
下图是百度用户体验做过的一个小调查，可以看出用户可接受的文字大小，像素为单位，也就是大家在PS里的文字像素大小。
P.S. 多留心下一些大公司的数据研究，你会发现很多你根本没考虑到的问题哦~
其实还有个更简单的方法就是找你觉得好的APP应用，手机截图后放进PS自己对比调节字体大小咯~
总之，方法是自己找的，想办法解决问题，自己实践，比别人告诉你印象更深刻不是么~？
1、尺寸及分辨率
Android 界面尺寸：480x800、720xx1920... （单位：像素）
Android 比 iPhone 的尺寸多了很多套，建议取用 720x1280 这个尺寸，这个尺寸 720x1280中显示完美，在
中看起来也比较清晰；切图后的图片文件大小也适中，应用的内存消耗也不会过高。
2、界面基本组成元素
Android 的 APP 界面和 iPhone 的基本相同：状态栏，导航栏、导航栏、主菜单栏以及中间的内容区域。
Android 中我们取用 720x1280 的尺寸设计，那我们就说说在这个尺寸下这些元素的尺寸：
状态栏高度为：50 px
导航栏高度为：96 px
主菜单栏高度为：96 px
内容区域高度为：1038 px （-96=1038）
Android最近出的手机都几乎去掉了实体键，把功能键移到了屏幕中，当然高度也是和菜单栏一样的：96 px
P.S. 写之前我翻了好多关于 Android 的界面尺寸教程，都没找到像iOS一样具体的规范，或许因为在安卓中这些控件的高度都能用程序自定义~都没有提到具体的尺寸数值，所以就自己找了 Android 的设计规范，尺寸都是自己在PS中量的~~
Android 为了在界面上区别于 iOS ，Android 4.0 开始提出一套 HOLO 的 UI 风格，一些APP的最新版都采用了这一风格。
这一风格最明显的变化就是将下方的主菜单移动到了导航栏下面，这样的方式解决了现在很多手机去除实体按键后在屏幕中显示而出现的双底栏的尴尬情景。
3、字体大小
Android 上的字体为： Droid sans fallback ，是谷歌自己的字体，与微软雅黑很像。
同样，百度用户体验的调查中，可以看出用户可接受的文字相应问题。
具体大小，还是那句话，找自己喜欢的APP界面，手机截图后放进PS自己比对调节字体大小（切记，一定要是高清截图哦~）
来源：早读课
<div class="count" id="ludouVA_count_
<div class="count" id="ludouVA_count_8
<div class="count" id="ludouVA_count_
分享到微信朋友圈
美女PM，爱生活，爱微笑
人人都是产品经理（）是中国最大、最活跃产品经理学习、交流、分享社区，集媒体+招聘+教育+社群活动为一体，全方位服务产品经理，微信公众号woshipm。成立5年以来举办线上活动500余场，线下活动数百场，覆盖北京、上海、广州、深圳、成都、杭州、南京、重庆、厦门等30多个城市，在互联网业内得到了广泛关注和高度好评。社区目前拥有300万忠实粉丝，其中产品经理占比50万， 中国75%的产品经理都在这里。