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的智能对象功能，方便统一修改 图层要善于分组，命名要规范
優(yōu)網科技，優(yōu)秀企業(yè)首選的互聯(lián)網供應服務商
優(yōu)網科技秉承"專業(yè)團隊、品質服務" 的經營理念，誠信務實的服務了近萬家客戶，成為眾多世界500強、集團和上市公司的長期合作伙伴！
優(yōu)網科技成立于2001年，擅長網站建設、網站與各類業(yè)務系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網解決方案。優(yōu)網科技提供PC端網站建設（品牌展示型、官方門戶型、營銷商務型、電子商務型、信息門戶型、微信小程序定制開發(fā)、移動端應用（手機站、APP開發(fā)）、微信定制開發(fā)（微信官網、微信商城、企業(yè)微信）等一系列互聯(lián)網應用服務。
公安局備案號：
專屬顧問
