经验分享：移动端设计开发经验之设计篇Web设计与客户端设计的异同点二

简单易用是主旨

由于手机屏幕的限制，虽然现在分辨率高和精度特别高的手机不少，但我自己的经验，如果手机一个屏幕罗列太多的功能及操作以及元素，那这个设计及其可能是一个失败的设计。某人说过，少即是多。其实，要做减法真的不容易。这个是我们设计思路的一个转变的过程。

举例:

比如，tab bar上的文字。 能写两个就不要写四个。 我的账户，我们可以简化成”账户”。

再比如。按钮，我们能放两个按钮，绝不放三个或者四个(选择恐惧症这个你懂的)，以下是反例。犹豫5秒，你还不知道要点哪个么?

再再比如:相对于web页，我们不可能把所有内容都塞到手机的一屏，所以，主旨是一个屏幕中，我们需要让使用者完成一项或者一类功能即可。更多的功能可以通过跳页，弹层以及其他交互形式完成。

这里再唠叨一个小细节，ios开发中规定，按钮(可点按区域)的高度最好不要小于44px。所以，最好不要做太小的按钮，这样使用者会抓狂的。

4、分辨率适配

诶，想到这个就头疼啊头疼。上边我们做了个效果图，没错按iphone分辨率来的。网页要适配分辨率。手机还要适配，而且。非常麻烦啊有木有啊。我们来看下图:主流手机分辨率统计(我们假设屏幕dpi是一样的情况下。

为了方便观察我们列表如下:

第一列为分辨率，第二列为宽高比，第三列为宽除以高的数字，第四列是备注啦(根据我们现有的测试机来统计的情况)

为什么要统计个呢。我们可以回到本文开头，这个情况下，我们是否在纠结，设计稿用哪种尺寸做呢?难道有这么多分辨率我们就要做这么多设计稿吗?这是要逆天啊!!!恩，一想到这个问题就无比混乱。

好吧我们先把最好弄的iphone说完。 iphone有三种分辨率320-480，640-960，640-1136。分别对应3GS，ip4，ip5。 再往细了看，ip最终只有两种，一种3gs一种ip4和ip5。 分析完感慨一下。apple多为广大开发者设计者考虑啊。 ip4适配ip5简直太简单了，因为宽度是不变的啊。

所以，在做ios开发时，我们可以选一种较大分辨率来做设计稿640-960或640-1136就好(取决于你的测试机)，这样从大分辨率缩小到小分辨率就很easy了。 直接缩小百分之50就好了，妥妥的。

至于剩下的(我们这里只考虑安卓，wp等先忽略)，那就是广大的安卓兄弟了，你会发现安卓的分辨率是多么的独特多么的百花齐放啊(有没有想哭的赶脚啊?) 有同学问了，我现在只要做安卓的应用，用哪个尺寸做设计稿捏? 额。 我这里推荐480-800吧。 如果安卓和ip一起开发的，我建议使用ip的分辨率来做，这样直接从640宽等比缩就可以了。

综上，优先设计ip分辨率尺寸640-960或640-1136。宗旨是从大往小缩。(原因?设计师都懂，有一次同事问我，能不能把一张50-50的小的照片放大到5000-5000，我回复，去屎。。。。)

这里有同学会问了，安卓的适配还是没解决啊没解决? 我们再看一下上表，分析下数字。 第三列，看比值。 从0。56-0。75 都有。 但。相同的比值呢? 0。56这个最多。 还有0。6 及0。66， 以及0。75 。 (魅族这种奇葩屏幕不多解释，需要单独适配。刨除smartbar后比值为0。63，小胖子一个)。这里就要引出屏幕精度的问题了。 安卓的适配，最终可以归纳为适配四种精度，说白了，如果要达到完美的效果，需要做四套图。

根据实际开发经验，有时候为了省事，我们可以只来做第三栏，就是highdensity这个尺寸的适配，但最终效果并不能保证所有手机都会满意。这个需要你和程序员同学达成默契。告诉他我是按照high density做的图哈。这个时候他们就不会把你切的图扔到其他文件夹，导致实际效果图片不是超大就是超小。

回想起我刚做安卓设计的时候，偷懒，按照640-960分辨率来作图，切图，直接给安卓开发工程师，这个时候工程师默认把图片适配了high density。 结果就是，在手机里看所有的东西都大一号。 同样的情况，如果用低分的图适应高分的，整个程序就会一片模糊。

所以根据实际经验来看，使用480-800这样的分辨率来切图和适配是比较合适的。 一方面，低分辨率的屏幕现在越来越少了，另一方面，其实效果并不会太过分。 可是，另一方面，extra high这样的分辨率是当前这阶段不能不再考虑的了。因为高分屏幕越来越多，1920-1080分辨率的手机也已经有了，为了保证效果，我们需要适配某些主流的分辨率和机型。 比如魅族mx2， note2 。 也就是说我们要提供部分特别影响视觉效果的图来适配。举例:闪屏图片(不适配可能变模糊或者拉伸)，特别影响布局的图片(不做适配布局会乱套)

总之，在开发成本和效率上，我们要做出一些兼顾。 因为所有图片要切四套，适配成本及工作量就太大了，值不值得，各位自行考量，这里只提供本人开发过程中的一些考虑因素。

总结:在安卓iphone同时开发的情况下(又是同一个团队设计师又比较苦逼)，我们可以优先做出iphone的界面，因为640-960已经可以满足安卓最高适配的要求啦。 (安卓后期与iphone不同的交互及表现形式可以单独处理，想省事，直接套iPhone，请专业人士不要踢我。)