シリーズ目次

/

/

【Figma】使い方講座#5:YoutubeUIをつくる!! - アニメーションやオートレイアウト機能などもカバーするUI編のコンテンツを紹介

【Figma】使い方講座#5:YoutubeUIをつくる!! - アニメーションやオートレイアウト機能などもカバーするUI編のコンテンツを紹介

2023

年

7

月

01

日

スキルを上げて、創造のための武器を手に入れよう

すべての動画閲覧には、メンバーシップ加入が必要です

メンバー登録について

今回から「UIデザイン編」です。WebデザインやUIデザイン向けのツールであるFigmaならではの機能もチュートリアルにしていきます💡

📜目次

-----------------------------------------------

01:00 UIデザイン編:作るものを紹介

03:11 紹介する主要機能

04:09 おわりに：身に付くレベル感

‍

今回から「UIデザイン編」です。WebデザインやUIデザイン向けのツールであるFigmaならではの機能もチュートリアルにしていきます💡

📜目次

-----------------------------------------------

01:00 UIデザイン編:作るものを紹介

03:11 紹介する主要機能

04:09 おわりに：身に付くレベル感

‍

今回から「UIデザイン編」です。WebデザインやUIデザイン向けのツールであるFigmaならではの機能もチュートリアルにしていきます💡

📜目次

-----------------------------------------------

01:00 UIデザイン編:作るものを紹介

03:11 紹介する主要機能

04:09 おわりに：身に付くレベル感

‍

Figma入門

1.Figma入門シリーズについて知ろう

1.Figma入門シリーズについて知ろう

【24年アプデ最新】現役デザイナーが解説!Figma（フィグマ）の使い方と便利な基本を解説。UIデザイン、Webデザインで活躍するデザインツール

【24年アプデ最新】現役デザイナーが解説!Figma（フィグマ）の使い方と便利な基本を解説。UIデザイン、Webデザインで活躍するデザインツール

Figma講座#1:バナーデザインでFigmaの使い方を学ぶ - 世界が注目するデザインツールFigmaの使い方特徴、機能、料金、人気の理由を解説します

Figma講座#1:バナーデザインでFigmaの使い方を学ぶ - 世界が注目するデザインツールFigmaの使い方特徴、機能、料金、人気の理由を解説します

2. バナーをデザインしてみよう

2. バナーをデザインしてみよう

使い方講座#2:バナーをつくろう！ - デザインする前にセットアップ。管理画面の使い方を知る

使い方講座#2:バナーをつくろう！ - デザインする前にセットアップ。管理画面の使い方を知る

使い方講座#3:バナーをつくろう！- オブジェクトの配置&ツールの構造を知る

使い方講座#3:バナーをつくろう！- オブジェクトの配置&ツールの構造を知る

【Figma】使い方講座#4:バナーをつくろう！ - サイズの調整方法を身につけてバナーを完成させる

【Figma】使い方講座#4:バナーをつくろう！ - サイズの調整方法を身につけてバナーを完成させる

3.UIをトレースしよう!

3.UIをトレースしよう!

【Figma】使い方講座#5:YoutubeUIをつくる!! - アニメーションやオートレイアウト機能などもカバーするUI編のコンテンツを紹介

【Figma】使い方講座#5:YoutubeUIをつくる!! - アニメーションやオートレイアウト機能などもカバーするUI編のコンテンツを紹介

#6:コンポーネント、ロゴ、アイコンを使ってヘッダーUIをデザインする【Figma入門】

#6:コンポーネント、ロゴ、アイコンを使ってヘッダーUIをデザインする【Figma入門】

#7:ボトムナビゲーションの作り方。繰り返しのパーツ/アイコン設置【Figma入門】

#7:ボトムナビゲーションの作り方。繰り返しのパーツ/アイコン設置【Figma入門】

#8:動画コンテンツのUIデザイン。画像のマスクと境界線の使い方【Figma入門】

#8:動画コンテンツのUIデザイン。画像のマスクと境界線の使い方【Figma入門】

#9: 動画閲覧ページを作る_UIづくりテクニックの総集編です【Figma入門】

#9: 動画閲覧ページを作る_UIづくりテクニックの総集編です【Figma入門】

4. 便利な操作を覚えよう

4. 便利な操作を覚えよう

#10:カラーパレット機能 - 良く使う色を登録して効率よく、一貫した配色を可能にしよう【Figma入門】

#10:カラーパレット機能 - 良く使う色を登録して効率よく、一貫した配色を可能にしよう【Figma入門】

#11:プロトタイプ機能 - ホバーや遷移を付けて画面を触れる形にデザインしよう【Figma入門】

#11:プロトタイプ機能 - ホバーや遷移を付けて画面を触れる形にデザインしよう【Figma入門】

#12:オートレイアウト機能 - 繰り返しのUIレイアウトが抜群にラクになる方法を解説【Figma入門】

#12:オートレイアウト機能 - 繰り返しのUIレイアウトが抜群にラクになる方法を解説【Figma入門】

#13:コンポーネント機能 - UIを部品として効率よく設計しよう【Figma入門】

#13:コンポーネント機能 - UIを部品として効率よく設計しよう【Figma入門】

#14:アニメーション機能 - 本物かのように動くアニメーションをUIに付ける方法【Figma入門】

#14:アニメーション機能 - 本物かのように動くアニメーションをUIに付ける方法【Figma入門】

閉じる

0 Comments

Active Here: 0

Login or register to join the conversation.

My Profile Image

Logout Edit Profile

Be the first to leave a comment.

Loading

Someone is typing...

No Name

Set

4 years ago

Moderator

(Edited)

This is the actual comment. It's can be long or short. And must contain only text information.

Your comment will appear once approved by a moderator.

No Name

Set

2 years ago

Moderator

(Edited)

This is the actual comment. It's can be long or short. And must contain only text information.

Your reply will appear once approved by a moderator.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.