Figma自编教程第三篇（也是做产品实习生的第三天）说实话，其实已经将常用的一些Figma功能介绍完了，有这些知识，其实

前两天，我发了Figma自编教程第一篇和第二篇，链接如下：Figma自编教程第一篇（也是做产品实习生的第一天） - 掘金 (juejin.cn)； Figma自编教程第二篇（也是做产品实习生的第二天） - 掘金 (juejin.cn)。这两篇文章，说实话，其实已经将常用的一些Figma功能介绍完了，有这些知识，其实做一些较为简单的原型是绝对没什么问题，但是其实业务中有一些问题并不是这些简单的功能而已，今天这边，我希望可以给大家介绍一下相对复杂一点，以及相对个性化，风格化一点的页面设计类型，还有原型设计的相关入门.对了，今天我被领导拉过去，让我做了一下UI设计，他给我分配的任务是按照我们项目已有的UI风格，对于“拍照历史”这一功能进行一个图标UI的设计
今天我先给大家分享一下关于我今天上午UI设计的过程与思考，然后再跳转到关于Figma的原型设计入门部分吧

第一次图标设计过程

今天上午被老板安排了一个工作，那就是按照我们项目已有的美术风格，为“拍照历史”这一功能模块，设计其图标。我先来给大家展示一下我们组的UI美术风格吧

这个是我们项目组的一个UI风格，今天对于筛查报告，还有健康报告的位置与UI需要进行变化，将原“筛查报告”的位置改为“拍照历史”，而将“筛查报告”等同于“健康报告”。因此，我们不需要再次设计筛查报告的UI，但是对于拍照历史的UI我们还需要重新设计，这就是我今天上午工作的背景。
在被分配任务之后，我开始思考，“拍照历史”？他的重点到底应该放在哪里？
因为所谓的拍照历史，其实就是你把照片传上来，然后后台AI自动对你的照片是否存在病变点来进行一个筛查，然后将筛查后的报告进行导出，然后你可以通过“拍照历史”这个功能，看到自己曾经进行拍照智能筛查得出来的结果，而且也可以看到当时进行检测的照片，也就是对于自己自己曾经进行拍照的结果还有照片可以进行一个回顾
那我一开始做时，我将重点放在了“拍照”这两个字上，我认为这个很明显，那不是就画一个小相机就行？？？
于是我做了一个这样的图标，当时还觉得自己做的可好了呢！天，多漂亮的一个相机呀，这一版绝对没问题！

至于这个的制作过程，真的很简单
就新建一个画布，然后画一个矩形，通过右边的Design来调整大小，然后，大家可以看到我有一个位置写了40对吧，那个就是控制建立矩阵边角的弧度，我一般喜欢40或是30.然后下面就是效果图

然后改动颜色，啥颜色这不重要，大家自己选择就ok，我这边选择的是绿色

剩下的，大家就往上套形状就行，套什么形状都行，只要让他看起来像是相机就ok
我这边选择的是，总共用了五个图形，分别是三条矩阵竖线，还有两个圆形来做镜头
三个矩阵颜色我选择的是，红黄蓝
其设计模仿借鉴了这张UI，这种风格也被称为拟物化。

做好的效果在上面展示过了
但我将这一版交给老板看的时候，他提出了不同意的意见，他认为虽然我们这个图标名称为拍照历史，但其实他的重点并不是拍照，而是用户可以通过这个按钮，来点击查看自己之前拍照搜查的照片与这张照片被AI智能识别之后，的出来的报告。
于是在这之后，我决定将图标从相机拟物化，换为以文件为主要的设计点，在矩形框中画一个笔记本的形式，重点突出文字的感觉