Figma免费好用插件分享！景看项目中的交互法式也要显得专业| Needle福利分享
Needle福利分享·
Figma免费好用插件分享！景看项目中的交互法式也要显得专业~
造图 | 交互 | 用户界面
从Needle前几期竞赛图纸的分享中，能够看到赐与通信，收集手艺的交互法式做为一种景看处理手段在景看竞赛与做品集项目中呈现的频次越来越高，在那里分享几个适用于景看项目标figma插件，包罗一些常用的图标库，快速绘造效果，阐发其他网站设想元素，颜色掌握，风气化地图填充等等，并附带利用阐明与安拆教程，欢送各人领取好用插件与名称！
Needle竞赛星球
展开全文
#01 景看趋向
跟着Needle分享给各人的竞赛图纸越来越多，我们发现有个很有趣的趋向：利用法式，交互元素在景看竞赛项目中呈现的越来越频繁。那种处理体例凡是被成为Engage，泛指人们对项目标参与和互动，而在互联网布景下，无论是当下比力火的元宇宙，亦或是几年前“互联网+”概念，都被吸纳成为景看项目标处理计划，基于挪动端的利用法式与景看财产或景点连系。不单单在学术项目中，在近年来的落地项目理论中，关于基于交互法式的ar，vr与实体场景的连系也变得越来越多。
以2020 ALSA 通信类荣誉奖项为例，在项目“652 To YOU || An Approach for a Collective Voice”中，设想师团队与来自全球设想公司 Sasaki 的数据阐发和编程专家协做设想，让那些无法参与 652 to You 社区参与活动的人有时机分享他们的河流体验，以及改进河畅通道的反应和设法在他们的社区。通过设想了基于天文空间的交互法式对 RiverLine 试点项目标居民停止了教导，然后阐发了他们的反响以造定试点项目标定见。那些互意向农村看寡展现了景看设想师的范畴，他们在那些操练之前可能不领会该范畴 考虑到现代收集情况，综合视角连系办事设想，做为景看项目中全面的沟通和公家参与战术，值得进修。
▲ 图片来源：
John Dustin Toothman , Student ASLA; Wesley Lamberson; Whitney Brothers
Faculty Advisors: Brad Collett, ASLA
University of Tennessee at Knoxville
而在非农业，消费范畴，我们设想好一个交互法式也可以为场地设想供给更多元化的理论与处理计划，好比打卡点，关于场地声音的回放，ar虚拟场景以至是线下主题活动。
▲ 图片来源 ：挽救动物园 哈尔滨工业大学建筑学院 贺洁 马琳 刘月 点此获取艾景奖高清图纸
#02 关于Figma 与figma插件
好的交互法式离不开好的用户研究与用户界面设想，那也是常说的UX （User rescher）和UI （User Interface）。目前市道上支流的用户界面与原型设想软件有Figma，sketch 与Adobe XD以及国内平台Pixso。而figma相对来说教程浩瀚，上手难度低，插件库生态好而被更多人抉择。
▲ Figma 自截
▲ Pixso 自截
▲ Sketch 自截
同样，专业的工作由专业负责，与Photoshop 与 Illustrator 那类图形处置软件比拟，Figma供给了快速的组件与效果设定，例如按钮，动效等等。以及差别的原型机尺寸，可以快速的让我们造造一个交互法式原型并导出，丰富项目标表示力。
▲ Adobe 自截
#03 Figma的利用与安拆
Figma 适用于任何运行收集阅读器的操做系统。无论是Mac仍是Windows PC，以至 Chromebook 都能够与 Figma 一路利用。它是同类产物中独一能够做到那一点的设想东西，每小我仍然能够共享、翻开和编纂 Figma 文件。所以要利用只需要前去Figma官方网站即可创建账号并利用。（需要翻墙技能）
▲ 自截
当然，Figma已经被Adobe收买，日后我们可能就是以如许的体例利用了。
▲ 来自收集
#04 插件分享
/ 安拆与利用插件 /
在分享插件之前，先简单介绍下插件的安拆与利用。插件的进口「Plugins」位于首页的左上方，用户能够在该页面阅读、搜刮所有插件。比拟传统的安拆与更新插件的体例，你只需要鼠标悄悄点击下「Install」，插件立马安拆完成，即可上手利用，并且插件的更新也是毫无感知，设想师独一需要存眷的只要设想自己，插件治理、文件存储、同步、协同的问题都无需再投进任何精神。
▲ Figma 自截
利用 Figma 插件的办法次要有三种：
1. 从系统的顶部菜单栏上的「Plugins」进口抉择插件；
2. 在文件内右键唤出菜单，从「Plugins」进口抉择插件；
3. 灵敏键 ⌘ + / 唤出搜刮，输进插件名。
▲ Pixso 自截
那里分享四个个最根本的和合适景看项目标插件，可以让同窗们快速上手操做。
A. Iconify
Iconify 内有 50 个图标库，包罗超越 40,000 个图标。假设要找图标间接搜刮，然后「add icon 」即可。用 iconify 来处置搭建原型阶段的图标需求再好不外，也省往了翻开 iconfont 网页找图标的费事。
▲ 图片来源 ：
B. Chroma colors
Chroma colors 能够通过选中多个对象快速创建 Color styles，省往了为每个颜色手动创建 style 的反复劳动，在搭建组件库初期搀扶帮助很大。可以很好的让你的利用法式界面与设想主题婚配的上。
▲ 图片来源 ：
C. Blush
插画艺术是很受欢送的一种视觉表示形式，通过Blush能够在丰富多彩的图库中找到你所需要的插画。Blush内置有海量世界各地的艺术家的标致插画，撑持下载SVG格局，便利你更好地掌握图层、颜色、滤镜等，同时能够自定义插图的每个变量，以创建本身特殊的构图。
▲ 图片来源 ：
D. Mapsicle
好用的地图生成插件，能够修改它的良多属性得到你想要的实时地图截图，风气抉择也比力多，例如暗色系地图。关于我们做景看，建筑，规齐截些经常与地图相关的同窗，那个插件非常需要，免于劳累在四处找地图风气，再截图到 figma。
▲ 图片来源 ：
Final Part
比拟于之前分享的各类类型插件，figma的插件无疑是最友好的之一，因而我们此次只是简单介绍一下交互界面的设想软件以及一些便利各人快速利用的插件，起一个抛砖引玉的摆布，同样同窗们能够根究一下在做品集中多种维度闪现本身关于设想的根究以及处理场地问题。假设有同窗们对那一方面更感兴致，欢送联络我们，日后考虑出有关方面更深进的教程与福利。
最初所有的插件网站都放在文末啦，需要的同窗们快来收躲保留吧！
Iconify
网站链接
Blush
网站链接
Chroma colors
网站链接
加进Needle竞赛交换群，
存眷最新竞赛资讯！
加群请备注
“竞赛交换+就读院校+专业年级”。
wechat：mysteriousmr_quin
Needle主页君 庄庄
