十分钟学会制作UI界面

很多学习UI设计的伙伴们会在做界面的时候遇到一些小问题。

今天，我们就来做一套简单界面。

准备素材

1. 一张背景图和四张人物图像图片

2. 线性图标

3. 准备字体

4. 界面色值

字体

在UI设计中，避免使用有衬线，iOS中英文使用Helvetica,中文使用冬青等一些无线衬字体，尽量使用一些与iOS自有字体相似的字体做设计。

选色

基本选择两个颜色，主色、辅色。而高光、阴影基于主色，高光向左上角去选择合适的色值，阴影像右下角选择暗一些的色值。主色选择时很重要的，每一个主体都有一个合适的颜色。

画界面

准备好要用的色值、字体、图片素材后，我们就来开始做页面。界面画布尺寸设定：750*1334px，状态栏高度设定：40px，导航栏高度设定：88px，导航栏两侧按钮大小设为36*36px。

圈画的地方，相对于新手来说是难点，归类起来为两类：一个是蒙板，一个是图层样式的渐变。

上看都是涉及图层蒙版的，图层蒙板是什么？简单来说就是，你想要一片区域消失，只显示你想要的部分。蒙板就是盖住其他你不想看到的区域。

画一个320*320px的正圆，关闭3.1的填充，打开描边，设置描边为6px，选择3.2的渐变描边，设置角度为90度，根据自己的需要在3.5中设置色块，就得到2.5的效果。

图片处理

将图4拖入后转化为智能对象，调整色彩饱和度和明度以及图层样式，叠加的颜色用的是基于主色又相对较暗的颜色。

视觉包装

做完界面后，还有最重要的一步：视觉包装。给自己做的页面做个简单的包装，美化一下自己的界面吧！

有兴趣的小伙伴可以关注我们日后的干货分享哦！当然，你想了解更多关于设计的知识，可以填写下方的表单，有利于咨询老师更快的找到你哦！我们下次见~

相关推荐

: 2020年Java程序员就业难吗？

2020年Java程序员就业难吗？2020年无论是对于企业还是个人都是比较艰难的一年，在这年因为疫情有些企业扛不住了，倒了下来，有些人呢！失业啦！所以2020年对于大家来说都比较艰难，但是学习Java成为Java工程师就业会好转吗？Java工程师好就业吗？饱和了吗？

: Java工程师是干什么的？

Java工程师是干什么的？我们经常听到Java工程师就业薪资高，都想通过Java培训成为Java工程师，但是具体到Java工程师是做什么的可能在参加Java培训班之前我们并不清楚今天小编汇总一下Java工程师是做什么的。

: Java工程师前途在哪里？

Java工程师前途在哪里？有些小伙伴参加完Java培训成为Java工程师，现在做的还不错，有些小伙伴参加完Java培训班直接转行了，现在Java工程师的前景到底怎么样？还好吗？下面小编分析一下Java工程师的前途如何？

: Java学到什么程度可以就业？

Java学到什么程度可以就业？我们参加Java培训无非就是为了就业，很多零基础学习Java的小伙伴特别想了解自己学习Java技术到什么程度就可以就业啦，其实不同的公司对于Java程序员的要求是不一样的，而且还有初级Java工程师，高级Java工程师之分，其实技术多多益善最好，不过小编针对不同重量级的公司进行简单介绍。