要做一个app的ui设计，具体该做什么，怎么做？

本回答会给到题主以及各位想要入门UI设计的同学一个行业简介以及ui设计实操案例

回答中贴出的链接均为问题相关视频教程，点链接领取网站会员即可无限免费学习！

首先我们要明确【设计思路】产品的需求。

产品的发展方向，和竞品分析。

然后就是创作的风格如【简约、个性、干净、扁平、高效】

【设计的原则】稳定、真实性、品牌感。

【设计的规范】他的色彩通常对应相应的。

比如我们点击过一个东西，他则会高亮的进行显示。

颜色由深到浅的去决定他的作用。

还有就是图标的【点击状态】和【未点击状态】。

过程中，字体的选择也是一个关键性的。

首先我们打开下载好的工程文件，继续解析，如图所示。

然后新建一个画布，这里我们按照苹果7尺寸来制作，如图所示。

在40的像素的地方调整为一个标尺参考线，如图所示。

将下载好的顶部状态栏载入进来，如图所示。

然后调整一个像素88的导航栏，如图所示。

使用【文本】工具，输入文字像素为60，如图所示。

将下载好的图标载入进来，如图所示。

在【图层样式】中设置一个【颜色叠加】效果，如图所示。

我们使用形状工具，创建一个矩形，如图所示。

在【图层样式】中设置一个【投影】效果，如图所示。

将下载好的图片载入进来，如图所示。

使用【文本】工具，输入文字进行摆放，如图所示。

将下载好的图标载入进来，如图所示。

我们使用形状工具，创建一个矩形，如图所示。

然后选矩形，在右上角参数面板中设置他的【圆角】，如图所示。

我们使用形状工具，创建一个矩形，如图所示。

取消填充的选项，设置一个【描边】，如图所示。

将下载好的图标载入进来，如图所示。

这里我们调整图标下方字体的颜色，如图所示。

然后进调整好的所有图层复制一份，放置在边缘20像素的位置，如图所示。

接下来制作第二个页面，使用【文本】工具，输入文字进行摆放，如图所示。

我们使用形状工具，创建一个矩形，在右上角参数面板中设置他的【圆角】，如图所示。

将下载好的图标载入进来，并在【蒙版】中设置一个渐变，如图所示。

使用【文本】工具，输入文字进行摆放，如图所示。

将下载好的图标载入进来，如图所示。

在【图层样式】中设置一个【颜色叠加】效果，如图所示。

将调整好的图层进行复制，如图所示。

我们使用形状工具，创建一个矩形，然后选矩形，在右上角参数面板中设置他的【圆角】，如图所示。

最终效果。

首先我们打开下载好的工程文件，继续解析，如图所示。

新建一个标尺参考线然后使用【选区】工具绘制一个矩形，如图所示。

将下载好的顶部状态栏载入进来，如图所示。

我们使用形状工具，创建一个矩形，并填充一个黄色，如图所示。

将下载好的图片载入进来，如图所示。

使用【文本】工具，输入文字并设置一个字体，如图所示。

使用【钢笔】工具的加锚点工具，添加2个点，如图所示。

选择调整出来的点，向上进行移动，如图所示。

使用【文本】工具，输入文字并设置字体的颜色，如图所示。

将下载好的图标载入进来，然后我们使用形状工具，创建一个矩形，如图所示。

选择载入进来的图标在【图层样式】中设置一个【投影】效果，如图所示。

然后我们使用形状工具，创建一个矩形，在右上角参数面板中设置他的【圆角】，如图所示。

将调整好的矩形进行复制，上下移动像素，如图所示。

将两个矩形颜色调整为黑白色，如图所示。

将下载好的图标载入进来，如图所示。

使用【文本】工具，输入文字并设置字体的颜色，如图所示。

将调整好的图层进行复制，如图所示。

将下载好的图标载入进来，如图所示。

我们使用形状工具，创建一个矩形，在右上角参数面板中设置他的【圆角】，如图所示。

取消填充的选项，设置一个【描边】，如图所示。

复制调整好的形状并调整他的位置，如图所示。

我们使用形状工具，创建一个圆，取消填充的选项，设置一个【描边】，如图所示。

将下载好的图标载入进来，如图所示。

选择图标，在图标的地方规划多条参考线，如图所示。

使用【文本】工具，输入文字，如图所示。

将下载好的图标载入进来，如图所示。

最终效果。

对UI设计感兴趣的同学千万别错过这些优质的内容哦

除了回答中给出的内容，还有更多干货内容等着你！

7天网站会员福利奉上，赶紧边学习边探索吧~

同时也强烈推荐想要系统学习，刚入门UI设计的同学观看我们在知乎的这套UI入门到进阶课程~