PS制作网页UI小白入门贴，手把手教你打造高级感！
今天跟大家分享一个超实用的干货：如何用PS做出高级感满满的网页界面！我知道很多小伙伴刚接触UI设计时都会觉得好难，但其实掌握了几个关键技巧，你也能做出贼专业的效果！
第一招：网格系统让排版不歪歪扭扭
首先咱们要学会用网格，这就跟写字要写在格子里一样。按Ctrl+R显示标尺，然后按住Alt拖动就能创建参考线。我建议大家：
左右边距留40px 主要内容区域分成12列 不同区块之间的间距保持24px或32px
记住一个小秘诀：所有的数值最好是8的倍数，这样看起来特别舒服~
第二招：配色方案要克制
很多小白一上来就恨不得把彩虹配色都用上，结果做出来的界面花里胡哨的。其实高级的UI设计，配色都贼克制：
主色调选1-2个 点缀色最多1个 中性色必备（就是黑白灰啦）
在PS里新建图层的时候，我习惯这么配：
主色：#2E5BFF 背景：#F5F6FA 文字：#1F2937
第三招：投影让层次感爆棚
很多小伙伴做按钮和卡片的时候总觉得平平无奇，那是因为不会用投影！来看看我的独门秘籍：
普通卡片投影：
不透明度： 15% 距离： 8px 大小： 16px 模糊度： 24px
悬浮效果投影：
不透明度： 20% 距离： 16px 大小： 24px 模糊度： 40px
第四招：细节处理是灵魂
想要界面看起来特别精致，这些小细节必须安排上：
圆角统一：
小元素用4px 中等元素用8px 大卡片用12px
文字处理：
标题字号28px 正文字号14px 行高是字号的1.5倍
间距规范：
相关元素组之间16px 不相关元素组之间24px或32px
最强杀手锏：质感表现
想让界面看起来超高级，推荐试试这个：
毛玻璃效果：
新建图层 填充白色 不透明度降到60% 高斯模糊10px 添加投影
渐变背景：
用渐变工具 角度45度 透明度适当调低 可以叠加多层
贴心小提示：千万别滥用特效，不然容易画蛇添足噢~
实战小贴士
多看优秀作品，Screenshot（截图）收藏起来 建立自己的UI组件库，常用的按钮、卡片都保存好 善用PS的智能对象功能，方便统一修改 图层要善于分组，命名要规范
优网科技，优秀企业首选的互联网供应服务商
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。
公安局备案号：
专属顾问
