Figma免费好用插件分享！景观项目中的交互程序也要显得专业| Needle福利分享
Needle福利分享·
Figma免费好用插件分享！景观项目中的交互程序也要显得专业~
制图 | 交互 | 用户界面
从Needle前几期竞赛图纸的分享中，可以看到给予通讯，网络技术的交互程序作为一种景观解决手段在景观竞赛与作品集项目中出现的频率越来越高，在这里分享几个适用于景观项目的figma插件，包括一些常用的图标库，快速绘制效果，分析其他网站设计元素，颜色控制，风格化地图填充等等，并附带使用说明与安装教程，欢迎大家领取好用插件与名称！
Needle竞赛星球
#0* 景观趋势
随着Needle分享给大家的竞赛图纸越来越多，我们发现有个很有趣的趋势：应用程序，交互元素在景观竞赛项目中出现的越来越频繁。这种解决方式通常被成为Engage，泛指人们对项目的参与和互动，而在互联网背景下，无论是当下比较火的元宇宙，亦或是几年前“互联网+”概念，都被吸纳成为景观项目的解决方案，基于移动端的应用程序与景观产业或景点结合。不仅仅在学术项目中，在近年来的落地项目实践中，对于基于交互程序的ar，vr与实体场景的结合也变得越来越多。
以2020 ALSA 通讯类荣誉奖项为例，在项目“*52 To YOU || An Approach for a Collective Voice”中，设计师团队与来自全球设计公司 Sasaki 的数据分析和编程专家合作设计，让那些无法参加 *52 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 插件的方法主要有三种：
*. 从系统的顶部菜单栏上的「Plugins」入口选择插件；
2. 在文件内右键呼出菜单，从「Plugins」入口选择插件；
3. 快捷键 ⌘ + / 呼出搜索，输入插件名。
▲ Pixso 自截
这里分享四个个最基本的和适合景观项目的插件，能够让同学们快速上手操作。
A. Iconify
Iconify 内有 50 个图标库，包含超过 40,000 个图标。如果要找图标直接搜索，然后「add icon 」即可。用 iconify 来处理搭建原型阶段的图标需求再好不过，也省去了打开 iconfont 网页找图标的麻烦。
02*yin.com/figma-plugin
B. Chroma colors
Chroma colors 可以通过选中多个对象快速创建 Color styles，省去了为每个颜色手动创建 style 的重复劳动，在搭建组件库初期帮助很大。能够很好的让你的应用程序界面与设计主题匹配的上。
02*yin.com/figma-plugin
C. Blush
插画艺术是很受欢迎的一种视觉表现形式，通过Blush可以在丰富多彩的图库中找到你所需要的插画。Blush内置有海量世界各地的艺术家的漂亮插画，支持下载SVG格式，方便你更好地控制图层、颜色、滤镜等，同时可以自定义插图的每个变量，以创建自己独特的构图。
02*yin.com/figma-plugin
D. Mapsicle
好用的地图生成插件，可以修改它的很多属性得到你想要的实时地图截图，风格选择也比较多，例如暗色系地图。对于我们做景观，建筑，规划一些经常与地图相关的同学，这个插件十分必要，免于操劳在到处找地图风格，再截图到 figma。
02*yin.com/figma-plugin
Final Part
相比于之前分享的各种类型插件，figma的插件无疑是最友好的之一，因此我们这次只是简单介绍一下交互界面的设计软件以及一些方便大家快速使用的插件，起一个抛砖引玉的左右，同样同学们可以思考一下在作品集中多种维度呈现自己对于设计的思考以及解决场地问题。如果有同学们对这一方面更感兴趣，欢迎联系我们，日后考虑出有关方面更深入的教程与福利。
最后所有的插件网站都放在文末啦，需要的同学们快来收藏保存吧！
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竞赛交流群，
关注最新竞赛资讯！
加群请备注
“竞赛交流+就读院校+专业年级”。
wechat：mysteriousmr_quin
Needle主页君 庄庄
