---06月27日 19:11如何在四小时内学会用 Ai 做 UI？
整个问题的初衷在于看到了@黎敏 的回答， 我这个问题主要在于希望一些新人能速度的进入AI操作，而不必花时间去找教程，需要这个问题回答的人不少。再次谢谢 @黎敏。
按投票排序
唔，多谢邀请。其实这算
的续集。因为蛮多人私信问过，到底怎样才能快速学会。因为特别费时间，就一直拖着。最后看到变成公开提问，终于狠心决定用大段时间来回答这个问题。视频地址在文章最后，来不及的孩子直接拖到最后吧。好吧……
其实真的很快。只是为了APP出界面的话（不许掐我哈～坚决没黑设计师，从实用，工程师快速出界面，出切图方向给的建议）。先放一张图嗯。这样世界简单多了吧？第一次还没开始答题，就被赞和收藏嗯嗯～～压力很大，熬夜也赶完视频嗯嗯～～放视频教程里面，APP界面图：学会的使劲蹭蹭屏幕表示感激吧～～跳过吃饭聊天讲八卦互殴（再另外2个小时）直接讲剧情了～～没学会的可以试试Google，或者点击“猪头楼主被雷劈+1”补充说明，这是2014年一个老答案，部分图形已过时不用，内容供参考。矢量可试试：。标准UI设计，官方会有大量标准图案供下载，官方文档会有更多信息。我个人偏好AI，因AI可用于插画创作，而且苹果和win用户都能用，用途广泛且方便。若有其他遗漏信息，试试Google一下，应该有最新解答。如下是原来答案，祝学习愉快~ 嗷~~顺便把Android 矢量图标放这里：IOS矢量图这里：手势示意图，方便标注手势：手势示意图，方便标注手势：网页界面也一样，有大量能重用的素材。网络都可以下载到，还有更多更多类似的。这样超快速重用已经造好的轮子，快速出图～第一次录制，经验不足，讲解应该可以更有条理来着～～各种废话跑题感言完毕～ 视频在这里嗯嗯～～记得重看最上面的大图，只需要记得那几个功能，足够了。
2小时学会用AI做UI
/programs/view/n1ogqSpxTxY/
看完视频再问自己一次：会保存，导出了么？会画矩形，圆形，线条并更改颜色了么？会使用其他人的素材了么？会快速搭配颜色了么?知道从哪里找到所需素材了么？嗯嗯～就这些，够用了。——————补充——————我用的CS6，但是版本不影响。因为这是最少最少的功能了。排列方式等等，每一个版本都是一样。如果可能，尽量使用最新版，因为网络素材，尤其是韩、美国那些，常常是最新版，低版本偶尔无法打开高版本设计的图。教程送给工程师朋友，希望他们能跳过设计界面的痛苦，不许掐我嗯嗯～另外，卖萌图片等等，一样可以搜索矢量图。可爱的天气图标，吃豆子的图标等等～我想说的只是，重复利用素材，就像代码开发时，使用人家成熟模块一样。一切从零开始会有点慢。嗯嗯～～补充一个忘记讲的。唯一一个，只需要记住解除编组就可以了，跟视频里面讲的一样，眼睛往上看。比如你只想要界面中的按钮，却只能选中所有，看属性里面“编组”表示这一对编组在一起。右键（跟word等等一样）选择取消编组就好了。编组就是把一堆东西捆在一起了。方便一起移动。解除编组后就能单独移出了。单选，多选，多选后取消某个选项，快捷键跟win系统一样。Ctrl + 鼠标单击。总是就是，软件设计者不是坏人，他们会最大程度重用大家熟悉的手势，熟悉的快捷键。看到评论了，关于我的APP，全部开源，代码在这里：GooglePlay里面有APP简介：嗯，由于工程师太忙没有时间维护（他有自己项目在忙）。我只能继续维护后台数据，没办法更新前端了。嗯，如果有人喜欢，拿去用吧。但是里面手绘的猪头不可以用~~嗯嗯~~因为我很喜欢猪头~~那是我的猪头~~别的随便用嗯嗯~~~
為什麼要四小時呢學會呢？打電話跟客戶說遲一點交貨不就可以嗎？你老闆叫你做的嗎？那你告訴他你既不會 Ai 也不會 UI，四小時怎麼做。好了，四小時內學不學會 Ai 不是重點，重點是為什麼要選 Ai？用 Ai 做 UI 可以，就如你可以用「小畫家」畫 Icon。題主大概不是要做最終的 Visual Design 吧（設計一個完整的 App 或網站，四小時也做不完，找些素材什麼拼貼一起不算是在「做」吧），只是做 UI 流程或是要展示你的 UI 概念，那用你本身熟悉的工具就好，Keynote（可做簡單動畫）、OmniGraffle（做 wireframe 蠻好用的），其他人提出的 PowerPoint、Word、Fireworks 也可以，會 HTML、Javascript、CSS 的可把整個互動的介面做出。甚至可以在紙上畫，配合 POP App 就可以在設備上展示。沒必要執着於 Ai 吧！或者可以先花時間學學 UI 。
首先我先简单说一下我自己，我不是专业的网页设计、交互设计。我的主要职业是传统平面设计，网页我也做，AI非常熟悉，几乎天天都在用，但从来没用AI做网页或者APP。个人非常反感与排斥用AI做网页，只是经常会遇见朋友、同事用AI做网页，所以从中发现过一些问题。在我认识的朋友中，大部分的网页设计、交互设计师都不会用AI。大部分的平面设计师虽然AI、PS都很熟，但是却做不好网页。特别是用AI做网页的时候经常犯一些低级错误。（比如说：字体选用、色彩模式、分辨率、出现有小数点的像素....）我的回答可能跟排名第一 @黎敏 的回答有些相似，但是我的一些点可能与她不太相同。我可能比较多的关注做网页或\app时用ai和ps之间的相似与不同。以及用AI做网页时应该注意的一些地方。--------------------------------------------------------------------------------------------------题主是想要在4小时内学会用ai来做ui?那么我觉得题主应该已经会用ps做ui界面了。而且做这个ui之前，想必已经做好原型，考虑好配色了，准备好icon了。如果你没有ps的基础。。那么算了，就算4个小时能做好，也很容易出错的。如果你没有做好原型。。那么算了，可能做个原型都不止4个小时吧。如果你没考虑好配送。。那么算了，别一个字体的颜色就调上个把小时。如果你没准备好icon。。那么算了，有的icon几个小时都不一定能画好。假如下面这张图↓↓↓↓↓↓↓↓↓，就是题主脑海中想要得到的结果，那么如何用ai快速的把他实现呢？（素材齐备的情况下，大10-20分钟即可）我用AI先画了个原型（昨天电脑刚装的系统，所以很多软件都没装，不过就算装了AxureRPPro，我也不是很会用。。毕竟咱不专业- -！）这货是原型↓↓↓↓↓↓↓↓↓我从以下几点来解答。1.哪些工具是会用到的？移动工具矩形工具文字工具路径查找器倒角对齐与排列剪切蒙版...2.哪些操作是和ps相似的？atl移动来进行复制shift键的功能对锚点的操作文字工具移动工具路径查找器对其与排列...3.哪些点是需要特别注意的？a.在像素视图下进行设计，并确保像素为单位，不出现小数点的像素长度（用ai做网页或者ui时，这点真的是非常非常重要的。我经常遇到一些设计师出这样的错误。CS6好像不太容易出这样的错）....老婆催着洗澡了。。。明天不加班的话回来再做个视频。。。
我给大家讲个笑话：《21天精通C++》
4.29更新，为嘛到现在都没有评论，后面的我还上不上啊！！！哈哈哈
我准备上一个关于实现视频里那个效果的axure教程、PS教程、word教程、excle教程、VISIO教程、以及其他你们能想到的比较大众的软件吧。工具是辅助的，很多很多软件都能完成这个页面，大家愿意，我还可以来个手绘线框图。先上Word完成图：（忘了右上角的笔了，算了，也就那么回事，大家将就吧）还是补上吧。。。EXCLE：先看线框图
（大家把网上找的素材或者自己做的素材，在里面贴图就行了，按钮就插入形状）完成图：（很粗糙，大家将就）完成图：（很粗糙，大家将就）剩下的，等大家有需要再补。。。 题外话：要做这样一个界面出来，非常容易，很多很多软件都行，原理与方法也相似，但是绝大部分非设计类的软件，对细节设计的能力非常欠缺。所以，如果你是设计师，更需要多学的是对细节的处理能力，这些都不是一朝一夕能练成的，需要长时间的练习，训练对色彩、质感、形状等等等的感觉和技巧。如果你是产品，画原型随便用什么东西都行，一张纸+一支笔+脑袋就足够了，最多AXURE辅助一下，剩下的就让设计师来吧。
其实吧，史上最简单的做界面设计的软件是PPT。。。。。。百试不爽。之前还用PPT做过VISUAL。。。做交互模型流程 其实EXCEL很好用 哈哈。。
简直是天大的笑话。每个人都会用word这个工具，但是会用word就能写好文章？是，你可以四小时学怎么用word，但是好文章是日复一日的阅读和几十年的人生阅历才写得出的东西。怎么大家会有“会软件=出作品”这么奇葩的逻辑？别人搞艺术的被熏陶审美都是白熏陶的？文学大师光会打字，好文章就能出来了？
总监说 ：wendy.你比较擅长哪个软件？我：(&_&)ps 吧
总监说：好。从现在起不可以用ps.下午四点前交newdon logo 的10套方案
然后，不敢说会ai 了...但我确实在那天从装ai 开始把任务完成了...
想多了吧，虽然无数得入门教材都会评价AI是简单易学，但也没这么玩得好嘛。就我个人经验的话，每天下班到家之后八点到十二点玩AI，包括在公司的八小时。合计每天大约10小时在这上面，三礼拜左右玩得比较熟练。之前PS水平之前很渣。无非就是看视频，跟着教程一步一步走，然后自己来一遍，期间记得做笔记。最重要得一点，千万要顶住来自外界得冷嘲热讽：「哇，你个彩笔连这都不会。」你说一个学三维得去广告公司凑什么热闹，还投递平面设计师的简历。
为什么要限定于AI。如果只是产品经理用的话。。。前面很多人都提过找个原型设计软件。。搜索了下 居然没人推荐 这货！！Sketch
！！！！！简单的引用了一段介绍。Sketch 是为图标设计和界面设计而生的。它是一个有着出色 UI 的一站式应用，所有你需要的工具都触手可及。在 Sketch 中，画布将是无限大小的，每个图层都支持多种填充模式；我们有最棒的文字渲染和文本式样，还有一些你一定会爱上的文件导出工具。不觉得为了ui而生嘛！这货相对来说非设计行业的从业人员就能轻松上手啊！
熟能生巧的东西，4小时只能是知道如何用AI做UI
分享下自己的体会。自己是习惯使用keynote来做UI原型，甚至排视觉稿。搭UI界面按大家自己习惯的而且熟练的软件就ok。软件是否可以拿来做UI界面需要具备的潜质1.基础的绘图功能（功能强的话，需要有对齐，标尺等）；2.是否有大量的设计资源可以交流共享；3.交互demo的话，还需要能处理点击反馈，如文档间链接跳转。（ppt，keynote都有这个功能）基本上，office，iwork系列，adobe系列的都可以做UI原型。使用ai来搭UI，一大好处是网上有大量的ai格式的矢量UI控件。我甚至觉得国外UI设计师有一大帮人是在用ai来做视觉稿的，尤其在现在无线高清屏幕下，矢量设计很重要。
AI的操作需要的美术（手绘）功底会更加强！在AI软件中，很多Icon的质感和特效是通过层层手绘和制作实现的。但是在ps里，可以很好的使用 图层样式 功能通过设置参数达到预期效果！如果是PM，建议使用PS！感觉上手比AI快！
首先请画2个小时熟练用钢笔工具和各种自定义图形的工具，剩下一个小时了解添色功能，然后剩下一个小时临摹大神做的图标做一遍。你就会用ai画画了。ps.最基础的画东西。。（前提你知道什么是ui。。）
我可以说会用ps就会ai吗？工具图标一样的：）。但简单改个东西或做个东西没大问题，真用来设计，不学几个月，还真做不了。
首先你要很熟悉ai……然后自然就会了……可能不需要四个小时
ai比ps上手难，尤其是质感表现
不要用时间来定义什么｀｀什么4消失学会｀｀4小时，可以｀但是，这样会误导他人觉得，我学10个小时就时ui设计师了，根本毫无意义。所以中国出现一堆堆的制图师。
一边做，一边把不会的问题找百度姐姐，。。。，。。。。。
不要啊英雄，那可是我学了6年才会的...}