在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，AI和PS怎樣協(xié)同工作的？

時(shí)間：2024-02-09 23:05:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2024-02-09 23:05:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，AI和PS怎樣協(xié)同工作的？：我是以平面設(shè)計(jì)為主，但是網(wǎng)頁(yè)、UI、手機(jī)端有需要的話(huà)，也是要做的，因?yàn)橐恢笔且訟I排版、做圖形為主，PS P圖為輔，所以我不太可能因?yàn)楝F(xiàn)有工作偶爾的需求，就花大量時(shí)間去適應(yīng)用PS做排版。

這個(gè)問(wèn)題之前困擾過(guò)我，我目前的解決方案就是：用AI軟件做網(wǎng)頁(yè)設(shè)計(jì)

1、AI軟件，在“首選項(xiàng)”中把“單位”設(shè)計(jì)成像素

2、和后期程序員溝通好，做什么尺寸，網(wǎng)頁(yè)、手機(jī)、TV端、穿戴設(shè)備等這些尺寸都是不一樣的，先最大程度弄清基礎(chǔ)需求，千萬(wàn)不要去做那種先設(shè)計(jì)后調(diào)整的事情，說(shuō)設(shè)計(jì)師苦逼，可能大多就是苦逼在這兒，這樣的做事方式是不對(duì)的。

3、跟做平面的東西一樣，做好前端視覺(jué)設(shè)計(jì)稿。

4、定稿后，分2步：

a、再新建一個(gè)AI文檔，把里面的banner、圖片、icon細(xì)心地單獨(dú)挑出來(lái)，復(fù)制到新AI文檔，AI里面可以用“畫(huà)板工具”把每一個(gè)元素點(diǎn)一下，自動(dòng)分畫(huà)板，然后再一次性把這些畫(huà)板輸出PNG。

b、再把AI里的設(shè)計(jì)稿轉(zhuǎn)存為PSD格式文檔，上傳到“藍(lán)湖”，在”藍(lán)湖“上邀請(qǐng)你的同事共享文檔，這樣就算完成了前端輸出了。

ps.上傳到藍(lán)湖，是因?yàn)檫@個(gè)軟件可以讓開(kāi)發(fā)自己查RGB色值、尺寸，巨好用，省了大把時(shí)間，缺點(diǎn)是，尺寸標(biāo)得不是很細(xì)，不過(guò)不礙事，哪里標(biāo)不到尺寸，你再自己補(bǔ)標(biāo)一下給開(kāi)發(fā)就好了。

當(dāng)然也可以用“像素大廚”標(biāo)注，這個(gè)軟件我用得少，看官方介紹，也能實(shí)現(xiàn)共享和標(biāo)注。

藍(lán)湖：藍(lán)湖

像素大廚：PxCook - 高效易用的自動(dòng)標(biāo)注工具,生成前端代碼,設(shè)計(jì)研發(fā)協(xié)作利器

具體用什么軟件不重要，以高效工作為目標(biāo)，反正我就是提供一個(gè)我用過(guò)的一套流程，以供參考，希望能助你快速找到一種能適用于你所在工作環(huán)境的解決方案。