# 如何在四小时内学会用AI做UI？

By [monster](https://paragraph.com/@monster-6) · 2022-10-13

---

其实这算 产品经理新人是否有必要学习Photoshop？ 的续集。

蛮多人问过，到底怎样才能快速学会？因为特别费时间，就一直拖着，现在终于狠心决定用大段时间来回答这个问题。

视频地址在文章最后，来不及的孩子直接拖到最后吧。

好吧…… 其实真的很快。只是为了APP出界面的话（不许掐我哈～坚决没黑设计师，从实用，工程师快速出界面，出切图方向给的建议）。

先放一张图嗯。这样世界简单多了吧？

第一次还没开始答题，就被赞和收藏嗯嗯～～压力很大，熬夜也赶完视频嗯嗯～～

放视频教程里面，APP界面图：

人生第一个接近电影的超长视频啊～～琢磨收票钱啊啊啊～～

赞助楼主的链接在这里嗯嗯～～黎敏的收款主页

视频长度51分钟。

学会的给楼主砸钱吧～～因为跳过吃饭聊天讲八卦互殴（再另外2个小时）的最精彩剧情了～～

指着教AI蹭烤鱼来着哇～～ 烤鱼很好吃的哇～～

没学会的可以试试Google，或者点击“猪头楼主被雷劈+1”

顺便把Android 矢量图标放这里：

[http://vdisk.weibo.com/s/yXbndbgZnaYeg](http://vdisk.weibo.com/s/yXbndbgZnaYeg)

IOS矢量图这里：

[http://vdisk.weibo.com/s/yXbndbgZnaYed](http://vdisk.weibo.com/s/yXbndbgZnaYed)

手势示意图，方便标注手势：

[http://vdisk.weibo.com/s/yXbndbgZnaYd6](http://vdisk.weibo.com/s/yXbndbgZnaYd6)

[http://vdisk.weibo.com/s/yXbndbgZnaYcM](http://vdisk.weibo.com/s/yXbndbgZnaYcM)

网页界面也一样，有大量能重用的素材。

[http://vdisk.weibo.com/s/yXbndbgZnaYcy](http://vdisk.weibo.com/s/yXbndbgZnaYcy)

网络都可以下载到，还有更多更多类似的。

这样超快速重用已经造好的轮子，快速出图～

第一次录制，经验不足，讲解应该可以更有条理来着～～

各种废话跑题感言完毕～ 视频在这里嗯嗯～～

记得重看最上面的大图，只需要记得那几个功能，足够了。

2小时学会用AI做UI

看完视频再问自己一次：

会保存，导出了么？

会画矩形，圆形，线条并更改颜色了么？

会使用其他人的素材了么？

会快速搭配颜色了么?

知道从哪里找到所需素材了么？

嗯嗯～就这些，够用了。

——— 补充 ———

我用的CS6，但是版本不影响。因为这是最少最少的功能了。排列方式等等，每一个版本都是一样。

如果可能，尽量使用最新版，因为网络素材，尤其是韩、美国那些，常常是最新版，低版本偶尔无法打开高版本设计的图。

教程送给工程师朋友，希望他们能跳过设计界面的痛苦，不许掐我嗯嗯～

另外，卖萌图片等等，一样可以搜索矢量图。可爱的天气图标，吃豆子的图标等等～

我想说的只是，重复利用素材，就像代码开发时，使用人家成熟模块一样。

一切从零开始会有点慢。嗯嗯～～

补充一个忘记讲的。唯一一个，只需要记住解除编组就可以了，跟视频里面讲的一样，眼睛往上看。

比如你只想要界面中的按钮，却只能选中所有，看属性里面“编组”表示这一对编组在一起。

右键（跟word等等一样）选择取消编组就好了。编组就是把一堆东西捆在一起了。方便一起移动。

解除编组后就能单独移出了。

单选，多选，多选后取消某个选项，快捷键跟win系统一样。Ctrl + 鼠标单击。

总是就是，软件设计者不是坏人，他们会最大程度重用大家熟悉的手势，熟悉的快捷键。

看到评论了，关于我的APP，全部开源，代码在这里：

root-tools/ActivityCalendar at master 路 rarnu/root-tools 路 GitHub

GooglePlay里面有APP简介：

活动日历 - Google Play 上的 Android 应用

嗯，由于工程师太忙没有时间维护（他有自己项目在忙）。

我只能继续维护后台数据，没办法更新前端了。

嗯，如果有人喜欢，拿去用吧。但是里面手绘的猪头不可以用~~

嗯嗯~因为我很喜欢猪头那是我的猪头~

别的随便用嗯嗯~~~

---

*Originally published on [monster](https://paragraph.com/@monster-6/ai-ui)*