提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
近日苦心钻研toB的移动端产品,面对来自五湖四海,四面八方组成的一个处于融合阶段团队,这中间过程还是有很多耐人寻味的场景。这中间就有一个到底用什么分辨率来画IOS设计稿的讨论。
这个讨论的场景是这样,因为之前一直都是用750*1334的尺寸,所以这次再做iOS设计稿的时候,默认也还是选择这个尺寸,也没有过多的把这个问题拿出来让大家讨论定夺。那在几次的设计评审会议下来以后,每次领导都对设计稿不满意,而且是十分的不满意,问其原因就说看着不舒服。这个问题就大了,不舒服,那让你不舒服的点在哪儿呢?几次讨论无果的时候,产品经理来找我们了,对UED提出一个要求,这个要求终于让我知道问题出在了哪里——新来的领导和产品经理用的是iPhone 6P,每次设计评审的时候在自己的6P上看6的尺寸设计稿,缩放后看着就是觉得不舒服,要求UED用6P的尺寸来。对于已经进展到一大半需求阶段的产品来说,重新调整设计尺寸,这无疑是影响到产品整体进度的。那抱着产品上线的时间和工作效率的态度,整理一个片子,认真的和领导讨论沟通设计IOS应用时,什么场景下用什么尺寸?我想对于这个问题,应该有很多人都有疑问,为什么大家都喜欢用iPhone6的尺寸,而不是其他的尺寸呢?
那在这个问题抛出来以后,按照前面和大家分享过的解构思维的方式,我们对这个问题一环一环的拆解,按照拆解可以从这个两个角度来分析这个问题:
1、设计 iOS 应用时,究竟是应该使用什么尺寸的画布画效果图是最高效的?
2、是否可以直接使用 iPhone 6 Plus 的尺寸做效果图,用来适配其他尺寸的机型?
那先从第一个问题开始,下面我谈一下自己实践后的见解:
问题一:设计 iOS 应用时,究竟是应该使用什么尺寸的画布画效果图是最高效的?
我相信很多人和我一样,在开始一个新的 iOS 应用设计时,一般都是采用的是 iPhone 6 的 4.7 inch,即 750*1334,这也是为什么会出现产品经理让我中途改设计尺寸的原因。
为什么?因为效率!!!产品整个研发过程中,效率是王道啊!
我们都知道现在的 iOS 画效果图(PS:是效果图!画效果图时使用的分辨率并不是采用设备本身的显示分辨率,设备配置那个分辨率是设备的物理分辨率,并不能直接用户做为画效果图的分辨率)时,尺寸有以下五种(三类):
@1x:3.5 inch(320*480)
@2x:3.5 inch(640*960,iPhone4/s)、4 inch(640*1136,iPhone5/s/c)、4.7 inch(750*1334,iPhone6)
@3x:5.5 inch(1242*2208,iPhone6plus)。
这里要特别说明下,@1x 已经是上个时代 iPhone 的切图标准,只适用于包括 iPhone 3GS 之前的机型,所以一般情况下,这个尺寸不在我考虑范围内。剩下的那些,按照屏幕宽度分类的话,可以分成小、中、大三中尺寸,分别是:
小 —— @2x:3.5 inch(640*960)、4 inch(640*1136)
中 —— @2x:4.7 inch(750*1334)
大 —— @3x:5.5 inch(1242*2208)
不知道其他公司是什么样子,至少我们单位在整个产品的研发周期中,留给设计的时间是非常有限的,有的时候恨不得2天时间就让你把所有的页面都摆在用户的面前。那在紧迫的工期前提下,意味着我们需要从三个尺寸中选择一个尺寸来画效果图。我之所以选择“中”(即 4.7 inch,iPhone 6),是因为从布局角度而言,选择一个中间的尺寸能够帮我们最有效地把握界面设计的整体视觉。当把这种视觉移植到“小”和“大”的屏幕上时,不会有太大的视觉差异,不需要再多花时间重做布局。
那么,如果不这么干的话,我们又需要花多少时间呢?实践告诉我会碰到下面两种情况:选择“小”作为视觉标准,会使得按照“小”的 feel 去做“大”屏幕时,整个视觉布局会显得中间拥挤,两边空旷;使用“大”作为视觉标准,移植到“小”屏幕之后会发现很多元素根本塞不进屏幕。
选择“中”,我只要稍微将个别“小”和“大”的效果图作微调,无需大动干戈,就能大致完成对于所有屏幕尺寸的适配。对于大多数的基础页面而言,只要在“中”上面看着顺眼,在“小”和“大”上面基本没问题。在完成效果图设计之后,只要直接标出 Spec 交给开发,你会发现大多数页面不再需要在“小”和“大”尺寸上面另作调整,一切看起来都是那么的和谐和任性,真心佩服Apple他们啊,真是太有前瞻性和全局性啦,真是不忍心让我们这些屌丝设计太辛苦啊,考虑的各种周全,定下来这三种尺寸。
SO,选择 iPhone 6 的目的就是为了节约时间,节约成本,提高效率!
问题二:是否可以直接使用 iPhone 6 Plus 的尺寸做效果图,用来适配其他尺寸的机型?
如果你问我,用iPhone 6 plus 尺寸做效果图可以吗?我的回答是:当然可以啊,用哪个尺寸做效果图都是可以的,不管是iPhone6plus还是iPhone5,如果恰好你的手机和我老板的手机一样,都是iPhone 6 Plus 的时候,尤为推荐,因为 Sketch 这个软件的牛逼之处在于可以和 Sketch Mirror 同时使用,大屏幕里面显示“大”的效果图,看起来整个人就舒服啊!给领导汇报的时候,也不用再三解释这个是iPhone6的尺寸,不是iPhone 6 plus的尺寸……(不过现在PS也有 PS play,也可以同步在手机上直接看效果)
但是,如果你使用的是“大”尺寸进行效果图设计的话,你需要将每个页面都落实成“小”,等于要把你的效果图通通重新再画一遍。不理解?你把“大”的尺寸的 Spec 给开发后,去 iPhone 5 或者 iPhone 5S 上面跑跑看,就知道啦。如果再在 iPhone 4 和 iPhone 4S 上面跑,我想你或许会有更多的意外“惊喜”!!!
所以,没有绝对的必须用iPhone6的尺寸,也没有不可以用iPhone6 plus尺寸一说,只是看我们要什么。如果你不差钱,有的是时间,你可以想怎么做就怎么做,有的是时间慢慢去体验,反之亦然。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册