零基礎該如何學習UI設計?(第三步:掌握軟體是實現創意的基石)

文章推薦指數: 80 %
投票人數:10人

「光說不練假把式。

」即使你有非常過人的天賦和靈感創意,你的創意也不一定能夠實現,因為你不一定能僱傭到優秀的設計師來做你想要的東西,你要知道,你腦海中想像的畫面別人是不可能知道的。

所以,自己掌握一門軟體來實現自己腦海中所想,就變得極為重要了。

該用什麼軟體,是大多數人糾結的第一點。

目前行業中可選的軟體實在是太多了,而且各有優劣勢,讓人無從選擇。

學習是需要成本的,誰都不想讓自己隨便選錯一條路,浪費更多的時間成本。

如果你是一名真正的新手,或者僅僅希望掌握一個軟體,那麼下面給你一些建議。

現在我們所熟知的設計軟體大致如下圖所示。

熟悉的朋友從圖中可以看出,adobe系列工具仍然是最主流的設計工具。

其他有很多軟體都是其他廠商的,各有所長,下面為大家一一介紹這些技能的優缺點。

1.adobe photoshop

圖為作者在dribbble上發布的首秀,用photoshop實現

優點:最主流的設計工具,處理圖片和調色功能強大,無論是設計圖標還是設計介面都是最佳選擇之一,並且有著切圖的功能。

無論是哪類設計師,尤其是ui設計師和廣告、網頁設計師,掌握photoshop的操作都是首先必須具備的基本技能。

熟練運用後,即使繪製3d強質感效果也不是問題。

除此之外,還有動畫功能,基本交互特效都可以用photoshop來實現。

由於使用人數眾多,有越來越多的插件配合切圖、命名、管理、特效等,更主要的是,由於其普及性,無論在哪個公司甚至在其他崗位都可以達到很好的團隊配合,不會造成有人說「不會這個軟體」這種問題。

缺點:需根據尺寸進行工作設計,雖然有矢量工具並且最新版本進行了優化,但是還是很難做到在放大或縮小時保持清晰、準確,其次就是排版功能較弱。

2.adobe illustrator

圖片來自設計師:木老鼠,使用illustrator實現

優點:強大的矢量圖形設計工具,繪製logo、海報、插畫等極為優秀。

圖標和介面功能同樣優秀,而且可以輸出矢量圖,並可以根據尺寸不同進行放大或縮小。

同樣可以為那些不會用第三方草圖設計工具的設計師來做交互草圖。

只要運用熟練,實現3d強質感不是難事,排版功能相對也較強大,漸變網格絕對是神器!

缺點:圖片處理為零,濾鏡效果能力較差,同樣是處理高質感介面和圖標,但較photoshop和其他工具會辛苦很多,從印刷尺寸變成像素尺寸較痛苦。

3.adobe after effects

圖片來自設計師:鬱悶的雞,使用after effects實現特效

優點:是強大的視頻特效、交互動效工具,可以輕鬆實現介面交互動畫及特效,和開發人員溝通成本大大降低。

同時可以用視覺圖來為自己的意願說話,還可以使用該軟體來做視頻,加特效。

該軟體最大的特點是具有插件優勢,很多酷炫的特效只需要下載一個插件即可,相比其他軟體實在是天然優勢。

如果熟練度非常高,也能做一些介面設計。

缺點:設計介面、圖標及繪製圖形等門檻較高,如果不是要求特別的公司,是不會有人招聘ui設計師不要求會photoshop而要求會after effects的,畢竟它屬於配合ui設計的軟體,而非主要的必備技能,而且還要依靠插件支持。

4.adobe flash

圖片來自設計師:張小碗兒,使用flash完成

優點:是製作矢量動畫的利器,操作簡單。

通過學習高級語言,還可以設計出非常絢麗的交互網站,早年最流行的酷炫交互網站都是由flash嵌入執行的。

同時也可以製作動畫片。

變形功能對於設計卡通類圖標來說,簡單快捷,並且輸出效率高,這是其他軟體的「鋼筆工具」無法達到的。

同樣也可以設計介面。

缺點:如果用於ui設計,功能較少,介面設計相對困難,圖形處理效果少,並且不夠規範,相對隨意。

語言學起來相對高級,同樣不適合ui設計師們。

5.adobe indesign

圖片來自interview德國訪談雜誌

優點:其強大的排版設計能力是其他軟體無法超越的,尤其是雜誌、書籍、報紙等排版快捷方便,上手簡單,更主要的是針對多頁數版式設計,大大縮短了排版時間,提升了工作效率,當然也可以繪製簡單的矢量圖形。

缺點:主要是平面設計工具,不建議ui設計師學習,對於不從事大量排版工作的設計師,不建議學習使用。

6.adobe dreamweaver

圖片來自網絡

優點:是用於設計網頁的工具,在編寫並查看代碼的同時設計網頁,嵌入flash、管理網站後台等都比較方便、快捷。

使用該軟體也可以進行圖形繪製。

不過更多的是用於架構網站,可以做一些比較初級的介面設計。

缺點:主要是網頁設計工具,不建議ui設計師學習,它更針對的是網站的架構,而不是設計。

而且,你真的想學代碼嗎?

7.adobe premiere

優點:是視頻剪輯工具,針對電影、短片、視頻等進行編輯的功能強大,主要用於電影的剪輯。

缺點:純以視頻媒介為主,不是作圖工具,果斷放棄。

8.adobe fireworks

圖片來自設計師:kidaubis,使用fireworks實現

優點:是網頁設計工具,早期的網頁設計利器、切圖神器。

用於圖形繪製和介面繪製也很優秀,網頁設計三劍客之一。

很多老用戶仍然使用此軟體,因為確實非常好用。

缺點:如果不是老用戶,不建議學習,它的功能逐漸被photoshop和illustrator替代,已經淡出這個時代。

9.corel draw

優點:結合了ai和id,是矢量圖設計工具,同時也是唯一能和indesign抗衡的排版神器。

設計版式和做矢量圖形、介面設計都能駕馭,並且具有良好的操作。

大部分地區仍然在使用這個工具,運用簡單易懂,而且能高效地導入adobe公司的各種軟體工具。

缺點:這款工具爭議較大,中小公司仍有使用,但是大網際網路公司基本取消使用了。

雖然功能很多,但是多不代表精。

如果是剛入門的朋友,建議先別考慮,畢竟功能再多,我們要的只有那麼一兩個。

10.sketch

圖片來自知乎用戶

優點:它是最近尤為火爆的設計工具,各大國內外公司都已經開始試用並融合。

對於app應用介面來說,它絕對是利器,方便快捷,功能強大,沒有諸多不必要的功能。

設計扁平風格的圖標更是快捷便利,尤其最近的版本3,功能得到了進一步提升。

當然也非常推薦現在的ui設計師們學習,相信會成為新一代主流設計軟體。

缺點:設計擬物風格的圖標介面相對不適應,設計起來成本較高,而且現階段只有蘋果系統,微軟系統暫時沒有(2015年5月)。

除了介面設計外,其他功能基本沒有,是一款針對ui設計的工具。

11.手繪

圖片來自微信打飛機遊戲

優點:不藉助任何軟體,只要你有強大的美術功底,熟練運用各種畫筆工具,也可以「設計」出很多精美的圖標,通過掃描等方式展現給用戶。

目前非常多的遊戲和介面也使用這種方式,風格有創意且新穎,掌握該軟體是工業設計師的必備技能之一。

而且手繪能力強必然會為設計加分,因為會軟體的人千千萬,而手繪只有你來做。

缺點:在國內,只有這門手藝而走進網際網路ui設計師行列的還是少數,並且風格鮮明,在做gui介面的時候很難達到規範,所以還是乖乖地挑選一個工具好好學習吧。

12.corel painter

圖片來自hd2composer

優點:各種筆刷配合手繪板,會讓你筆下的圖標介面優美地呈現出來,尤其是對遊戲ui設計師來說,是強大於photoshop的軟體,因為其優秀的功能是專門為手繪定製的。

其原畫cg工具完全高於photoshop和illustrator,遊戲ui設計師用得很多。

缺點:如果並不打算好好磨練自己的手繪能力,儘量避免學習此軟體,因為photoshop基本上都能實現你想要的功能。

13.3ds max

優點:該軟體絕對是有話題的軟體。

誰都沒有想到,用它做圖標可以成為主流,而且不得不說的是,用它做的圖標無論是質感還是光影效果,實現起來快捷、方便、強大,也許一個小時的設計已經完全超越10個小時的photoshop製作。

它的燈光和透視、顏色可以讓你反覆修改,直到你選擇了視覺最好的那個。

相較於photoshop等軟體,顏色不對、結構不對,那麼基本上作品也就廢了,你只能重新開始了,即使在原作上修改也不一定能夠達到想要的效果。

缺點:雖然其在光影透視方面有優勢,但介面設計能力較差,上手較難,畢竟二維和三維還是兩個層次的東西,很有可能你優先學會了該軟體的功能,而越來越懶得用photoshop做平面的二維設計了,或者說,不知道該怎麼做了。

14.windows繪圖工具

優點:這是windows自帶的繪圖工具,在了解之前我也沒想過這工具還能這樣強大,後來認識了做miui的高手,了解到原來這個工具還能這樣使用。

這也證明了只要你手繪能力足夠,什麼軟體都不在話下。

缺點:功能還是不夠強大,還是以學photoshop為主。

15.技能專修

介紹了這麼多,相信大家對各個軟體應該有所了解了,為了使大家思路更加清晰明確,下面採用大家更易懂的方式來告訴大家該如何專修哪種軟體。

以滿分10分為標準劃分級別,高低比重為分值:

10分:掌握、熟練、專精。

9~6分:掌握、熟練。

5~3分:掌握。

2~0分:了解即可。

以上都是作者自己使用過的一些工具的心得,還有一些比較冷門,但是功能比較強大的工具我還沒有接觸,所以不便評價。

我的觀點是:對於新人朋友,學習需要時間成本,儘可能學習一款對自己以後的學習和工作有很大幫助的軟體,基於個人愛好,可以延展學習其他工具。

所以,筆者建議先從photoshop學起!雖然每個軟體都有其強大之處,但是畢竟在國內是需要團隊配合的,在未來我們掌握了這項技能的前提下,可以再繼續研究其他工具,提升自己。

在不斷地工作中知道自己想要什麼、需要什麼,再學習第二款適合自己的工具!

下一期內容:零基礎該如何學習UI設計?(第四步:「抄襲」別人超越自己)

欲知後文內容,請關注微信公眾號:UI設計學習教程分享 持續更新中!


請為這篇文章評分?


相關文章