【初心者向け】Figma使い方#8:YoutubeUIデザイン - 動画コンテンツのUIデザイン。画像のマスクと境界線の使い方

マスク機能、境界線を使って動画コンテンツ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】   / takumii_kai   【Instagram】   / takumi.kaii   ❐ カイクンについて👋 ------------------------------------------- Webデザイン、UIデザインを経て、今ではスタートアップの立ち上げしたりしてます。 経営学部→独学でmixiデザイン部→NewsPicksでPdM×デザイナとしてAppリニューアル等→MOSH共同創業→Cocoda!→SHE→canalというスタートアップででパッケージ×ブランド事業 https://takumikai.studio.design/ #Figma #素材・目次は概要欄に