3分钟学会!PS玩转UI设计,暴力出片的秘密都在这里啦~
大家好呀,我是趣玩岛!今天跟大家分享一个超简单的UI设计技巧,保证你看完就能做出贼专业的界面效果。作为一个从小白一路摸爬滚打过来的设计师,我可太懂你们的痛点了!
第一招:构建专业的背景板
首先咱们要搞定背景,UI设计最基础的就是要有个配得上高大上界面的背景板。
新建一个1920×1080像素的文档(记住这个尺寸,贼实用) 按Ctrl+J复制背景图层 把图层混合模式改成“叠加”(这招太猛了,立马就高级起来) 调整不透明度到35%左右(具体数值看效果)
小贴士:记得给背景加个渐变,从深色过渡到浅色,这样内容区域更显眼哦!
第二招:打造毛玻璃效果
现在最火的毛玻璃效果,其实超好做!
选中要做毛玻璃的区域 右键转换为智能对象(这步很关键) 滤镜→模糊→高斯模糊,数值设置15-20 降低图层不透明度到75%
贴心提醒:想要更真实的效果,可以在上面再加一层白色半透明图层,不透明度设置10%左右~
第三招:添加立体感
没有立体感的UI就像没调味的菜,贼难吃!
选中主要内容图层 右键→混合选项 添加投影: * 距离:5px * 扩展:0 * 大小:10px * 不透明度:40%
小窍门:如果想要更细腻的效果,可以给投影加两层,一深一浅,就像化妆要打阴影一样,懂不懂!
第四招:点缀小细节
细节决定成败,这些小心机一定要学会:
主要按钮加个内发光 文字下面垫个半透明色块 重要信息周围加个淡淡的光晕 图标要统一风格(这个超重要)
压轴大招:配色方案
配色不好,啥都白搭!我的心头好配色方案:
主色调:#3A7BF2(这个蓝色贼专业) 辅助色:#F5F7FA(浅灰色打底超百搭) 点缀色:#FF6B6B(这抹红色点到为止)
最后告诉大家一个终极秘诀:不要贪多!记住“删繁就简”四个字,不是加得越多越好,而是要恰到好处。这就是我们常说的“克制”,明白了吗?

優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營(yíng)理念,誠信務(wù)實(shí)的服務(wù)了近萬家客戶,成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長(zhǎng)期合作伙伴!
優(yōu)網(wǎng)科技成立于2001年,擅長(zhǎng)網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)(品牌展示型、官方門戶型、營(yíng)銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動(dòng)端應(yīng)用(手機(jī)站、APP開發(fā))、微信定制開發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。