惊闻| UXD日常教学平台太厉害惹!谷歌阿里腾讯设计师居然都来争相使用!?!
最近有一款新兴设计工具 Figma 逐渐走进了大家的视野,越来越多的人尝试了这款软件,并对他赞不绝口。Figma 是一款类似Sketch或XD的UI设计工具,但Figma跟后两者的本质区别在于它基于web,也就是说只要有浏览器和网络就能用。
而在UXD日常教学中,Figma已经成为了每位学员必备的设计基础技能,我们的大量作品集项目在Figma平台完成同步教学和协作,效率得到了极高的提升,同学们都产出了极为国际化的设计作品。
接下来我们为大家科普一些基础且实用的小技能,帮助新加入的小伙伴快速上手软件,无缝衔接加入到UXD交流学习的大平台。
01
UXD Figma基础教学
创建面板
该命令位于figma顶部菜单栏左侧第三位,常用快捷键为“F”。
点击后拖动光标即可在画面内建立相应的画布
右侧菜单栏中的W为面板的宽度,H为面板的高度,可随意调节数值。在输入相应数值按下Enter键后,即可调整面板的宽度。
Figma提供了常用的面板尺寸,其中包含了手机、电脑、手表、纸张等常用尺寸,如有需要点击即可获取。
Figma具有将界面中任意元素Element转化为面板的功能,点击元素,按下快捷键crtl +alt+G,即可转化为Frame。
创建图形按钮位于顶部菜单栏的左侧第四位,此按钮主要用于图形的创建。点击该按钮的下拉菜单,会显示出Rectangle、Line、Arrow、Ellipse等图形,其常用快捷键分别为“R、L、shift+L、O”。
点击制定图形后,拖动光标即可在画面内建立相应的形状,在界面的最右侧可以在layer面板调节图形的叠加方式、透明度与边框/阴影显示与否。
在Fill面板可以调节形状的颜色与透明度
在Stroke面板里,可以调整图形边框的颜色与粗细,以及居中描边、内部描边、外部描边,在Stroke的更多选项中,还可以调节线的端点样式与线的转角样式。
在Effect面板中,可以调节阴影的X与Y的位置信息与Blur模糊程度以及Blur的颜色。
03
UXD Figma基础教学
Pen与Pencil的使用
按钮位于顶部菜单栏的左侧第五位,用于创建复杂的矢量图形。点击该按钮的下拉菜单,可以选择Pen或者Pencil,其常用快捷键分别为“P、Shift+P”。
点击Pen ,选择第一个点的控制点与锚点的位置,之后可以选择第二个、第三个控制点与锚点的位置。绘制完成后,按Enter键即可得到完整绘制图形。
Ps:如果相邻控制点的锚点位置方向同向,则曲线的曲率变化剧烈,曲线不够平滑。如果相邻控制点的锚点位置方向差异较大,则曲线的曲率变化自然,曲线平滑。
点击Pencil,可以自由地进行曲线的绘制。
04
UXD Figma基础教学
文字设置
按钮位于顶部菜单栏的左侧第六位,用于创建文字。点击文字按钮即可创建文字,其常用快捷键为“T”。
需要注意到的是,Android的原生英文字体为Roboto,中文为Noto;IOS的英文原生字体为Helvetica,中文为PingFang SC。