Figma下一代UI設(shè)計(jì)神器

　　專業(yè)有效的設(shè)計(jì)工具,可以幫助我們的提高設(shè)計(jì)效率。那么今天我們要介紹一款從推出至今越來越受到 UI 設(shè)計(jì)師以及很多設(shè)計(jì)團(tuán)隊(duì)的青睞的一款UI設(shè)計(jì)工具，它被稱為一代設(shè)計(jì)神器——Figma 。AAA教育武老師也會(huì)帶大家深入了解這款工具，以及為什么它如此受歡迎。
 

　　1、設(shè)計(jì)工具的戰(zhàn)場(chǎng)

　　概述
 

　　隨著日新月異的技術(shù)發(fā)展，互聯(lián)網(wǎng)時(shí)代進(jìn)入深水區(qū)。行業(yè)環(huán)境越復(fù)雜，設(shè)計(jì)師將面臨越多機(jī)遇和挑戰(zhàn)。設(shè)計(jì)不同于藝術(shù)，本質(zhì)是為了解決問題，而設(shè)計(jì)工具直接影響著設(shè)計(jì)師思考問題和解決問題的能力。設(shè)計(jì)工具的背后，體現(xiàn)著設(shè)計(jì)行業(yè)的整體水平和效率。
 

　　如果把設(shè)計(jì)工具的競(jìng)爭(zhēng)類比戰(zhàn)場(chǎng)，筆者今天探討的是互聯(lián)網(wǎng)時(shí)代最受關(guān)注的界面設(shè)計(jì)戰(zhàn)場(chǎng)。界面設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。
 

　　歷史追溯
 

　　在界面設(shè)計(jì)領(lǐng)域，設(shè)計(jì)工具一直以驚人的速度演化，競(jìng)爭(zhēng)愈演愈烈。從曾經(jīng)的PS一家獨(dú)大，到近年Sketch新晉王者，再到當(dāng)下的各類新工具百家齊放。
 

　　2010年前，界面設(shè)計(jì)師普遍使用的是Adobe Photoshop(簡(jiǎn)稱PS)，那時(shí)界面設(shè)計(jì)還在起步階段。PS的定位是圖像處理軟件，是一個(gè)全面的設(shè)計(jì)工具，界面設(shè)計(jì)只是使用這個(gè)工具的一個(gè)行業(yè)分支。2010年后，界面設(shè)計(jì)飛速發(fā)展，PS的性能和效率都無法匹配這個(gè)新興行業(yè)的需求。因此，Sketch順應(yīng)而生，聚焦界面設(shè)計(jì)，并迅速占領(lǐng)界面設(shè)計(jì)的市場(chǎng)。
 

　　放眼當(dāng)下，各類新型界面工具相繼出現(xiàn)，挖掘和突破Sketch的短板。Sketch只面向Mac用戶，其它系統(tǒng)無法使用，XD成為Windows上最接近Sketch的工具替代，但過于相似、缺少獨(dú)特也意味著XD目前難以超越Sketch。另外，Sketch在原型和交互設(shè)計(jì)上發(fā)揮不足，inVision很好的從這個(gè)環(huán)節(jié)獨(dú)立出來。再如Framer，基于開源原型框架，在代碼上的優(yōu)勢(shì)，為設(shè)計(jì)和技術(shù)的融合搭建橋梁。
 

　　黑馬逆襲
 

　　近來，有一匹黑馬，頻繁出現(xiàn)在設(shè)計(jì)師的信息視野，成為設(shè)計(jì)行業(yè)的熱門話題，團(tuán)隊(duì)使用逐漸覆蓋國(guó)內(nèi)外龍頭企業(yè)。國(guó)外如Twitter，Microsoft，Dribbble，Airbnb ,Dropbox，Github。國(guó)內(nèi)如阿里，騰訊，字節(jié)跳動(dòng)，網(wǎng)易。
 

　　這匹黑馬，就是Figma。如今，從Sketch遷移至Figma已然成為趨勢(shì)。Figma逆襲的奧義何在，如此受到設(shè)計(jì)師和團(tuán)隊(duì)的青睞。探討之前，我們不妨先了解這款軟件。
 

　　2、Figma是什么
 

　　Figma是基于瀏覽器的界面設(shè)計(jì)協(xié)作工具。它的最大特點(diǎn)就是基于瀏覽器和設(shè)計(jì)協(xié)作。
 

　　基于瀏覽器
 

　　Figma以瀏覽器為載體，依靠網(wǎng)絡(luò)，全程在線操作，所有文件保存在云端。簡(jiǎn)單理解，F(xiàn)igma是打開一個(gè)網(wǎng)頁(yè)使用，Sketch等是打開本地軟件使用。
 

　　云端的最大優(yōu)勢(shì)就是不受物理設(shè)備限制，多平臺(tái)共享，使用靈活。Figma全平臺(tái)可用，操作系統(tǒng)支持Win，Mac，Linux等，設(shè)備支持電腦，平板，手機(jī)。在線意味著不需要下載安裝包到本地，軟件插件都會(huì)自動(dòng)更新，不再漫長(zhǎng)地等待下載和頻繁安裝更新。
 

　　設(shè)計(jì)協(xié)作
 

　　Figma是第一個(gè)真正意義上的設(shè)計(jì)協(xié)作工具。協(xié)作，是Figma對(duì)界面設(shè)計(jì)師這個(gè)角色的重新定位。如Sketch專注于設(shè)計(jì)師個(gè)人完成設(shè)計(jì)工作，就像一個(gè)單一的點(diǎn)，如需和外界產(chǎn)生關(guān)聯(lián)，需要借助第三方工具。而Figma是從團(tuán)體的角度去定位設(shè)計(jì)，界面設(shè)計(jì)不僅僅是設(shè)計(jì)師個(gè)人的事情。團(tuán)隊(duì)內(nèi)，設(shè)計(jì)師需要更高效地銜接設(shè)計(jì)流程的上下環(huán)節(jié)，設(shè)計(jì)師和設(shè)計(jì)師之間可以更輕松地協(xié)作溝通，共同完成設(shè)計(jì)工作。團(tuán)隊(duì)外，設(shè)計(jì)行業(yè)應(yīng)有分享精神，站在行業(yè)巨人的肩膀上再創(chuàng)新，推動(dòng)設(shè)計(jì)行業(yè)更加高效。
 

　　流程銜接——跨界工具集成
 

　　傳統(tǒng)流程中，設(shè)計(jì)師在不同環(huán)節(jié)，需要使用不同工具進(jìn)行設(shè)計(jì)工作。流轉(zhuǎn)在不同工具的過程，會(huì)造成時(shí)間成本的消耗，產(chǎn)生流轉(zhuǎn)中的錯(cuò)誤。使用Figma就能免去切換工具的煩惱了，因?yàn)樗旧砭腿娓采w了產(chǎn)品設(shè)計(jì)中所有重要的步驟，讓工作流程更高效完整統(tǒng)一。令人贊嘆的地方是，這樣的工具集成體，界面卻比Sketch更簡(jiǎn)潔易上手。
 

　　內(nèi)部溝通——多人在線同時(shí)編輯
 

　　支持多人在線同時(shí)編輯，意味著團(tuán)隊(duì)可并行工作，同時(shí)修改一個(gè)文件。項(xiàng)目是一個(gè)整體，而不再是被分割的多個(gè)文件。文件是一個(gè)鏈接，而不再是需要傳送的源文件。如此，極大地降低團(tuán)隊(duì)的溝通、修改、維護(hù)成本。
 

　　資源共享——開源社區(qū)
 

　　互聯(lián)網(wǎng)行業(yè)追求高效，俗話說“眾人拾柴火焰高”，集合眾人的力量方能讓價(jià)值最大化，資源共享必不可少。如Github是全球最大的社交編程及代碼托管網(wǎng)站，其社交化編碼、開源共享的理念改變著整個(gè)開發(fā)社區(qū)的生態(tài)，讓全球開發(fā)者共同創(chuàng)造了無數(shù)優(yōu)質(zhì)項(xiàng)目。在設(shè)計(jì)行業(yè)，Dribbble和Behance作為最知名的國(guó)際設(shè)計(jì)社區(qū)，是設(shè)計(jì)師們展示作品、合作招聘的最大平臺(tái)，但一般只展示設(shè)計(jì)作品而不共享源文件。
 

　　Figma的社區(qū)功能，和Github有異曲同工之妙，一方面設(shè)計(jì)師們可以一鍵取用世界頂尖公司及設(shè)計(jì)師精心制作的設(shè)計(jì)系統(tǒng)和模板，快速構(gòu)建高質(zhì)量的設(shè)計(jì)作品，節(jié)省重復(fù)基礎(chǔ)性工作的時(shí)間精力，提高工作效率。另一方面，設(shè)計(jì)師可以輕松瀏覽行業(yè)一線設(shè)計(jì)作品，開拓設(shè)計(jì)視野，并進(jìn)行互動(dòng)溝通。
 

　　3、工具的技術(shù)趨勢(shì)
 

　　選擇新工具是一件慎重的事情，特別對(duì)團(tuán)隊(duì)來說，需要從整體的角度去評(píng)估成本、風(fēng)險(xiǎn)和回報(bào)。個(gè)人的選擇或許是基于喜好習(xí)慣，而行業(yè)的選擇應(yīng)是伴隨行業(yè)工作模式的變化。如前文所說，從Sketch遷移至Figma已然成為行業(yè)趨勢(shì)?；ヂ?lián)網(wǎng)行業(yè)正在發(fā)生怎樣的變化，面對(duì)未來的技術(shù)趨勢(shì)，我們正在關(guān)注什么。
 

　　技術(shù)趨勢(shì)
 

　　·數(shù)字化
 

　　信息，泛指人類社會(huì)傳播的一切內(nèi)容。數(shù)字化是將信息轉(zhuǎn)變?yōu)閿?shù)字、數(shù)據(jù)，建立數(shù)字化模型，而后轉(zhuǎn)變?yōu)橐幌盗卸M(jìn)制代碼，引入計(jì)算機(jī)內(nèi)部進(jìn)行處理的過程。當(dāng)下信息爆炸的時(shí)代，更多信息以數(shù)字化形式存在，人與世界的互動(dòng)將更多以網(wǎng)絡(luò)為媒介。
 

　　·云計(jì)算
 

　　“云”實(shí)質(zhì)上是一個(gè)網(wǎng)絡(luò)，一種計(jì)算資源共享池。云計(jì)算，把計(jì)算資源通過網(wǎng)絡(luò)讓資源被快速取用。未來的時(shí)代是云計(jì)算的時(shí)代，用戶通過網(wǎng)絡(luò)就可以獲取無限資源，同時(shí)獲取的資源不受時(shí)間和空間的限制。信息處理?yè)碛懈鄷r(shí)間自由性和空間靈活性，意味著我們獲取和使用信息可以隨時(shí)隨地，想即所得。
 

　　·大數(shù)據(jù)
 

　　數(shù)據(jù)是信息的基礎(chǔ)，是智慧的前提，是所有新技術(shù)的依托。大數(shù)據(jù)是數(shù)據(jù)的集合，對(duì)海量數(shù)據(jù)進(jìn)行專業(yè)化處理，形成價(jià)值，是行業(yè)競(jìng)爭(zhēng)、產(chǎn)業(yè)實(shí)現(xiàn)盈利的關(guān)鍵。大數(shù)據(jù)和云計(jì)算是深度結(jié)合的，并和物聯(lián)網(wǎng)、移動(dòng)互聯(lián)網(wǎng)等新興計(jì)算形態(tài)密切相關(guān)。
 

　　·人工智能
 

　　即Al，是以人類智能相似的方式做出反應(yīng)的智能機(jī)器。人工智能使機(jī)器能像人一樣思考，并能夠勝任一些通常需要人類智能才能完成的復(fù)雜工作。未來機(jī)器人是否能超越人類，甚至接管世界，至少，我們的世界正在更自動(dòng)化，更高效化。
 

　　· 5G
 

　　第五代移動(dòng)通信技術(shù)，是最新一代蜂窩移動(dòng)通信技術(shù)。我們的網(wǎng)絡(luò)信號(hào)，主要就來自于通信基站。隨著網(wǎng)絡(luò)基礎(chǔ)設(shè)施日漸完善，世界的運(yùn)作和發(fā)展將會(huì)更快。在未來，當(dāng)5G全面覆蓋，且所有的設(shè)施都實(shí)現(xiàn)了智能化后，我們將真正的進(jìn)入到一個(gè)“萬物互聯(lián)”的時(shí)代。
 

　　工具趨勢(shì)
 

　　新技術(shù)的浪潮下，工具行業(yè)的發(fā)展和趨勢(shì)，整體來看，呈現(xiàn)云端化和一體化。
 

　　云端化
 

　　云端化是工作載體的變革，從本地到云端，信息以最快的方式觸達(dá)和共享。用戶無需在本地安裝軟件和插件，直接在瀏覽器上使用工具，擺脫了電腦硬件的束縛。云端擁有強(qiáng)大的計(jì)算能力，使用性能遠(yuǎn)超一般的本地軟件?？截悅魉褪降谋镜啬Ｊ皆谖募墓蚕砩希蔬h(yuǎn)不如鏈接式的云端模式。比較典型的例子就是各類在線文檔編輯工具。
 

　　一體化
 

　　一體化是工作模式的顛覆，流程、工具、資源都應(yīng)當(dāng)打破壁壘，讓協(xié)作更通暢。一體化可以理解為將不同的個(gè)體有機(jī)融合為一個(gè)整體，形成協(xié)同效力，實(shí)現(xiàn)團(tuán)體的整體效率和利益最大化，這里的團(tuán)體可以是項(xiàng)目團(tuán)隊(duì)，可以是公司，也可以是整個(gè)行業(yè)。用技術(shù)的方式掃除溝通協(xié)作的障礙，能大大提供團(tuán)體的專業(yè)和效率。
 

　　Figma的模式
 

　　Figma的愿景是成為設(shè)計(jì)界的Google Docs，打造類似GitHub的設(shè)計(jì)共享與協(xié)作的社區(qū)。這也是我認(rèn)為Figma現(xiàn)階段逆襲的原因所在,它敏銳的捕捉到了云端和協(xié)同的價(jià)值。在過去，設(shè)計(jì)師和產(chǎn)品、開發(fā)者都有明確的角色分配，但隨著全棧設(shè)計(jì)和全鏈路設(shè)計(jì)的升溫，設(shè)計(jì)師的角色定位有了更多可能性，可以更進(jìn)一步融入產(chǎn)品的設(shè)計(jì)開發(fā)流程中。全棧全鏈路設(shè)計(jì)，二者本質(zhì)上都需要設(shè)計(jì)師擁有更強(qiáng)的綜合思維能力。Figma的跨界功能集成優(yōu)勢(shì)，很好的匹配了這種職業(yè)發(fā)展方向。更多資訊持續(xù)關(guān)注AAA教育。