今天来分享一个贼实用的干货 - 如何在PS中搞定移动端设计的适配问题。之前好多小伙伴问我：“为啥我做的设计在手机上看起来总是变形？”今天片片就带大家一步步解决这个烦恼！
第一招：搞定画布尺寸
先说个最基础但超重要的事 - 画布尺寸。我第一次做移动端设计的时候也懵圈，但其实很简单：
新建文档时选择“网页设计/设备”预设 选择你主要适配的机型（比如iPhone 12） - 重点来啦
：分辨率必须设为72ppi，色彩模式选RGB
小贴士：不知道选啥尺寸？我建议用iPhone 12的375×812px，这个尺寸转其他屏幕最好适配！
第二招：使用参考线
片片教你一个无敌好用的技巧：
按Ctrl+R显示标尺 从标尺往画布拖动参考线 设置以下关键参考线： * 距离边缘40px的安全区域 * 中轴线（一般在187.5px处） * 内容区块分隔线
这样做就像给设计穿上了“防护服”，再也不怕内容跑偏啦！
第三招：搞定字体适配
字体这块可坑了，我踩过好多坑，现在教大家避雷：
标题文字： * 主标题：20-24px * 副标题：16-18px 正文： * 主要内容：14-16px * 辅助信息：12-13px - 超级重要
：字体记得选用系统默认字体，不然可能导致手机上显示异常
第四招：灵活运用智能对象
这是片片的独门秘籍：
把需要适配的元素转换成智能对象（右键-转换为智能对象） 调整尺寸时按住Shift保持比例 双击智能对象可以随时编辑原始内容
这样做的好处是：图标、图片随便改大小都不会变形，简直不要太爽！
第五招：处理不同屏幕尺寸
来看看如何一招搞定不同尺寸的适配：
创建画板（就是PS里的画板功能） 每个常用尺寸都建一个： * iPhone SE：320×568px * iPhone X系列：375×812px * 安卓主流：360×740px 用智能对象复制到不同画板 调整位置和大小
终极大招：导出攻略
最后教大家导出无敌大法：
文件-导出-存储为Web所用格式 选择合适的格式： * 照片用JPG（质量60-80） * 图标用PNG（8位就够了） * 简单图形用SVG - 记住
：导出时检查“缩放所有样式”选项必须勾选
優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營理念，誠信務(wù)實(shí)的服務(wù)了近萬家客戶，成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長期合作伙伴！
優(yōu)網(wǎng)科技成立于2001年，擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)（品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動(dòng)端應(yīng)用（手機(jī)站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。
公安局備案號：
專屬顧問
