如何在四小时内学会用 Ai 做 UI?
时间:2024-02-09 23:30:01 | 来源:网站运营
时间:2024-02-09 23:30:01 来源:网站运营
如何在四小时内学会用 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好像不太容易出这样的错)
....
老婆催着洗澡了。。。明天不加班的话回来再做个视频。。。