iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
自我挑戰組

30天的Figma學習筆記 系列

透過自己的學習心得,希望能透過淺顯易懂的方式讓大家快速認識現在的設計神器—Figma。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day1 開賽前言

哈囉,大家好! 第一次參加鐵人賽,主要的目地不外乎就是因為學校要求參加XD,另一方面則是希望能回饋大眾,畢竟,在這網路資訊爆炸的情況下,想必各位一定在學習過程中...

DAY 2

Day2 Figma是什麼?

(圖片來源於:Figma) 簡單來說,Figma就是一款多人協助導向的介面設計軟體,並在幾年前以黑馬的姿態在介面設計領域殺出一片天。 在以往的軟體領域中,大部分...

DAY 3

Day3 如何登入及安裝?

首先,因為Figma有分網頁版以及桌機版,大家可以透過自己的需求來決定要使用甚麼版,但不論是哪個版,都需要到Figma的官網去登入或是下載,那怎麼找到官網呢?就...

DAY 4

Day4 建立第一份檔案

在建立好帳戶後,我們就可以開始嘗試建立屬於我們自己的第一份檔案,在登入後會進到以下的畫面,如果是剛加入,最下面會有示意的虛線圖案讓你建立第一份檔案,你也可以從最...

DAY 5

Day5 操作面板

今天要來介紹的是Figma的操作面板,當我們點擊+Design file按鈕,就會進到以下畫面,最上面黑色的那條是工具列,在一開始專案還沒命名時,會顯示Unti...

DAY 6

Day6 Figma基礎1_Frame

今天要來介紹我們的畫板或是稱作框架(Frame),可以從井字符號找到也可以按快捷鍵A或是F,當我們點選畫版後,右邊屬性面板會跑出各式各樣手機、平版、網頁等等的畫...

DAY 7

Day7 Figma基礎2_圖形

今天要跟大家介紹的是圖形功能,這是我們在做設計時最常用到的功能,長方形的快捷鍵是R,圓形的快捷鍵是O,其他都有在上面註明形狀的快捷鍵,大家有需要都可以記一下,其...

DAY 8

Day8 Figma基礎3_文字

哈囉,大家你們好,今天要介紹的是文字工具,在一個設計裡面,文字是佔據設計裡面非常重要的角色,我們首先從工具列裡面的大寫T按鈕中創建文字,或是使用快捷鍵T也可以快...

DAY 9

Day9 Figma基礎4_顏色

今天我們所要介紹的是顏色,這也是設計當中最重要的一環,不論是畫布、形狀、文字,這些東西我們都需要給它顏色。一般Figma預設的顏色都是實色,但我們可以在顏色面板...

DAY 10

Day10 Figma基礎5_Auto Layout

今天我們要介紹的是Figma強大的一個功能—Auto Layout,中文稱作為自動布局,剛開始會覺得不好理解,甚至覺得很難,避免去使用他,但對於現今網頁大多都是...

沒有坐車車的天竺鼠的收藏
沒有坐車車的天竺鼠的追蹤
沒有坐車車的天竺鼠的Like
沒有坐車車的天竺鼠的紀錄