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

**Published by:** [monster](https://paragraph.com/@monster-6/)
**Published on:** 2022-10-13
**URL:** https://paragraph.com/@monster-6/ai-ui

## Content

其实这算 产品经理新人是否有必要学习Photoshop？ 的续集。 蛮多人问过，到底怎样才能快速学会？因为特别费时间，就一直拖着，现在终于狠心决定用大段时间来回答这个问题。 视频地址在文章最后，来不及的孩子直接拖到最后吧。 好吧…… 其实真的很快。只是为了APP出界面的话（不许掐我哈～坚决没黑设计师，从实用，工程师快速出界面，出切图方向给的建议）。 先放一张图嗯。这样世界简单多了吧？ 第一次还没开始答题，就被赞和收藏嗯嗯～～压力很大，熬夜也赶完视频嗯嗯～～ 放视频教程里面，APP界面图： 人生第一个接近电影的超长视频啊～～琢磨收票钱啊啊啊～～ 赞助楼主的链接在这里嗯嗯～～黎敏的收款主页 视频长度51分钟。 学会的给楼主砸钱吧～～因为跳过吃饭聊天讲八卦互殴（再另外2个小时）的最精彩剧情了～～ 指着教AI蹭烤鱼来着哇～～ 烤鱼很好吃的哇～～ 没学会的可以试试Google，或者点击“猪头楼主被雷劈+1” 顺便把Android 矢量图标放这里： http://vdisk.weibo.com/s/yXbndbgZnaYeg IOS矢量图这里： http://vdisk.weibo.com/s/yXbndbgZnaYed 手势示意图，方便标注手势： http://vdisk.weibo.com/s/yXbndbgZnaYd6 http://vdisk.weibo.com/s/yXbndbgZnaYcM 网页界面也一样，有大量能重用的素材。 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 应用 嗯，由于工程师太忙没有时间维护（他有自己项目在忙）。 我只能继续维护后台数据，没办法更新前端了。 嗯，如果有人喜欢，拿去用吧。但是里面手绘的猪头不可以用~~ 嗯嗯~因为我很喜欢猪头那是我的猪头~ 别的随便用嗯嗯~~~

## Publication Information

- [monster](https://paragraph.com/@monster-6/): Publication homepage
- [All Posts](https://paragraph.com/@monster-6/): More posts from this publication
- [RSS Feed](https://api.paragraph.com/blogs/rss/@monster-6): Subscribe to updates