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+拖动可以快速复制）
優(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ā)、移動端應(yīng)用（手機(jī)站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。
公安局備案號：
專屬顧問
