小白也能学会的PS界面设计秘籍
大家好呀~我是静泊！最近有好多小伙伴问我如何用PS做UI界面，今天就来分享一波特别实用的技巧，保证你看完就能上手！
一、先搞清楚尺寸这件事
在开始设计之前，咱们得先把尺寸定好。我个人习惯用1920×1080px，这是最常用的电脑屏幕尺寸。新建文档的时候记得把 分辨率 设置为72像素/英寸， 颜色模式 选RGB哦~
二、最重要的布局规划
说实话，刚开始学UI的时候我也是一脸懵，后来发现其实可以这样：
先用 参考线 把页面分成几个区域（按Ctrl+R显示标尺，从标尺往页面拖动就能创建参考线啦） 顶部放导航栏，一般高度60-80px就够了 内容区域记得预留足够的留白，我一般两边留100-200px的空隙 底部放页脚，高度跟导航差不多就行
三、配色要点，超好用！
配色最让人头大，但其实有个特别简单的方法：
先定主色调（比如蓝色） 用 拾色器 选取一个你喜欢的蓝色 点击左边色板，就能看到这个颜色的各种深浅版本 一般选3-4个颜色就够啦： * 主色调（最深的那个） * 次要色（浅一点的） * 背景色（最浅的）
小贴士：不知道选什么颜色？去看看别人的作品，用吸管工具（按I键）吸取颜色，贼好用！
四、元素制作小技巧
1. 按钮制作
1. 新建图层（Ctrl+Shift+N）
2. 用矩形工具画个长方形
3. 右键转换为智能对象
4. 添加图层样式：
- 内阴影：不透明度20%
- 描边：1-2px
- 投影：距离2px，大小2px
2. 输入框
1. 跟按钮一样画个长方形
2. 描边设置为1px
3. 填充改成白色或者特别浅的灰色
4. 加个很淡的投影，显得精致
五、静泊私藏的高级感秘诀
想让界面看起来高级，记住这三点：
- 对齐
很重要！按住Shift拖动参考线，让所有元素乖乖排队 间距要统一，我一般用8的倍数，比如16px、24px这样 文字大小也要规律： * 标题24-28px * 正文14-16px * 小字体12px
六、保存注意事项
保存原文件一定要选PSD格式（按Ctrl+S） 导出成图片用Ctrl+Shift+Alt+S 导出的时候选 JPG格式 ，品质设在80-90之间最合适
最后说一句：不要觉得这些太难，每个大神都是从小白过来的。多练习，你也可以做出贼帅的界面！
優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質(zhì)服務(wù)" 的經(jīng)營理念，誠信務(wù)實的服務(wù)了近萬家客戶，成為眾多世界500強、集團和上市公司的長期合作伙伴！
優(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)用（手機站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。
公安局備案號：
專屬顧問
