旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習(xí)/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設(shè)計 > Figma在線UI設(shè)計工具入門教程

Figma在線UI設(shè)計工具入門教程

時間:2020-12-02來源:m.5wd995.cn點擊量:作者:Arya
時間:2020-12-02點擊量:作者:Arya

  就在幾年前,figma變得越來越流行。不僅在國外,許多國內(nèi)大廠也開始使用figma,這是一種在線設(shè)計工具。如果你是一個UI設(shè)計師,你也想要體驗它的魅力。建議您看一下這個入門教程。本文AAA教育的武老師還提出了素描向figma遷移的一些問題和解決辦法。讓我們一起學(xué)習(xí)。
 

  全世界都在使用Figma
 

Figma在線UI設(shè)計工具入門教程
 

  看來我們不僅在未來三年內(nèi)使用figma,而且將來也不會使用它。事實上,大量的專業(yè)設(shè)計團隊試圖不惜任何代價從傳統(tǒng)的設(shè)計軟件(草圖等)向figma轉(zhuǎn)型,因為他們看到了代表未來的生產(chǎn)力工具和協(xié)作方法。
 

  當(dāng)我第一次接觸菲格瑪時,素描在18年里占據(jù)了體驗設(shè)計市場。當(dāng)時人們普遍認為figma是可以的,但它不能代替素描。之所以做出這樣的判斷,主要是因為figma在產(chǎn)品設(shè)計的早期階段的經(jīng)驗和功能都不盡如人意,其遠程共享和協(xié)作的理念也有點超前,未能真正影響本土化、協(xié)同化的設(shè)計開發(fā)模式。
 

  從figma的首席設(shè)計師(現(xiàn)已退休)rasmus Andersson對figma設(shè)計的總結(jié)中,我了解到figma真正開始了16年的產(chǎn)品設(shè)計過程。拉斯穆斯·安德森在figma任職16年,20年前離職,參與了figma從品牌到設(shè)計工具的所有設(shè)計工作。近年來,figma始終堅持以共享與合作為核心主題。他們將figma產(chǎn)品設(shè)計分為兩個核心模塊,一個是編輯器,這是UI生產(chǎn)力工具部分,另一個是協(xié)作模塊,它涉及文件管理、共享和協(xié)作。
 

  figma的一個亮點是基于Web平臺的開發(fā),以支持它在所有硬件產(chǎn)品和場景中的使用。然后,在rasmus Andersson的驅(qū)動下,他們最終開發(fā)出了客戶端版本,最終的結(jié)果是使用客戶端版本的用戶數(shù)量高于web用戶。
 

  總之,F(xiàn)igma是一種新興的設(shè)計軟件,適用于多平臺、多系統(tǒng),可以在任何場景(Windows或MAC)下工作,可以作為設(shè)計團隊的統(tǒng)一設(shè)計工具,基于Web開發(fā)的版本可以滿足異常場景下的設(shè)計需求。例如,當(dāng)他們回到家鄉(xiāng)的時候,他們身邊就沒有帶設(shè)計工具的電腦。同時,還可以解決由于本地硬件條件的限制而導(dǎo)致的文件丟失等問題。此外,在疫情檢查下,其優(yōu)秀的遠程協(xié)作體驗也成為其自身的障礙,遠遠高于其他競爭產(chǎn)品。另外,在國內(nèi)一款協(xié)同標注軟件開始收費后,其價格已經(jīng)成為一種合理的競爭力,遠低于Sketch+Lanhu的價格。
 

  1.1為什么大家都在轉(zhuǎn)型Figma?
 

  事實上,一個設(shè)計中心全部轉(zhuǎn)換軟件,首先要考慮的是學(xué)習(xí)成本,及轉(zhuǎn)型和遷移期間不可控的效率和設(shè)計輸出質(zhì)量等問題,另外一個關(guān)鍵點就是新的設(shè)計軟件意味著一筆新的正版軟件費用,而且是一筆很龐大的費用。涉及到這么多現(xiàn)實問題,必然不會是因為單純的潮流趨勢等理想型原因而轉(zhuǎn)型,因為很難推動。因此我意識到,從利益相關(guān)者角度考慮,核心點只可能是Figma能夠帶來真正的效率提升(設(shè)計師),從長遠看能為企業(yè)賺取更多的收益(企業(yè)),且綜合來看能提供數(shù)倍的協(xié)作效率和協(xié)作質(zhì)量(需求方上游和開發(fā)下游)。
 

  有公司Sketch+藍湖的生產(chǎn)力模式到目前所在公司的Sketch+Sketch Measure的模式的設(shè)計師,應(yīng)該對這個話題很有發(fā)言權(quán),傳統(tǒng)的依托于本地輸出資源對接的方式,效率相較于線上共享、對接、協(xié)作的方式真的可謂天壤之別。
 

  協(xié)作效率
 

  以我的設(shè)計工作流程為例,我司使用谷歌全家桶進行項目管理,設(shè)計資源一般規(guī)范命名導(dǎo)出后上傳至Google Drive統(tǒng)一管理,其優(yōu)點在于文件管理規(guī)范化,從設(shè)計到開發(fā)皆置于一套線性工作流程中,輸出物可溯源易管理,協(xié)作效率蠻不錯,但當(dāng)發(fā)生一點設(shè)計修改之后,整套輸出物從設(shè)計稿到標注內(nèi)容都要重新輸出整理一份,并再次手動上傳。這種偏傳統(tǒng)的協(xié)作方式,尤其是設(shè)計輸出的方式在長遠來看不利于設(shè)計管理和上下游協(xié)作。一方面修改更新的成本較高,一方面容易造成版本混亂輸出物混亂而導(dǎo)致實際產(chǎn)品實現(xiàn)結(jié)果的問題。
 

  設(shè)計維護
 

  版本維護是在進行復(fù)雜項目設(shè)計時必要的一項工作,修改了哪些內(nèi)容,誰來修改的如何溯源,更新后的版本如何快速同步給上下游?這一點工作在傳統(tǒng)設(shè)計協(xié)作模式中一般需要多個工具及多個協(xié)作行為來完成,如設(shè)計新版本-輸出新的Design Draft-上傳至同步工具(如Drive)-提醒上下游-更新源文件(設(shè)計組內(nèi))。而在Figma中,設(shè)計源文件、設(shè)計輸出融合為一套內(nèi)容。在源文件修改后可以快速自動同步給各方,一個figma文件本身即是設(shè)計師對應(yīng)的源文件,也是上游需要的預(yù)覽稿Draft,更是下游開發(fā)需要的輸出標注。維護成為無意識的自動化過程而不需要太多人力介入。
 

  價格與權(quán)限
 

  價格與權(quán)限方面,我只需要為大家展示免費版的權(quán)限即可,其中最關(guān)鍵的就是Viewers,在藍湖收費后,設(shè)計師應(yīng)該理解這個無限viewer意味著什么。這意味著你可以自由的分享設(shè)計稿給產(chǎn)品和開發(fā)而不用提心吊膽的計算Viewer的限制。這主要是針對獨立設(shè)計師和小企業(yè)設(shè)計師,專業(yè)設(shè)計團隊的話更多的是考慮產(chǎn)品效率,企業(yè)收益等問題,價格反而其次。
 

  本篇文章初心就是幫助大家快速入門Figma,這過程中梳理出一個更易于理解的教學(xué)方式,或者說陳述邏輯。之后會推出分別對應(yīng)初學(xué)者最初接觸搭建基礎(chǔ)、進階學(xué)習(xí)高級功能、正式遷移轉(zhuǎn)變工具的三個階段文章。這篇文章的內(nèi)容你學(xué)到了嗎,更多資訊請持續(xù)關(guān)注AAA教育~

預(yù)約申請免費試聽課

填寫下面表單即可預(yù)約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

?2007-2022/ m.5wd995.cn 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖