? 新手也能轻松搞定的App界面设计,跟着新星学起来!
大家好呀,今天新星要教你们用PS轻松搞定App界面设计。很多小伙伴看到那些超美的App界面就觉得好难,其实掌握了正确姿势,真的贼简单!
? 先把握基本尺寸
设计之前,咱们得先搞清楚尺寸这个坑。新星建议大家:
iPhone尺寸用375×812px(这是最常用的) 安卓就用360×800px 记得分辨率设置300dpi,色彩模式选RGB
? 界面布局小技巧
网格系统
用快捷键Ctrl+R
调出标尺,按住Alt
拖动就能建立参考线。新星习惯上下左右都留16px的边距,看着特舒服。对齐神器
选中多个图层,上面工具栏有对齐按钮,点一下就能整整齐齐,不用死命拽来拽去啦!
? 常用元素制作
按钮制作
用矩形工具画个圆角矩形 右键转换为智能对象 添加个渐变叠加,透明度设30% 再加个投影,距离2px,大小1px
小tip:按钮文字颜色最好用白色或深色,别整些看不清的!
输入框设计
画个矩形,圆角2px 描边1px,颜色用#E5E5E5 左边留个12px的padding放图标
? 配色秘籍
新星的私藏配色法则:
主色调选1-2个就够 强调色最多1个 文字颜色,标题用深色,副标题浅一点 背景色尽量用浅色,#F8F8F8这种就很舒服
? 图标处理
下载SVG格式的图标 PS里 文件→置入
调整大小,一般24×24px挺合适 转为智能对象保护图标清晰度
? 导出攻略
别直接用jpg格式导出哦!正确姿势是:
文件→导出→快速导出为PNG
选择2x或3x分辨率 记得把画板背景关掉再导出
? 进阶小贴士
多看优秀App的设计,截图收藏起来 学会用颜色取色器(按 I
键)偷师别人的配色常用元素做成样式,存到样式库里随时用 图层记得分类命名,不然后期改起来想哭
记住新星说的:简单≠粗糙,克制才是真的高级!希望这篇教程能帮助你做出精美的App界面,有问题随时来问我哦!
最后提醒:多练习,别只顾着看教程,动手才能真的提高!
? 文章结束 ?
感谢阅读,欢迎点赞、收藏或分享

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。