Figma免費好用插件分享!景觀(guān)項目中的交互程序也要顯得專(zhuān)業(yè)| Needle福利分享
Needle福利分享·
Figma免費好用插件分享!景觀(guān)項目中的交互程序也要顯得專(zhuān)業(yè)~
制圖 | 交互 | 用戶(hù)界面
從Needle前幾期競賽圖紙的分享中,可以看到給予通訊,網(wǎng)絡(luò )技術(shù)的交互程序作為一種景觀(guān)解決手段在景觀(guān)競賽與作品集項目中出現的頻率越來(lái)越高,在這里分享幾個(gè)適用于景觀(guān)項目的figma插件,包括一些常用的圖標庫,快速繪制效果,分析其他網(wǎng)站設計元素,顏色控制,風(fēng)格化地圖填充等等,并附帶使用說(shuō)明與安裝教程,歡迎大家領(lǐng)取好用插件與名稱(chēng)!
Needle競賽星球
#0* 景觀(guān)趨勢
隨著(zhù)Needle分享給大家的競賽圖紙越來(lái)越多,我們發(fā)現有個(gè)很有趣的趨勢:應用程序,交互元素在景觀(guān)競賽項目中出現的越來(lái)越頻繁。這種解決方式通常被成為Engage,泛指人們對項目的參與和互動(dòng),而在互聯(lián)網(wǎng)背景下,無(wú)論是當下比較火的元宇宙,亦或是幾年前“互聯(lián)網(wǎng)+”概念,都被吸納成為景觀(guān)項目的解決方案,基于移動(dòng)端的應用程序與景觀(guān)產(chǎn)業(yè)或景點(diǎn)結合。不僅僅在學(xué)術(shù)項目中,在近年來(lái)的落地項目實(shí)踐中,對于基于交互程序的ar,vr與實(shí)體場(chǎng)景的結合也變得越來(lái)越多。
以2020 ALSA 通訊類(lèi)榮譽(yù)獎項為例,在項目“*52 To YOU || An Approach for a Collective Voice”中,設計師團隊與來(lái)自全球設計公司 Sasaki 的數據分析和編程專(zhuān)家合作設計,讓那些無(wú)法參加 *52 to You 社區參與活動(dòng)的人有機會(huì )分享他們的河流體驗,以及改善河流通道的反饋和想法在他們的社區。通過(guò)設計了基于地理空間的交互程序對 RiverLine 試點(diǎn)項目的居民進(jìn)行了教育,然后分析了他們的反應以制定試點(diǎn)項目的建議。這些互動(dòng)向農村觀(guān)眾展示了景觀(guān)設計師的范圍,他們在這些練習之前可能不了解該領(lǐng)域 考慮到現代網(wǎng)絡(luò )環(huán)境,綜合視角結合服務(wù)設計,作為景觀(guān)項目中全面的溝通和公眾參與戰略,值得學(xué)習。
▲ 圖片來(lái)源:
John Dustin Toothman , Student ASLA; Wesley Lamberson; Whitney Brothers
Faculty Advisors: Brad Collett, ASLA
University of Tennessee at Knoxville
而在非農業(yè),生產(chǎn)領(lǐng)域,我們設計好一個(gè)交互程序也能夠為場(chǎng)地設計提供更多元化的實(shí)踐與解決方案,比如打卡點(diǎn),對于場(chǎng)地聲音的回放,ar虛擬場(chǎng)景甚至是線(xiàn)下主題活動(dòng)。
▲ 圖片來(lái)源 :拯救動(dòng)物園 哈爾濱工業(yè)大學(xué)建筑學(xué)院 賀潔 馬琳 劉月 點(diǎn)此獲取艾景獎高清圖紙
#02 關(guān)于Figma 與figma插件
好的交互程序離不開(kāi)好的用戶(hù)研究與用戶(hù)界面設計,這也是常說(shuō)的UX (User rescher)和UI (User Interface)。目前市面上主流的用戶(hù)界面與原型設計軟件有Figma,sketch 與Adobe XD以及國內平臺Pixso。而figma相對來(lái)說(shuō)教程眾多,上手難度低,插件庫生態(tài)好而被更多人選擇。
▲ Figma 自截
▲ Pixso 自截
▲ Sketch 自截
同樣,專(zhuān)業(yè)的事情由專(zhuān)業(yè)負責,與Photoshop 與 Illustrator 這類(lèi)圖形處理軟件相比,Figma提供了快速的組件與效果設定,例如按鈕,動(dòng)效等等。以及不同的原型機尺寸,能夠快速的讓我們制作一個(gè)交互程序原型并導出,豐富項目的表現力。
▲ Adobe 自截
#03 Figma的使用與安裝
Figma 適用于任何運行網(wǎng)絡(luò )瀏覽器的操作系統。無(wú)論是Mac還是Windows PC,甚至 Chromebook 都可以與 Figma 一起使用。它是同類(lèi)產(chǎn)品中唯一可以做到這一點(diǎn)的設計工具,每個(gè)人仍然可以共享、打開(kāi)和編輯 Figma 文件。所以要使用只需要前往Figma官方網(wǎng)站即可創(chuàng )建賬號并使用。(需要翻墻技能)
▲ 自截
當然,Figma已經(jīng)被Adobe收購,日后我們可能就是以這樣的方式使用了。
▲ 來(lái)自網(wǎng)絡(luò )
#04 插件分享
/ 安裝與使用插件 /
在分享插件之前,先簡(jiǎn)單介紹下插件的安裝與使用。插件的入口「Plugins」位于首頁(yè)的左上方,用戶(hù)可以在該頁(yè)面瀏覽、搜索所有插件。相比傳統的安裝與更新插件的方式,你只需要鼠標輕輕點(diǎn)擊下「Install」,插件立馬安裝完成,即可上手使用,而且插件的更新也是毫無(wú)感知,設計師唯一需要關(guān)注的只有設計本身,插件管理、文件存儲、同步、協(xié)同的問(wèn)題都無(wú)需再投入任何精力。
▲ Figma 自截
使用 Figma 插件的方法主要有三種:
*. 從系統的頂部菜單欄上的「Plugins」入口選擇插件;
2. 在文件內右鍵呼出菜單,從「Plugins」入口選擇插件;
3. 快捷鍵 ? + / 呼出搜索,輸入插件名。
▲ Pixso 自截
這里分享四個(gè)個(gè)最基本的和適合景觀(guān)項目的插件,能夠讓同學(xué)們快速上手操作。
A. Iconify
Iconify 內有 50 個(gè)圖標庫,包含超過(guò) 40,000 個(gè)圖標。如果要找圖標直接搜索,然后「add icon 」即可。用 iconify 來(lái)處理搭建原型階段的圖標需求再好不過(guò),也省去了打開(kāi) iconfont 網(wǎng)頁(yè)找圖標的麻煩。
02*yin.com/figma-plugin
B. Chroma colors
Chroma colors 可以通過(guò)選中多個(gè)對象快速創(chuàng )建 Color styles,省去了為每個(gè)顏色手動(dòng)創(chuàng )建 style 的重復勞動(dòng),在搭建組件庫初期幫助很大。能夠很好的讓你的應用程序界面與設計主題匹配的上。
02*yin.com/figma-plugin
C. Blush
插畫(huà)藝術(shù)是很受歡迎的一種視覺(jué)表現形式,通過(guò)Blush可以在豐富多彩的圖庫中找到你所需要的插畫(huà)。Blush內置有海量世界各地的藝術(shù)家的漂亮插畫(huà),支持下載SVG格式,方便你更好地控制圖層、顏色、濾鏡等,同時(shí)可以自定義插圖的每個(gè)變量,以創(chuàng )建自己獨特的構圖。
02*yin.com/figma-plugin
D. Mapsicle
好用的地圖生成插件,可以修改它的很多屬性得到你想要的實(shí)時(shí)地圖截圖,風(fēng)格選擇也比較多,例如暗色系地圖。對于我們做景觀(guān),建筑,規劃一些經(jīng)常與地圖相關(guān)的同學(xué),這個(gè)插件十分必要,免于操勞在到處找地圖風(fēng)格,再截圖到 figma。
02*yin.com/figma-plugin
Final Part
相比于之前分享的各種類(lèi)型插件,figma的插件無(wú)疑是最友好的之一,因此我們這次只是簡(jiǎn)單介紹一下交互界面的設計軟件以及一些方便大家快速使用的插件,起一個(gè)拋磚引玉的左右,同樣同學(xué)們可以思考一下在作品集中多種維度呈現自己對于設計的思考以及解決場(chǎng)地問(wèn)題。如果有同學(xué)們對這一方面更感興趣,歡迎聯(lián)系我們,日后考慮出有關(guān)方面更深入的教程與福利。
最后所有的插件網(wǎng)站都放在文末啦,需要的同學(xué)們快來(lái)收藏保存吧!
Iconify
02*yin.com/community/plugin/7350983902727**38*
Blush
02*yin.com/community/plugin/8389595**4*758*040
Chroma colors
02*yin.com/community/plugin/7392370584505299*9
加入Needle競賽交流群,
關(guān)注最新競賽資訊!
加群請備注
“競賽交流+就讀院校+專(zhuān)業(yè)年級”。
wechat:mysteriousmr_quin
Needle主頁(yè)君 莊莊