マスク機能、境界線を使って動画コンテンツUIをデザインします。

📜目次
-----------------------------------------------
00:00  コンテンツUIを作る
00:27  今日のポイント
01:02  マスク機能で画像を配置
04:36  アイコンとテキストを配置
10:27  境界線×ボーダーツール
11:27  ストーリーUIを作る
15:48  ユーザーアイコンを作る
21:40  おわりに


📜素材
-----------------------------------------------
Figma - コンテンツUIの素材
https://www.figma.com/file/i0PMMa8PC2...



❐ 『BONO』専用：Figma入門チャンネル
-------------------------------------------
このシリーズの質問や進捗報告などなどをするBONOメンバー専用のチャンネルです。
※BONOメンバー以外の方は入れません🙏
https://bonoco.slack.com/archives/C04...



📜Figma初心者シリーズ
-----------------------------------------------
❶#1 - 世界が注目するデザインツールFigmaの特徴、機能、料金、人気の理由を解説します
【超初心者】Figma講座#1:バナーデザインでFigmaの使い方を学ぶ - 世界が...

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

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

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

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

❻#6:YoutubeUIをつくる!! - コンポーネント、ロゴ、アイコンを使ってヘッダーUIをデザインする
【Figma】使い方講座#6:YoutubeUIをつくる!! - コンポーネント、ロ...

❼#7:YoutubeUI - ボトムナビゲーションの作り方。繰り返しのパーツ/アイコン設置
【Figma】使い方講座#7:YoutubeUI - ボトムナビゲーションの作り方。...

🔽Figma
-----------------------------------------------
https://www.figma.com/


🔽チャンネル登録はこちら👋
-----------------------------------------------
@bono-oo


❐ 他の動画もよろしくね👋
-------------------------------------------------
【UIデザイン超基礎講座】Twitter風アプリを作りながら学ぶデザインチュートリアル
【UIデザイン超基礎講座】Twitter風アプリを作りながら学ぶデザインチュートリア...

Webデザインの新時代。プログラミングなしでWebサイトが作れるSTUDIO解説講座スタートします
Webデザインの新時代。プログラミングなしでWebサイトが作れるSTUDIO解説講座...

非デザイナーも使える！デザインの基本4原則でわかりやすい綺麗なグラフィックを作ろう
非デザイナーも使える！デザインの基本4原則でわかりやすい綺麗なグラフィックを作ろう

❐ SNS👋
-------------------------------------------------
【Twitter】
Twitter: takumii_kai
【Instagram】
Instagram: takumi.kaii

❐ カイクンについて👋
-------------------------------------------
Webデザイン、UIデザインを経て、今ではスタートアップの立ち上げしたりしてます。
経営学部→独学でmixiデザイン部→NewsPicksでPdM×デザイナとしてAppリニューアル等→MOSH共同創業→Cocoda!→SHE→canalというスタートアップででパッケージ×ブランド事業
https://takumikai.studio.design/

#Figma  #素材・目次は概要欄に