Figma 是一個(gè)基于瀏覽器協(xié)作式的UI設(shè)計(jì)平臺(tái),由于其具有跨平臺(tái)(Win、Mac)、無(wú)需保存、極其方便的團(tuán)隊(duì)協(xié)作性特點(diǎn),從推出至今越來(lái)越受到 UI 設(shè)計(jì)師的喜愛,國(guó)內(nèi)也有很多的設(shè)計(jì)團(tuán)隊(duì)選擇了Figma。
為了幫助UI新人以及準(zhǔn)備轉(zhuǎn)到Figma平臺(tái)的設(shè)計(jì)師,本套課程研發(fā)遵循由簡(jiǎn)至繁、由淺至深、通俗易懂的授課理念,非常適合零基礎(chǔ)學(xué)員進(jìn)行學(xué)習(xí)。在課程中既包含了系統(tǒng)化的新手入門教學(xué),從平臺(tái)的基礎(chǔ)工具開始學(xué)習(xí),再到高級(jí)命令的使用,又包含了大量實(shí)戰(zhàn)項(xiàng)目操作演示,最終達(dá)到對(duì)Figma平臺(tái)的全方面掌握。
講解方式:
本套課程分為兩大部分。一是基礎(chǔ)部分,目的是為了學(xué)習(xí)基礎(chǔ)工具以及高級(jí)命令的使用;二是實(shí)戰(zhàn)部分,通過(guò)基礎(chǔ)部分的學(xué)習(xí),將其應(yīng)用在實(shí)戰(zhàn)工作項(xiàng)目中。
課程亮點(diǎn):
1、全網(wǎng)最全,最簡(jiǎn)單的Figma入門課程。
2、講解由淺到深,沒有廢話,在最短時(shí)間教會(huì)最實(shí)用技術(shù)。
3、采用一線大廠真實(shí)需求驅(qū)動(dòng)知識(shí)的學(xué)習(xí),更清楚,更高效,更實(shí)用。
4、大量的案例操作,即便是初學(xué)者也能迅速上手。
課程內(nèi)容:
第一章 Figma基礎(chǔ)操作:
01.Figma平臺(tái)介&課程內(nèi)容介紹
02.Figma安裝使用與漢化
03.Figma后臺(tái)界面總覽介紹
04.Figma工具欄 移動(dòng)工具
05.Figma工具欄 Frame與組的認(rèn)識(shí)
06.Figma工具欄 形狀工具
07.Figma工具欄 鋼筆工具
08.Figma工具欄 文字工具
09.Figma工具欄 預(yù)覽以及分享設(shè)置
10.Figma屬性欄 基礎(chǔ)功能講解(上)
11.Figma屬性欄 基礎(chǔ)功能講解(下)
12.Figma插件安裝與使用
13.Figma組件管理
14.Figma 組件、樣式團(tuán)隊(duì)推送管理
15.Figma 布局約束和柵格
16.Figma 自動(dòng)布局
第二章 圖標(biāo)繪制實(shí)戰(zhàn)項(xiàng)目
01-磨砂圖標(biāo)繪制技法
02-微質(zhì)感圖標(biāo)技法
03-旋轉(zhuǎn)造型繪制技法
04-2.5D圖標(biāo)繪制技法
第三章 APP項(xiàng)目實(shí)戰(zhàn)
01.APP項(xiàng)目實(shí)戰(zhàn)概述
02.常見項(xiàng)目框架搭建
03.標(biāo)簽欄組件制作
04-APP首頁(yè)排版(上)
05-APP首頁(yè)排版(下)
06-APP首頁(yè)完成
07-發(fā)現(xiàn)頁(yè)面制作
08-消息頁(yè)面制作
09-我的頁(yè)面制作
10-常規(guī)配圖添加方式
11-常規(guī)文字?jǐn)?shù)據(jù)添加方式
12-谷歌表格插件替換數(shù)據(jù)方法
13-數(shù)據(jù)采集器使用方式
14-項(xiàng)目組件庫(kù)搭建與整理
15-Figma自帶切圖工具使用
16-Figma自帶標(biāo)注功能
17-摹客平臺(tái)切圖標(biāo)注方案
18-頁(yè)面交互演示制作
19-APP套樣機(jī)方法