旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:010-5367 2995
首页 > 热门文章 > UI设计 > Figma在线UI设计工具入门教程

Figma在线UI设计工具入门教程

时间:2020-12-02来源:www.aaa-cg.com.cn点击量:作者:Arya
时间:2020-12-02点击量:作者:Arya

  就在几年前,figma变得越来越流行。不仅在国外,许多国内大厂也开始使用figma,这是一种在线设计工具。如果你是一个UI设计师,你也想要体验它的魅力。建议您看一下这个入门教程。本文AAA教育的武老师还提出了素描向figma迁移的一些问题和解决办法。让我们一起学习。
 

  全世界都在使用Figma
 

Figma在线UI设计工具入门教程
 

  看来我们不仅在未来三年内使用figma,而且将来也不会使用它。事实上,大量的专业设计团队试图不惜任何代价从传统的设计软件(草图等)向figma转型,因为他们看到了代表未来的生产力工具和协作方法
 

  当我第一次接触菲格玛时,素描在18年里占据了体验设计市场。当时人们普遍认为figma是可以的,但它不能代替素描。之所以做出这样的判断,主要是因为figma在产品设计的早期阶段的经验和功能都不尽如人意,其远程共享和协作的理念也有点超前,未能真正影响本土化、协同化的设计开发模式。
 

  从figma的首席设计师(现已退休)rasmus Andersson对figma设计的总结中,我了解到figma真正开始了16年的产品设计过程。拉斯穆斯·安德森在figma任职16年,20年前离职,参与了figma从品牌到设计工具的所有设计工作。近年来,figma始终坚持以共享与合作为核心主题。他们将figma产品设计分为两个核心模块,一个是编辑器,这是UI生产力工具部分,另一个是协作模块,它涉及文件管理、共享和协作。
 

  figma的一个亮点是基于Web平台的开发,以支持它在所有硬件产品和场景中的使用。然后,在rasmus Andersson的驱动下,他们最终开发出了客户端版本,最终的结果是使用客户端版本的用户数量高于web用户。
 

  总之,Figma是一种新兴的设计软件,适用于多平台、多系统,可以在任何场景(Windows或MAC)下工作,可以作为设计团队的统一设计工具,基于Web开发的版本可以满足异常场景下的设计需求。例如,当他们回到家乡的时候,他们身边就没有带设计工具的电脑。同时,还可以解决由于本地硬件条件的限制而导致的文件丢失等问题。此外,在疫情检查下,其优秀的远程协作体验也成为其自身的障碍,远远高于其他竞争产品。另外,在国内一款协同标注软件开始收费后,其价格已经成为一种合理的竞争力,远低于Sketch+Lanhu的价格。
 

  1.1为什么大家都在转型Figma?
 

  事实上,一个设计中心全部转换软件,首先要考虑的是学习成本,及转型和迁移期间不可控的效率和设计输出质量等问题,另外一个关键点就是新的设计软件意味着一笔新的正版软件费用,而且是一笔很庞大的费用。涉及到这么多现实问题,必然不会是因为单纯的潮流趋势等理想型原因而转型,因为很难推动。因此我意识到,从利益相关者角度考虑,核心点只可能是Figma能够带来真正的效率提升(设计师),从长远看能为企业赚取更多的收益(企业),且综合来看能提供数倍的协作效率和协作质量(需求方上游和开发下游)。
 

  有公司Sketch+蓝湖的生产力模式到目前所在公司的Sketch+Sketch Measure的模式的设计师,应该对这个话题很有发言权,传统的依托于本地输出资源对接的方式,效率相较于线上共享、对接、协作的方式真的可谓天壤之别。
 

  协作效率
 

  以我的设计工作流程为例,我司使用谷歌全家桶进行项目管理,设计资源一般规范命名导出后上传至Google Drive统一管理,其优点在于文件管理规范化,从设计到开发皆置于一套线性工作流程中,输出物可溯源易管理,协作效率蛮不错,但当发生一点设计修改之后,整套输出物从设计稿到标注内容都要重新输出整理一份,并再次手动上传。这种偏传统的协作方式,尤其是设计输出的方式在长远来看不利于设计管理和上下游协作。一方面修改更新的成本较高,一方面容易造成版本混乱输出物混乱而导致实际产品实现结果的问题。
 

  设计维护
 

  版本维护是在进行复杂项目设计时必要的一项工作,修改了哪些内容,谁来修改的如何溯源,更新后的版本如何快速同步给上下游?这一点工作在传统设计协作模式中一般需要多个工具及多个协作行为来完成,如设计新版本-输出新的Design Draft-上传至同步工具(如Drive)-提醒上下游-更新源文件(设计组内)。而在Figma中,设计源文件、设计输出融合为一套内容。在源文件修改后可以快速自动同步给各方,一个figma文件本身即是设计师对应的源文件,也是上游需要的预览稿Draft,更是下游开发需要的输出标注。维护成为无意识的自动化过程而不需要太多人力介入。
 

  价格与权限
 

  价格与权限方面,我只需要为大家展示免费版的权限即可,其中最关键的就是Viewers,在蓝湖收费后,设计师应该理解这个无限viewer意味着什么。这意味着你可以自由的分享设计稿给产品和开发而不用提心吊胆的计算Viewer的限制。这主要是针对独立设计师和小企业设计师,专业设计团队的话更多的是考虑产品效率,企业收益等问题,价格反而其次。
 

  本篇文章初心就是帮助大家快速入门Figma,这过程中梳理出一个更易于理解的教学方式,或者说陈述逻辑。之后会推出分别对应初学者最初接触搭建基础、进阶学习高级功能、正式迁移转变工具的三个阶段文章。这篇文章的内容你学到了吗,更多资讯请持续关注AAA教育~

预约申请免费试听课

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

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

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

京公网安备 11010802035704号

网站地图