现在的位置: 首页 > web前端 > 正文

Figma设计利器

2020年07月06日 web前端 ⁄ 共 853字 ⁄ 字号 评论关闭

  虽然不提倡唯工具论的设计思维,但是一款轻量、便捷、学习成本底的figma设计软件确实能够帮助设计师去更快更好地完成设计。


  figma简介


  Sketch是目前最常用的设计软件,Hype3是做原型展示和动效经常使用的软件。两款产品共同特点是轻量、易学好操控。尽管Adobe在轻量化的今天推出了AdobeXd,但也只是在追赶着Sketch的步伐。


  谈及sketch的原因则因为今天要测评的这个设计平台figma是完全借鉴sketch来设计的,无论是操作逻辑还是界面的布局,不同的地方是figma是可以做原型展示,并且比sketch还要轻量。


  首先,figma不是一个软件,而是一个基于web端的在线设计平台;个人版完全免费,项目查看历史30天,团队协作3个项目内免费,超过后15美刀每月,包年12美刀每月。


  figma收费标准


  既然是基于web的平台,不论是在Windows还是Mac,用浏览器就可以登录帐号进行设计,浏览器建议用谷歌浏览器,可以很好兼容。但是figma目前不能输入中文,在编辑文本时只能敲入英文。


  官网注册界面


  用户操作界面


  figma有图层和画板的概念,常用快捷键和sketch一样:R-矩形、O-圆、T-文字、ctrol+c-吸管、A-创建画板等,快捷键在windows上一样适用。


  一些具体的实战细节我会以icon的绘制、界面的临摹、交互原型展示的形式来说明。


  在手机上截取了网易云音乐的四个线型图标进行临摹,分别是本地音乐、最近播放、我的电台、我的收藏。


  面型图标选取了追波上的一张界面的图标进行临摹,这个界面下文也有临摹。


  所有图标均是在figma内完成


  布尔运算正常,钢笔操控和sketch一样也很流畅,图形的圆角进行调节很方便,这些和sketch的功能都很相仿;


  总之,不同的地方,sketch可以在一条线上同时添加多个锚点用来裁剪,但是figma只能一次添加一个锚点,确定后再次编辑添加锚点,修剪后的线段和sketch一样可以设置圆形末端。


  

抱歉!评论已关闭.