很多刚接触平面设计的朋友想用Photoshop画出iPhone的手机界面，其实只要掌握基础的工具操作和布局逻辑，就能快速完成一套干净的UI线稿或高保真原型。下面把整个流程拆成五个核心步骤，直接上手操作即可。
第一步：新建画布并设置参考线
打开PS后先按Ctrl加N新建文档。iPhone的标准设计尺寸通常选375乘812像素，适合做竖屏界面。分辨率填72，颜色模式选RGB。建好画布后按Ctrl加R调出标尺，从左侧拖出一条垂直参考线放在画布正中，左右两边各留五十像素的边距。顶部留出八十像素给状态栏，底部留六十像素给底部导航区。用网格工具辅助对齐，这样后续摆放控件就不会跑偏。
第二步：绘制手机外框与基础圆角
选中矩形工具，在画布上拉出一个覆盖主要工作区的长方形。在顶部属性栏勾选圆角选项，数值调到二十到三十之间，让四角呈现柔和的弧度。用直接选择工具点击锚点，可以微调每个角的曲率。外框不需要太复杂，保持线条干净就行。接着复制一层外框，缩小一点放在里面作为屏幕区域，用画笔或钢笔工具勾勒出刘海或者灵动岛的位置。这一步主要是搭建骨架，颜色先用浅灰色打底。
第三步：添加界面元素与排版
框架搭好后开始往里填内容。顶部放时间信号和电量图标，中间安排标题栏和搜索框。按钮和卡片是界面里最常见的模块，统一用矩形工具画出大圆角形状，内部填充不同深浅的灰色来区分层级。文字排版要注意字号对比，主标题用十六到十八磅，正文用十二到十四磅，行距保持在字高的1.5倍左右更舒服。图标可以直接导入SVG格式保持清晰，或者用形状工具组合出简单的几何图形。所有元素都要严格对齐参考线，保持视觉重心稳定。
第四步：配色阴影与质感处理
现在可以给界面加上色彩和立体感。选色时建议遵循主色辅色点缀色的比例，主色占六成用于按钮和导航，辅色占三成用于背景分区，点缀色只用百分之十突出重要信息。给卡片和按钮添加投影，右键图层选混合选项，勾选投影功能，距离调二到三毫米，扩展零到百分之十，不透明度控制在百分之十五到二十，这样阴影自然不脏。渐变可以用线性渐变模拟玻璃质感，或者用内发光效果增强按压反馈。注意整体色调要统一，避免高饱和颜色堆砌导致视觉疲劳。
第五步：导出文件与细节检查
绘制完成后最后一步是导出。把需要展示的界面单独放在一个图层组里，右键选择导出为PNG格式，勾选透明背景和抗锯齿。如果是多页界面，可以批量切片导出。检查环节不能省，放大到百分之百看边缘是否模糊，文字有没有被裁切，间距是否一致。确认无误后保存源文件方便日后修改。这套流程走一遍大概需要四十分钟，熟练后可以缩短到二十分钟以内。坚持练习几次，你就能独立做出符合现代审美标准的iPhone界面设计稿了。
