旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:010-5367 2995
首页 > 热门文章 > UI设计 > Figma下一代UI设计神器
Figma下一代UI设计神器
时间:2020-12-14来源:www.aaa-cg.com.cn点击量:作者:Arya
时间:2020-12-14点击量:作者:Arya

  专业有效的设计工具,可以帮助我们的提高设计效率。那么今天我们要介绍一款从推出至今越来越受到 UI 设计师以及很多设计团队的青睐的一款UI设计工具,它被称为一代设计神器——Figma 。AAA教育武老师也会带大家深入了解这款工具,以及为什么它如此受欢迎。
 

  1、设计工具的战场


Figma下一代UI设计神器
 

  概述
 

  随着日新月异的技术发展,互联网时代进入深水区。行业环境越复杂,设计师将面临越多机遇和挑战。设计不同于艺术,本质是为了解决问题,而设计工具直接影响着设计师思考问题和解决问题的能力。设计工具的背后,体现着设计行业的整体水平和效率。
 

  如果把设计工具的竞争类比战场,笔者今天探讨的是互联网时代最受关注的界面设计战场。界面设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。
 

  历史追溯
 

  在界面设计领域,设计工具一直以惊人的速度演化,竞争愈演愈烈。从曾经的PS一家独大,到近年Sketch新晋王者,再到当下的各类新工具百家齐放。
 

  2010年前,界面设计师普遍使用的是Adobe Photoshop(简称PS),那时界面设计还在起步阶段。PS的定位是图像处理软件,是一个全面的设计工具,界面设计只是使用这个工具的一个行业分支。2010年后,界面设计飞速发展,PS的性能和效率都无法匹配这个新兴行业的需求。因此,Sketch顺应而生,聚焦界面设计,并迅速占领界面设计的市场。
 

  放眼当下,各类新型界面工具相继出现,挖掘和突破Sketch的短板。Sketch只面向Mac用户,其它系统无法使用,XD成为Windows上最接近Sketch的工具替代,但过于相似、缺少独特也意味着XD目前难以超越Sketch。另外,Sketch在原型和交互设计上发挥不足,inVision很好的从这个环节独立出来。再如Framer,基于开源原型框架,在代码上的优势,为设计和技术的融合搭建桥梁。
 

  黑马逆袭
 

  近来,有一匹黑马,频繁出现在设计师的信息视野,成为设计行业的热门话题,团队使用逐渐覆盖国内外龙头企业。国外如Twitter,Microsoft,Dribbble,Airbnb ,Dropbox,Github。国内如阿里,腾讯,字节跳动,网易。
 

  这匹黑马,就是Figma。如今,从Sketch迁移至Figma已然成为趋势。Figma逆袭的奥义何在,如此受到设计师和团队的青睐。探讨之前,我们不妨先了解这款软件。
 

  2、Figma是什么
 

Figma下一代UI设计神器
 

  Figma是基于浏览器的界面设计协作工具。它的最大特点就是基于浏览器和设计协作。
 

  基于浏览器
 

  Figma以浏览器为载体,依靠网络,全程在线操作,所有文件保存在云端。简单理解,Figma是打开一个网页使用,Sketch等是打开本地软件使用。
 

  云端的最大优势就是不受物理设备限制,多平台共享,使用灵活。Figma全平台可用,操作系统支持Win,Mac,Linux等,设备支持电脑,平板,手机。在线意味着不需要下载安装包到本地,软件插件都会自动更新,不再漫长地等待下载和频繁安装更新。
 

  设计协作
 

  Figma是第一个真正意义上的设计协作工具。协作,是Figma对界面设计师这个角色的重新定位。如Sketch专注于设计师个人完成设计工作,就像一个单一的点,如需和外界产生关联,需要借助第三方工具。而Figma是从团体的角度去定位设计,界面设计不仅仅是设计师个人的事情。团队内,设计师需要更高效地衔接设计流程的上下环节,设计师和设计师之间可以更轻松地协作沟通,共同完成设计工作。团队外,设计行业应有分享精神,站在行业巨人的肩膀上再创新,推动设计行业更加高效。
 

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

  传统流程中,设计师在不同环节,需要使用不同工具进行设计工作。流转在不同工具的过程,会造成时间成本的消耗,产生流转中的错误。使用Figma就能免去切换工具的烦恼了,因为它本身就全面覆盖了产品设计中所有重要的步骤,让工作流程更高效完整统一。令人赞叹的地方是,这样的工具集成体,界面却比Sketch更简洁易上手。
 

  内部沟通——多人在线同时编辑
 

  支持多人在线同时编辑,意味着团队可并行工作,同时修改一个文件。项目是一个整体,而不再是被分割的多个文件。文件是一个链接,而不再是需要传送的源文件。如此,极大地降低团队的沟通、修改、维护成本。
 

  资源共享——开源社区
 

  互联网行业追求高效,俗话说“众人拾柴火焰高”,集合众人的力量方能让价值最大化,资源共享必不可少。如Github是全球最大的社交编程及代码托管网站,其社交化编码、开源共享的理念改变着整个开发社区的生态,让全球开发者共同创造了无数优质项目。在设计行业,Dribbble和Behance作为最知名的国际设计社区,是设计师们展示作品、合作招聘的最大平台,但一般只展示设计作品而不共享源文件。
 

  Figma的社区功能,和Github有异曲同工之妙,一方面设计师们可以一键取用世界顶尖公司及设计师精心制作的设计系统和模板,快速构建高质量的设计作品,节省重复基础性工作的时间精力,提高工作效率。另一方面,设计师可以轻松浏览行业一线设计作品,开拓设计视野,并进行互动沟通。
 

  3、工具的技术趋势
 

  选择新工具是一件慎重的事情,特别对团队来说,需要从整体的角度去评估成本、风险和回报。个人的选择或许是基于喜好习惯,而行业的选择应是伴随行业工作模式的变化。如前文所说,从Sketch迁移至Figma已然成为行业趋势。互联网行业正在发生怎样的变化,面对未来的技术趋势,我们正在关注什么。
 

  技术趋势
 

  ·数字化
 

  信息,泛指人类社会传播的一切内容。数字化是将信息转变为数字、数据,建立数字化模型,而后转变为一系列二进制代码,引入计算机内部进行处理的过程。当下信息爆炸的时代,更多信息以数字化形式存在,人与世界的互动将更多以网络为媒介。
 

  ·云计算
 

  “云”实质上是一个网络,一种计算资源共享池。云计算,把计算资源通过网络让资源被快速取用。未来的时代是云计算的时代,用户通过网络就可以获取无限资源,同时获取的资源不受时间和空间的限制。信息处理拥有更多时间自由性和空间灵活性,意味着我们获取和使用信息可以随时随地,想即所得。
 

  ·大数据
 

  数据是信息的基础,是智慧的前提,是所有新技术的依托。大数据是数据的集合,对海量数据进行专业化处理,形成价值,是行业竞争、产业实现盈利的关键。大数据和云计算是深度结合的,并和物联网、移动互联网等新兴计算形态密切相关。
 

  ·人工智能
 

  即Al,是以人类智能相似的方式做出反应的智能机器。人工智能使机器能像人一样思考,并能够胜任一些通常需要人类智能才能完成的复杂工作。未来机器人是否能超越人类,甚至接管世界,至少,我们的世界正在更自动化,更高效化。
 

  · 5G
 

  第五代移动通信技术,是最新一代蜂窝移动通信技术。我们的网络信号,主要就来自于通信基站。随着网络基础设施日渐完善,世界的运作和发展将会更快。在未来,当5G全面覆盖,且所有的设施都实现了智能化后,我们将真正的进入到一个“万物互联”的时代。
 

  工具趋势
 

  新技术的浪潮下,工具行业的发展和趋势,整体来看,呈现云端化和一体化。
 

  云端化
 

  云端化是工作载体的变革,从本地到云端,信息以最快的方式触达和共享。用户无需在本地安装软件和插件,直接在浏览器上使用工具,摆脱了电脑硬件的束缚。云端拥有强大的计算能力,使用性能远超一般的本地软件。拷贝传送式的本地模式在文件的共享上,效率远不如链接式的云端模式。比较典型的例子就是各类在线文档编辑工具。
 

  一体化
 

  一体化是工作模式的颠覆,流程、工具、资源都应当打破壁垒,让协作更通畅。一体化可以理解为将不同的个体有机融合为一个整体,形成协同效力,实现团体的整体效率和利益最大化,这里的团体可以是项目团队,可以是公司,也可以是整个行业。用技术的方式扫除沟通协作的障碍,能大大提供团体的专业和效率。
 

  Figma的模式
 

  Figma的愿景是成为设计界的Google Docs,打造类似GitHub的设计共享与协作的社区。这也是我认为Figma现阶段逆袭的原因所在,它敏锐的捕捉到了云端和协同的价值。在过去,设计师和产品、开发者都有明确的角色分配,但随着全栈设计和全链路设计的升温,设计师的角色定位有了更多可能性,可以更进一步融入产品的设计开发流程中。全栈全链路设计,二者本质上都需要设计师拥有更强的综合思维能力。Figma的跨界功能集成优势,很好的匹配了这种职业发展方向。更多资讯持续关注AAA教育

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可先就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可推荐就业!

©2007-2021/北京漫动者教育科技有限公司版权所有
备案号:京ICP备12034770号

老师想和你聊一聊

©2007-2021/ www.aaa-cg.com.cn 北京漫动者教育科技有限公司 备案号:京ICP备12034770号 监督电话:010-62568622 邮箱:bjaaa@aaaedu.cc