如何在四小時內(nèi)學(xué)會用 Ai 做 UI？
時間：2024-02-09 23:30:01 | 來源：網(wǎng)站運(yùn)營
時間：2024-02-09 23:30:01 來源：網(wǎng)站運(yùn)營
如何在四小時內(nèi)學(xué)會用 Ai 做 UI？：
首先我先簡單說一下我自己，我不是專業(yè)的網(wǎng)頁設(shè)計、交互設(shè)計。我的主要職業(yè)是傳統(tǒng)平面設(shè)計，網(wǎng)頁我也做，AI非常熟悉，幾乎天天都在用，但從來沒用AI做網(wǎng)頁或者APP。個人非常反感與排斥用AI做網(wǎng)頁，只是經(jīng)常會遇見朋友、同事用AI做網(wǎng)頁，所以從中發(fā)現(xiàn)過一些問題。在我認(rèn)識的朋友中，大部分的網(wǎng)頁設(shè)計、交互設(shè)計師都不會用AI。大部分的平面設(shè)計師雖然AI、PS都很熟，但是卻做不好網(wǎng)頁。特別是用AI做網(wǎng)頁的時候經(jīng)常犯一些低級錯誤。（比如說：字體選用、色彩模式、分辨率、出現(xiàn)有小數(shù)點(diǎn)的像素....）我的回答可能跟排名第一 @黎敏 的回答有些相似，但是我的一些點(diǎn)可能與她不太相同。我可能比較多的關(guān)注做網(wǎng)頁或/app時用ai和ps之間的相似與不同。以及用AI做網(wǎng)頁時應(yīng)該注意的一些地方。--------------------------------------------------------------------------------------------------
題主是想要在4小時內(nèi)學(xué)會用ai來做ui?那么我覺得題主應(yīng)該已經(jīng)會用ps做ui界面了。而且做這個ui之前，想必已經(jīng)做好原型，考慮好配色了，準(zhǔn)備好icon了。
如果你沒有ps的基礎(chǔ)。。那么算了，就算4個小時能做好，也很容易出錯的。
如果你沒有做好原型。。那么算了，可能做個原型都不止4個小時吧。
如果你沒考慮好配送。。那么算了，別一個字體的顏色就調(diào)上個把小時。
如果你沒準(zhǔn)備好icon。。那么算了，有的icon幾個小時都不一定能畫好。
假如下面這張圖↓↓↓↓↓↓↓↓↓，就是題主腦海中想要得到的結(jié)果，那么如何用ai快速的把他實(shí)現(xiàn)呢？（素材齊備的情況下，大10-20分鐘即可）我用AI先畫了個原型（昨天電腦剛裝的系統(tǒng)，所以很多軟件都沒裝，不過就算裝了AxureRPPro，我也不是很會用。。畢竟咱不專業(yè)- -！）
這貨是原型↓↓↓↓↓↓↓↓↓
我從以下幾點(diǎn)來解答。
1.哪些工具是會用到的？
移動工具
矩形工具
文字工具
路徑查找器
倒角
對齊與排列
剪切蒙版
...
2.哪些操作是和ps相似的？
atl移動來進(jìn)行復(fù)制
shift鍵的功能
對錨點(diǎn)的操作
文字工具
移動工具
路徑查找器
對其與排列
...
3.哪些點(diǎn)是需要特別注意的？
a.在像素視圖下進(jìn)行設(shè)計，并確保像素為單位，不出現(xiàn)小數(shù)點(diǎn)的像素長度（用ai做網(wǎng)頁或者ui時，這點(diǎn)真的是非常非常重要的。我經(jīng)常遇到一些設(shè)計師出這樣的錯誤。CS6好像不太容易出這樣的錯）
....
老婆催著洗澡了。。。明天不加班的話回來再做個視頻。。。
在線咨詢