本文关键词：app界面设计尺寸

干这行七年了，见过太多新手设计师交稿时一脸自信，结果开发一拿到手，直接打电话过来吼：“这按钮怎么在安卓上变形了？”或者“这图在iPhone 15上怎么糊成马赛克了？”

那时候我也年轻气盛，觉得开发就是事儿多。后来被喷多了，才明白，不是开发事儿多，是我们对“app界面设计尺寸”这块儿，根本没搞透。今天不整那些虚头巴脑的理论，就聊聊我在项目里踩过的雷，怎么让界面既好看又不崩盘。

先说个最基础的误区。很多刚入行的朋友，喜欢直接拿个1080x1920的画布就开始画。看着挺爽，分辨率高，细节多。但你要知道，现在的手机屏幕五花八门，从全面屏到折叠屏，比例都不一样。你按1080p做，到了某些窄屏或者超宽屏手机上，边缘就会被裁切，或者留出一大片黑边。这就叫适配灾难。

所以，第一步，定稿尺寸别乱选。目前主流的做法是，以750px宽度的设计稿为基准，这是iOS的标准逻辑。为什么？因为苹果的设计体系比较规范，一旦你习惯了750px，去适配安卓时，心里有个底。安卓那边虽然碎片化严重，但大多数现代机型都能通过缩放或者约束布局来兼容。如果你非要为了照顾安卓的1080p去设计，那在iOS上就会显得特别粗糙，字体边缘发虚，图标也不精致。

第二步，搞清楚“点”和“像素”的区别。这是很多非科班出身的设计师最容易晕的地方。在代码里，1pt（点）不一定等于1px（像素）。特别是在Retina屏幕或者高DPI的安卓机上，1pt可能对应2px甚至3px。你在PS里画的1px细线，到了某些低端安卓机上，可能直接显示不出来，或者变成一条粗黑线。解决办法很简单，所有关键线条、边框，至少保持2px以上，或者让开发用矢量路径来做，别依赖位图像素。

再说说图标和按钮。很多设计师喜欢把按钮做得特别大，觉得这样用户好点。但在移动端，手指的触控区域确实需要大，一般建议最小点击区域是44x44pt（iOS标准）。但是，视觉上你可以做得小一点，通过增加间距来引导点击。这里有个真实案例，我之前给一个电商客户做活动页，按钮设计得特别花哨，尺寸也没统一。结果上线后，转化率跌了15%。后来我们统一了app界面设计尺寸规范，把CTA按钮固定在底部，高度设为88px，背景色用高对比度的橙色，转化率立马回升。这就是细节的力量。

还有字体大小。千万别用12px以下的字体，除非你是做极客工具。普通用户，尤其是中老年群体，看不清。正文建议16px-18px，标题20px-24px。而且，字体颜色别用纯黑，纯黑在OLED屏幕上耗电，看着也刺眼。用深灰色，比如#333333，视觉上更柔和，体验更好。

最后，切图的时候，记得导出@2x和@3x两套图。虽然现在的开发工具智能，但手动导出两套图，能省去后期无数扯皮的时间。别偷懒，别觉得麻烦。你现在的偷懒，就是开发深夜加班的源头。

做设计，不是画得好看就行，是要能在各种设备上正常跑起来。这行水很深，但也很有趣。当你看到自己设计的界面，在成千上万台手机上流畅运行，那种成就感，是任何奖项都给不了的。

记住，规范不是束缚，是保护。保护好你的设计意图，也保护你和开发的关系。多沟通，多测试，别闭门造车。这才是正道。