用 Sketch 做 iOS 设计时,一般选用哪个尺寸?

用 Sketch 的同学们,请教个问题,做 iOS 时,一般选哪个尺寸做?为什么?我直接用 iPhone 6 Plus 的尺寸做行吗?是不是导出图片时命名要改?
关注者
618
被浏览
46753
看了下大家的答案,然后再从作为一个产品汪的角度去理解了下题主碰到的真正问题和提问题的真正用意,对你的问题做了以下拆解:

  1. 使用 Sketch 设计 iOS 应用时,究竟是应该使用什么尺寸的画布画效果图是最高效的?
  2. 是否可以直接使用 iPhone 6 Plus 的尺寸做效果图,用来适配其他尺寸的机型?

如果我对问题理解得不对,请自动忽略后面的内容。

如果你觉得好像是这么回事,那么相信回答了第一个问题,第二个问题就迎刃而解了。下面我谈一下自己实践后的见解。

问题一:使用 Sketch 设计 iOS 应用时,究竟是应该使用什么尺寸的画布画效果图是最高效的?

先说结论:我在开始一个新的 iOS 应用设计时,我个人一直采用的是 iPhone 6 的 4.7 inch,即 750*1334。

为什么?因为效率!!!

我们都知道现在的 iOS 画效果图(注意:是画效果图!画效果图时使用的分辨率不都是采用设备本身的显示分辨率)时,尺寸有以下五种(三类):

@1x:3.5 inch(320*480)
@2x:3.5 inch(640*960)、4 inch(640*1136)、4.7 inch(750*1334)
@3x:5.5 inch(1242*2208)。

这里要特别说明下,@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)

大家的时间都是有限的,意味着我们需要从三种尺寸里面只选择一种尺寸画效果图。我之所以选择“中”(即 4.7 inch,iPhone 6),是因为从布局角度而言,选择一个中间的尺寸能够帮我们最有效地把握界面设计的整体视觉。当把这种视觉移植到“小”和“大”的屏幕上时,不会有太大的视觉差异,不需要再多花时间重做布局。

当然,如果不这么干的话,就会碰到下面两种情况:选择“小”作为视觉标准,会使得按照“小”的 feel 去做“大”屏幕时,整个视觉布局会显得中间拥挤,两边空旷;使用“大”作为视觉标准,移植到“小”屏幕之后会发现很多元素根本塞不进屏幕。

选择“中”,我只要稍微将个别“小”和“大”的效果图作微调,无需大动干戈,就能大致完成对于所有屏幕尺寸的适配。对于大多数的基础页面而言,只要在“中”上面看着顺眼,在“小”和“大”上面基本没问题。在完成效果图设计之后,只要直接标出 Spec 交给开发,你会发现大多数页面不再需要在“小”和“大”尺寸上面另作调整,一切看起来都是辣么和谐(不得不佩服 Apple 对于这个细节考虑得各种周全,所以定下了这三种尺寸)。

说白了,选择“中”( iPhone 6 )的目的就是为了节约时间,提高效率!

问题二:是否可以直接使用 iPhone 6 Plus 的尺寸做效果图,用来适配其他尺寸的机型?

你问我是否可以?当然可以!尤其是你的手机是 iPhone 6 Plus 的时候,尤为推荐,因为 Sketch 这个软件的牛逼之处在于可以和 Sketch Mirror 同时使用,大屏幕里面显示“大”的效果图,看起来整个人就舒服啊!画 UI 的最终目标不就是图个舒服么?哎,其实做什么事情都是这个目的……

但是,如果你使用的是“大”尺寸进行效果图设计的话,你需要将每个页面都落实成“小”,等于要把你的效果图通通重新再画一遍。不理解?你把“大”的尺寸的 Spec 给开发后,去 iPhone 5 或者 iPhone 5S 上面跑跑看,就造了。如果再在 iPhone 4 和 iPhone 4S 上面跑,简直尼玛 xxxxxxxx!!!

所以,没有对错,只有利弊。你有时间,慢慢玩,当然可以。或者,不用太在意所有用户的体验,也可以~~~