首页技术文章正文

一线大厂案例:从0到1学Figma【Figma系统入门教程】

更新时间:2021-10-15 来源:黑马程序员 浏览量:

  网上有句话说的好,成功人士都是工具控,好的工具不仅能够提升劳动效率,连干活儿的心情都能好很多。

  Figma是一款更为先进、更理解设计师工作方式和需求的界面设计工具。Figma让设计师无需再考虑操作系统问题,也不需要管理插件、存储、同步和协同等问题。让设计师专注于设计,为创造高效生产环境而生。

  从推出至今越来越受到 UI 设计师的喜爱,国内也有很多的设计团队选择了Figma。
  之前在网上看到一个说法:If design tools were cars……

△ 图片来自 Eddie‘s ***Twitter

  总结的非常准确,Sketch像丰田的凯美瑞,有广大群众基础的老牌厂商的经典车型,而Figma则像Tesla一样性能卓越,超越时代充满未来感。

  Figma已蚕食PS、AI、Sketch……逐渐走上设计工具的主流地位,为了帮助UI新人,以及准备转到Figma平台的设计师。


传智教育重磅上新

《零基础Figma系统入门教程》

简单高效,高薪进大厂的实用技能


本套课程分为两大部分:

一是基础部分,目的是为了学习基础工具以及高级命令的使用;

二是实战部分,通过基础部分的学习,将其应用在实战工作项目中;

三是项目部分,精选大厂项目真实需求,提高学员解决问题能力。

既包含了系统化的新手入门教学,又包含了大量实战项目操作演示,最终达到对Figma平台的全方面掌握。

课程研发遵循由简至繁、由浅至深的理念,授课方式通俗易懂,非常适合零基础学员进行学习。



 课程4大亮点 

1. 全网最全,最简单的Figma入门课程;

2. 讲解由浅到深,没有废话,在最短时间教会最实用技术;

3. 采用一线大厂真实需求驱动知识的学习,更清楚,更高效,更实用;

4. 大量的案例操作,即便是初学者也能迅速上手。


 课程内容详情 


 第一章 #  Figma基础操作

01.Figma平台介&课程内容介绍

02.Figma安装使用与汉化

03.Figma后台界面总览介绍

04.Figma工具栏 移动工具

05.Figma工具栏 Frame与组的认识

06.Figma工具栏 形状工具

07.Figma工具栏 钢笔工具

08.Figma工具栏 文字工具

09.Figma工具栏 预览以及分享设置

10.Figma属性栏 基础功能讲解(上)

11.Figma属性栏 基础功能讲解(下)

12.Figma插件安装与使用

13.Figma组件管理

14.Figma 组件、样式团队推送管理

15.Figma 布局约束和栅格

16.Figma 自动布局

 第二章 #  图标绘制实战项目

01-磨砂图标绘制技法

02-微质感图标技法

03-旋转造型绘制技法

04-2.5D图标绘制技法

 第三章 #  APP项目实战

01.APP项目实战概述

02.常见项目框架搭建

03.标签栏组件制作

04-APP首页排版(上)

05-APP首页排版(下)

06-APP首页完成

07-发现页面制作

08-消息页面制作

09-我的页面制作

10-常规配图添加方式

11-常规文字数据添加方式

12-谷歌表格插件替换数据方法

13-数据采集器使用方式

14-项目组件库搭建与整理

15-Figma自带切图工具使用

16-Figma自带标注功能

17-摹客平台切图标注方案

18-页面交互演示制作

19-APP套样机方法






猜你喜欢:

UI设计:3分钟利用Photoshop制作五彩星轨

Photoshop快捷键大全

快速提升UI设计水平的简单实用技巧

AI立体标题制作教程【Illustrator教程】

黑马程序员UI/UE设计师培训课程

分享到:
在线咨询 我要报名
和我们在线交谈!