PS手机界面设计入门，甜姐姐带你玩转UI套路！
大家好呀，我是甜姐姐！今天要和小可爱们分享的是手机UI设计的入门技巧。这个可是UI设计师的基本功，掌握了绝对能让你的作品看起来贼专业！
先讲讲基本套路
我发现很多小伙伴一上来就想做的很花哨，其实手机UI设计最重要的是 网格系统 。就像我们玩积木一样，得先有个规整的底板对不对？
新建文档的时候选择375x812px（iPhone X尺寸） 按Ctrl+R显示标尺 拖动标尺建立16px的网格（就像下五子棋一样，网格要均匀啦）
配色是个大学问
很多人喜欢用特别鲜艳的配色，结果做出来的界面像被蜜蜂蛰了似的...其实高级感的配色可以这么来：
主色调选择 偏深色 或者 护眼色 （比如#2C3E50） 强调色不要超过2个（不是在办马戏团，克制一点） 用Alt+Shift+Ctrl+S导出色板，方便以后用
字体搭配有讲究
我经常看到有小伙伴字体大小乱飞，看着就头晕...来看看正确姿势：
标题：16-20px 正文：14px 小字：12px（再小就看不清啦）
小技巧 ：字体间距设置为-25，看起来更有设计感。
图标绘制
这个可是重头戏！很多人觉得图标难画，其实掌握这几招就够啦：
用钢笔工具画基础形状 Alt+点击路径可以快速调整曲线 所有图标要保持统一风格（不要一会儿拟物一会儿扁平，像个小可爱一样统一点）
阴影效果
记住一个公式： 高级感 = 自然 + 克制
- 距离：4-8px
- 大小：8-12px
- 不透明度：15-25%
千万别加特别重的阴影，那样会显得特别廉价，就像某宝上的山寨货...
间距规范
这个可太重要了！我见过太多“挤得跟沙丁鱼罐头似的”的设计稿...
区块之间：24px 元素之间：16px 内容边距：16px或24px
最后的小贴士
多用智能对象（Ctrl+点击缩略图可以快速选中） 图层要合理命名（不要都叫“图层1”、“图层2”...） 常用元素做成组件（Alt+拖动可以快速复制）
小可爱们，记住一点： 简约不等于简单 。真正的高级感来自于细节的把控，而不是堆砌特效。
今天的课程就到这里啦！赶紧动手试试看，有什么问题随时来问我哦，甜姐姐永远是你们的设计小帮手！
下次我们继续学习其他有趣的技巧，么么哒！
⦿ THE END ⦿
感谢阅读，欢迎点赞、收藏或分享
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。
公安局备案号：
专属顾问
