现在好多UI设计师做界面都像是在画大饼，要么就是那种烂大街的扁平化风格。看着就很普通，，完全没有下载欲望。其实UI界面设计真的有套路的，掌握这7个方法就能让你的作品在B站设计区火起来。
Photoshop里做UI其实比Sketch还要灵活。
很多人不知道。
新建文档的时候分辨率直接选择72DPI就行了，，宽度一般用375px或414px，，这是iPhone的标准尺寸。
记住千万别用300DPI，，那是印刷用的，，做UI会卡死。
第一个方法就是渐变背景搭配，这招真的被严重低估了。
打开渐变工具，选择径向渐变，从中心的浅色到边缘的深色。
比如从#F8F9FA到#E9ECEF，这样整个界面就有层次感了。
线性渐变也很不错，，45度角从左上到右下，，#667EEA到#764BA2，，这种紫蓝色搭配特别有科技感。
关键来了，阴影效果要做得自然。
新建图层样式，投影的距离设置2px，大小4px，不透明度30%左右。
颜色别用纯黑，，选择主色调的暗色版本。
比如蓝色按钮就用深蓝色阴影，，这样看起来更协调。
记住现在流行的是柔和阴影，不是那种很硬的边缘。
第二个流程是圆角处理，现在直角设计真的过时了。
矩形工具画好形状后，，在属性面板里调整圆角半径。
一般来说8px到16px之间比较合适，，太小了没效果，，太大了像胶囊。
按钮用12px，卡片用8px，这是比较标准的搭配。
配色方案这块很多人都调成彩虹了，简直是灾难现场。
主色选一个，辅助色最多两个就够了。
推荐这几个组合：#5B73E8配#FF6B6B，或者#00D4AA配#FF9F43。
背景色用中性灰，，#F5F7FA是个万能色，，什么主色都能搭。
现在进阶技巧来了。毛玻璃效果特别适合做弹窗背景，，新建矩形填充白色，，不透明度调到20%，，然后加个1px的白色描边。
滤镜菜单选择模糊→高斯模糊，，半径设置20px左右。
这招在iOS风格界面里特别有用。
图标绘制千万别直接用现成的，那样没有原创性。
用形状工具组合绘制，，先画基本形状再用路径查找器布尔运算。
加号图标就是两个矩形相交，，减号就是一个矩形。
记住线条粗细要统一，，一般2px或3px比较合适。
第五个方法是文字层级设计，标题用24px粗体，，正文用16px常规，，辅助信息用12px。
行距设置1.5倍，，段落间距用20px。
字体选择系统默认的SanFrancisco或者Roboto，，别用那些花里胡哨的艺术字体。
按钮状态设计经常被忽略掉。默认状态、悬停状态、点击状态都要做。悬停的时候稍微提亮一点，，点击的时候加个内阴影模拟按下效果。用图层样式的内阴影，，距离0px，，大小2px，，不透明度50%。
最后一个秘密武器就是栅格系统，很多新手根本不知道这个概念。视图菜单→新建参考线版面，，列数设置12，，槽宽20px。所有元素都要对齐到这个栅格上，，这样整个界面就很规整了。
记住做UI最怕的就是用力过猛，，那种一看就很复杂的界面真的很low。简约风格永远不会过时，，少即是多这个道理在UI设计里特别适用。Figma和XD也能做类似效果，，但是PS的图层样式更灵活一些。
整个设计流程要有耐心。先定整体风格，，再做具体元素，，最后统一调整。每一步都要考虑用户体验，，别光顾着好看忘了实用性。现在移动端优先是趋势，，所以尺寸适配很重要。
做完记得导出@2x和@3x版本，，这样在高分辨率屏幕上才不会模糊。PNG格式保持透明度，，JPG格式文件更小。切图的时候用切片工具，，批量导出效率更高。
核心就是保持克制和一致性，，别把所有炫酷效果都往一个界面里塞。好的UI设计应该让用户感觉不到设计的存在，，这才是最高境界。
優(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ù)。
公安局備案號：
專屬顧問
