為什麼UI設計很多時候用PS而不是AI?

PS處理和畫出來的不是點陣圖么?對於一些大屏幕的設備是可以看到鋸齒的吧?AI作為矢量繪圖軟體更加好吧?


關於UI設計應該使用PS還是AI這個問題,我認為你擅長使用哪個就用哪個,最終還是以是否能產出你的頁面效果為主。

下面來聊聊兩者的區別,AI是矢量工具,PS生成點陣圖。區別就在於當你放大很多倍的時候,ps邊緣會像素化。而我們進行UI設計的時候,無論是手機、Ipad、電腦頁面都是相對確定的尺寸,雖然不同手機解析度會有一些區別,然而這個區別還不足以讓它的邊緣產生像素,所以只要按照需求的尺寸來做,使用ps作圖是完全沒有問題的。另外你用ai做完的圖,一樣還是要切圖生成圖片,那跟PS也是沒有區別的。除此之外有很多特別好用的切圖插件是針對PS開發的,當UI設計師做完圖之後可以快速切圖,方便快速跟後續的前端工程師進行項目對接。不過ai也有內置切圖工具,如果能熟練使用也是一樣的啦。所以對於做頁面來說使用哪個工具都可以,看你怎麼方便。

如果在做頁面的時候用到插畫、圖例,我個人認為使用ai會高效一些。如果頁面里的圖片需要進行修飾,比如調光濾鏡之類的,那PS會更加好用。總結來說,PS擅長圖片處理,AI擅長圖例製作,ID擅長排版。Adobe公司每個平面軟體的設計定位不同,也決定了它們做什麼好用,做什麼雖然可以實現但相對麻煩。一般來說,我都是用PS處理圖片,AI裡面製作圖例和logo,然後把圖片、圖例直接插入ID進行排版。這三款軟體之間是完全可以來迴轉化使用的,十分方便。希望回答能夠幫助到你,如有不清楚的,可以後續展開來寫~~


這個問題,我覺得沒有必要糾結,ps和ai其實用起來都差不多,只是ps更好處理圖片,ai更好畫圖標,但是熟練了 ,哪個都一樣,我以前也是用ps做ui,後來公司要用ai,我當時不會用ai,被逼的,不知怎麼就會了,哈哈哈,這兩個軟體,會其中一個,另一個就很快學會。

現在都流行用sketch,但是又只能用蘋果電腦,有些插件就用不了,安裝啥都得max版本。

還有很多人一個誤區就是,都說ui注重視覺,其實ui注重的是交互,產品思維,視覺都是其次的,不行你看看支付寶,微信,簡單的白底,但是你發現它的產品交互非常符合人性需求,這才是我們一直都粘在上面的原因,我公司主要是做b端產品,最近一個項目真是整死人了,設計了三套方案,我自己喜歡的那一套,客戶不要,要那一套最丑的,但是不得不說那套最丑的,是三套當中,邏輯最通順,交互最完美的,因為越做到後面,發現的問題越多,每修改一次都能進化一次,接近完美。

所以不要糾結用哪個軟體,有設計思維,軟體花個兩天就拿下了。


為什麼我知道的是大多數用sketch 墨刀 XD而不是ps ai這種大體量工具


AI一般畫一些圖標會用到,PS主要是做視覺上的效果,而UI設計注重視覺,所以用PS比較多


因為UI設計的最終展示媒介是像素模式。

不過,你依然可以選擇前期採用AI繪製曲線,PS那個鋼筆工具,反應速度太頓感了。


兩個軟體的側重點不一樣,

PS是以編輯點陣圖為基礎的圖像編輯軟體,AI是矢量做圖軟體。矢量做圖的好處是產出的圖片基於矢量計算,隨意拉伸不丟失圖像細節。但是PS受限於像素化圖片的質量。所以產出的圖片是固定像素解析度的。在手機端的設計中這個問題暴露的比較明顯:比如一個72dpi的圖標,在高清屏幕下就會模糊,因為高清屏的需要2倍或更高倍的圖片呈現在同樣物理尺寸的屏幕區域內。

這是兩個軟體的區別,但UI設計使用哪個個人感覺取決於以下幾點:

  1. 產出物是否與生產環境匹配。
    1. 其實PS和AI基本都能實現需要的效果。但就設計產出物來說,AI能很方便地產出矢量圖片,因為本身就是矢量做圖嘛。但PS產出矢量圖就相對較弱,甚至對於一些本來就是點陣圖的效果,比如一些模糊以及濾鏡等效果,是只能產出點陣圖的。
    2. 這個其實在當前的UI設計行業以及PS版本來說也不是太大的問題。PS新版也增加了畫板功能,雖然性能和體驗欠佳。也可以通過智能對象的方式,變通地編輯矢量圖層。而AI其實相對來說更適合平面設計。因為平面設計對於圖像精度更高,更多的應用於印刷就凸顯了矢量圖放大縮小不會丟失細節或者模糊的優點。
    3. 如果說AI適合做圖標,其實是有點殺雞用牛刀了。
  2. 軟體使用的用戶體驗。這個就比較主觀了。
    1. 從PS開始入手adobe家族系列的用戶,在使用AI的時候肯定會感到不適應,有一個適應過程。很多PS上看起來很簡單的效果,AI實現起來思路和操作都可能不同。
    2. 而AI是很多插畫師、平面設計師最初接觸的軟體。從AI跨越PS來說,其實個人感覺更容易適應。
    3. 當前版本的PS和AI其實體驗都不錯了。
  3. 行業進步下的新解決方案。
    1. 其實目前很多大廠,尤其是移動端應用的公司。UI設計團隊很多還會採用Sketch之類的軟體。這種軟體兼具了AI矢量做圖和特別針對移動端優化的設計體驗。考慮到了畫板、圖層、以及可復用的symbol等貼心功能。而且和很多如figma、principle之類交互軟體無縫對接。大大提升生產效率。相比起sketch,AI的複雜,PS的臃腫,以及對移動端設計的體驗差,讓Adobe家族軟體在這個領域就顯得有些落後了。

不過PS和AI就功能和複雜程度絕對是王者。何況現在還有諸如Adobe XD這樣希望能統一移動端的家族軟體。Adobe唯一的問題其實就是一個字:貴


你好,謝邀呀!

其實,這2個軟體都是製圖軟體,本質上是沒有什麼區別的。

在設計工作過程中不分彼此啊,都要用到。

現在大型企業用的都是AI 。AI可以和PS在一起用 把圖片置入到AI里後 再把圖片拽到PS里 這樣在PS該後的圖片 就可以直接在AI里使用 我感覺很便捷。。AI用習慣就好了,PS會用的,AI就很容易上手。快捷鍵幾乎相同。我感覺AI能融合Corel Draw 里的東西。 PS相對於設計專業來說是比較局限。列印嘛。。。用哪個都一樣。。。不過從我的視覺上來說 AI打出來的顏色比較鮮艷。

說白了就是,你用的哪個好用就用哪個,因為兩者都是相同的,一個學會了,另一個也很容易上手的!

偷偷告訴你,能學長有PS、AI的軟體包,僅學習分享,哈哈,可以私信咯,畢竟放假好久了啊,都沒人來勾搭了!


ps處理的是點陣圖,ai處理的是矢量圖。ps能處理複雜顏色的圖片,ai只能處理純色或者變化很規律的圖。ai的優勢是在同樣的資源情況下,矢量圖的邊緣顯示效果更圓潤~UI在遊戲或者app中的應用格式一般都是png,png也是點陣圖。所以ai在這點上沒有優勢了


因為懶!

AI能實現的功能,ps大部分都能做到。所以懶得折騰。如果要做矢量,ps的形狀同樣可以做。打開兩個軟體電腦就感覺有點卡了。

因為宣傳力度不同,應用範圍pS更廣

早期太多行業都需要用到ps,導致ps宣傳力度遠大於ai,所以大家更容易接受先學習ps。普通人哪怕是做個傻吊gif表情,也容易搜索到ps教程

但是,AI依舊有很多比Ps方便的地方。無論如何這兩個軟體都是非常優秀的軟體。


UI設計主要是做視覺效果,也就是說不需要印刷,解析度達到顯示效果就可以,所以處理圖片的時候用PS方便就使用PS了,而AI軟體則用來繪製圖標會更方便。


更多的是sketch吧,3年用PS的UI 換工作後轉sketch無敵真香路過


一般做頁面的排版PS會更得心應手 AI做圖標比較多


因為很多效果AI做不出來啊 大屏幕用的圖會做大尺寸的 圖不是一個尺寸所有平台通用


可能僅僅是因為他們ai不太熟練


簡單來說 AI做矢量圖形 用於icon設計,PS可以做界面,但現在已經不是主流UI設計工具


雖然不想重複先問是不是再問為什麼。。但是就目前業界的常態來說,ui的基礎工具基本上是以sketch為主,也有xd,土豪framer x,各有優缺點,很少有公司會再用ps或者ai做產品視覺稿了。

然後就是點陣圖和矢量稿,本質上來說沒區別,產品稿件給到開發之後開發不是直接貼圖,大部分常規組件是代碼寫出來的,ui稿只是提供一個呈現的規範,代碼寫不出來或者說寫代碼成本過高的一些部件才會採用切圖,比如圖標或者插畫,只有在這個時候才會有點陣圖和矢量的區別,而開發是不能直接導入矢量圖的,所以只有一些簡單的圖標才會採用矢量(其實是叫做字體圖標,iconfont了解一下),其他的基本都是切圖,為了解決切圖解析度的問題,一般的方法依然是切1x2x3x圖對應不同機型。

就解析度來說其實點陣圖和矢量(字體)沒啥區別,都能做到肉眼觀察清晰無毛邊,而且一般產品採用字體圖標的目的大多也只是因為它體積更小載入更快,隨著硬體發展這個問題也在逐漸消弭(當然還是越快越好)

希望對你有幫助(??ω??)?


並不會有同樣的感覺,看公司要求和個人喜好吧,能完成工作就行,怎麼完成的沒那麼重要。


只要你願意,而且能出圖,用手指也是可以的,哈哈


沒必要糾結PS和AI軟體用哪個問題,關鍵是在設計的時候根據用途,哪個方便,哪個效率高,哪個效果好就用哪個,但前提是你要了解這兩個軟體的原理:

PS是點陣圖軟體,也就是點陣圖,是有像素組成的,它的強大在處理圖片方面非常的優秀,但在做圖標方面如果處理不當的話會出現鋸齒現象!特別字體的邊緣會不光滑。

AI是矢量圖繪圖軟體,在設計圖標以及插畫方面就相對來說優秀的多,圖形邊緣光滑,流暢!但在做相應的效果方面相對於PS來說有所劣勢。

還有很多同學剛開始接觸軟體學習的時候,大部分是從PS開始接觸的,在軟體熟練程度上PS更勝一籌,AI軟體操作熟練程度上就顯得稍微差一些!

軟體根據用途選擇就好,如果哪個軟體不是很熟練的話,多努力研究下,不是什麼大的問題。關鍵是要深入UI設計的設計原則:比如,界面的簡易性,靈活性,用戶語言瀏覽信息記憶負擔最小化,界面設計排列的一致性,個性化,視覺效果清楚美觀,用戶的熟悉程度及用戶習慣等等。然後做出更好更優秀的作品。


PS和AI是UI設計師常用的設計工具,也是初入設計行業的人必須要掌握的工具。二者都可以用來作圖,不過PS屬於點陣圖編輯,而AI是矢量圖編輯,但他們之間的區別並不止於此,今天的小編就給大家詳細對比PS和AI。 @暮羽鑫

Adobe Photoshop,簡稱「PS」,是由Adobe Systems開發和發行的圖像處理軟體。Photoshop主要處理以像素所構成的數字圖像。使用其眾多的編修與繪圖工具,可以有效地進行圖片編輯工作。ps有很多功能,在圖像、圖形、文字、視頻、出版等各方面都有涉及。

AI是Adobe Illustrator的文件擴展名,是一種矢量圖形文件格式。作為一款非常好的矢量圖形處理工具,該軟體主要應用於印刷出版、海報書籍排版、專業插畫、多媒體圖像處理和互聯網頁面的製作等,也可以為線稿提供較高的精度和控制,適合生產任何小型設計到大型的複雜項目。

?了解了PS和AI的定義之後,本次ui設計師教程的重點來了,從原理、功能以及用途,你可以清楚地知道二者的區別。

1、原理上的不同。PS是處理點陣圖的,AI是矢量圖的,PS是基於像素的編輯,AI是基於對對象的編輯。AI編輯排版操作效率更高,但效果編輯沒有PS強大,同時AI缺少顏色,色調編輯的工具。

2、功能上的不同。PS主要用來處理照片、圖像,而AI主要用來繪製圖形。

3、用途不同。PS在修圖和繪畫方面比較擅長,主要用於圖片的修改、編輯,和素材的編輯製作,當然也會做一些排版工作。AI主要用於企業VI(LOGO)的製作、矢量插畫繪製等,還比較擅長的是文字排版,很多手冊、宣傳頁、海報等製作是通過AI來完成。

在ui設計師的日常工作中,更多的是傾向於PS和AI協同作業,因此在區分二者的區別後,你更需要掌握如何靈活把這兩個工具結合起來。


推薦閱讀:

建站必備的css屬性
用微前端的方式搭建類單頁應用
眾譽美學:網站建設的過程中如何把控好內容
化妝品行業網站整體解決方案
一看就懂!詳解網站規範開發全流程

TAG:AdobePhotoshop | 網頁設計 | 交互設計 | 用戶界面設計 | UI設計師 |