為什麼做 UI 及相關設計,直接用 Adobe Illustrator 的很少?


我也是一個用AI做幾乎全部設計的人,當然設計完也會寫代碼之類去實現,不知道有沒有什麼代表性。

工具只是工具,我在09年就寫過一篇Blog,討論如何用AI實現像素完美的圖形。那個時候只是用CS4,但是基本上我也沒有因為像素太抓狂過。大家要求像素級別,無非是一些線不能糊,一些字不能糊,等等。其實習慣了的話這些也只是一些步驟而已。

http://chengis.me/2009/06/pixel-perfection-in-illustrator

而且CS5本身也加入了像素對齊,文字渲染格式,基本上連我之前的一些步驟也省了。但是大家要注意,如果不是線、框之類的簡單圖案的話,像素對齊這個勾一定要最後一步再點(這個是對象級別的控制),否則四捨五入的誤差還是很大的。

但是相比於AI來說,PS自己的硬傷更多,比如矢量形狀對象也沒有像素對齊,而且描邊、填充之類的選項比起AI的Appearence面板的多重描邊,多重填充來說實在是弱得遠。而且選中對象、群組、建立Symbol、9-slice Symbol之類的功能,更不是PS的長項。

大規模推廣AI主要的原因還是大家的習慣還有團隊之間的協作。但是如果你真的習慣AI的話,對於單純的UI設計來說,相比於PS只會更靈活而不是更麻煩。


小的就是那些被罵的人… 做網頁和 UI 設計都完整的 AI 內進行。經常被同事排擠,說甚麼不懂得開我的檔案。iPhone 4 出來,大家都要重畫的時候,用妒忌的眼神厲我;然後又傳言 iPad 3 會變更高像素,大家又說甚麼很久沒有用 AI/FreeHand了,只有諗設計時才會過一陣子,學不成的了…

好了,吐嘈完畢。

從我的個人經歷,發覺其中的一個原因可能是他們仍然活在「前 AI 9 年代」的概念,以為 AI 仍然是行 PostScript,很多「後 AI 9 年代」的新功能都不熟識,甚至不知道存在。AI 對他們來說,只用來畫簡單的圖示,然後又匯入 PS 繼續。

至於效能方面的誤解,只要在 PS 打開一個有上百圖層的檔案,和一個有數十 art board 的 AI 檔案比較一下,你就知哪個效能好了。

AI 的缺點嘛,其中一個就是字體渲染效果太好,不能模擬在瀏覽器中的顯示效果。

其他的缺點,想到才補上。


對齊像素的時候畢竟是要比PS麻煩吧,有些非矢量的效果也有點局限


Illustrator 難以對每個像素進行精確的控制(有時候怎麼都對不齊像素),也沒有 Photoshop 那樣豐富而便捷的的圖層樣式。


偶就常用AI, AI在造型上更自由,方便,平面繪圖,大體有三個訪法用線繪形,及面繪形,再線面合用, 線繪形基於精確,UI設計,是基於精確的活, 又基於矢量, 在圖形放大,縮小上更好保存原來形態,及方便修改, 修正,

PS 基於象素,對象素及色素可精確控制, 而最終稿都是象素輸出, PS相對於AI,它長於面繪形(PS筆刷就是面哦), 在紋理,漸層 層混合比AI更強, 但在放大縮小變化失真太大, 是要注意的,PS是最終處理好工具,

自然在造型上, 三維也是很重要工具, 這就是另一個問題.

大家 一起會為一個活在不同工具轉來轉去,很煩瑣吧, 有個萬能的多好,那去學MAYA吧,哈哈,


我也是ai的重度用戶,我常常幻想,要是能在ai里加入ps的 圖層樣式 ,就完美了


UI元素設計用ai的很多,但UI界面設計中對元素的精確位置與大小需要嚴格把控,所以這時候矢量軟體就不如PS了,而且最後輸出元素時AI依然沒有PS處理的方便。


在做UI設計的時候我比較習慣用AI+PS,AI主要是對圖形進行繪製,再用PS做效果。PS的圖層樣式比AI要節省一點時間,但是對於AI的高手來說沒有什麼區別,而且用AI做出的矢量圖標會比PS更容易進行大小縮放。


看見AI做的網頁很頭疼啊,不能精確到像素...這個問題現在有辦法解決了嗎?

不過我支持用AI畫圖標,尤其是現在流行的極簡風格。


剛轉職做UI設計的AI狂熱愛好者一枚!!!

其實我想說用AI設計完之後以矢量智能對象的方式拖進PS里是不是也可以?


推薦閱讀:

AI 中如何實現以下效果?
這張海報裡面的捲軸的效果是怎麼實現的?
顆粒感的背景在ps或AI里如何完成?
請問這張海報的效果怎麼做的?
請問圖中這個圓圈部分是如何用ps或ai作出來的?

TAG:用戶界面設計 | AdobeIllustrator |