ycliper

Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
Скачать

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

Автор: BONO-カイクン

Загружено: 2020-07-04

Просмотров: 12430

Описание: マスク機能、境界線を使って動画コンテンツ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 #素材・目次は概要欄に

Не удается загрузить Youtube-плеер. Проверьте блокировку Youtube в вашей сети.
Повторяем попытку...
【初心者向け】Figma使い方#8:YoutubeUIデザイン - 動画コンテンツのUIデザイン。画像のマスクと境界線の使い方

Поделиться в:

Доступные форматы для скачивания:

Скачать видео

  • Информация по загрузке:

Скачать аудио

Похожие видео

【初心者向け】Figma使い方#9:YoutubeUIデザイン - 動画閲覧ページを作る_UIづくりテクニックの総集編です

【初心者向け】Figma使い方#9:YoutubeUIデザイン - 動画閲覧ページを作る_UIづくりテクニックの総集編です

【2025最新】初心者向け! Figmaの基本とAIなど便利な使い方を完全解説 / UIデザイン・Webデザインに最適なデザインツール

【2025最新】初心者向け! Figmaの基本とAIなど便利な使い方を完全解説 / UIデザイン・Webデザインに最適なデザインツール

【Google AI Pro】Veo3.1で作るモーフィング動画作成|Flow Extend機能

【Google AI Pro】Veo3.1で作るモーフィング動画作成|Flow Extend機能

【Figma初級#2】UIで大事な構造を学ぶ / オートレイアウトでListItemをデザインしよう! - Figmaの使い方チュートリアル

【Figma初級#2】UIで大事な構造を学ぶ / オートレイアウトでListItemをデザインしよう! - Figmaの使い方チュートリアル

写真の合成【#Figma 08】グラデーションマスク。写真を徐々に透明にして重ねます。

写真の合成【#Figma 08】グラデーションマスク。写真を徐々に透明にして重ねます。

#3【2025最新】初心者向け講座ワイヤーフレームの作り方(前半)「WEBデザインツール」

#3【2025最新】初心者向け講座ワイヤーフレームの作り方(前半)「WEBデザインツール」

Как сделать эффект стекла в Power Point и Figma | Тренд в дизайне 2026

Как сделать эффект стекла в Power Point и Figma | Тренд в дизайне 2026

【Figma実践】WEBデザインで、ポートフォリオサイトを作る!ノーカット制作の流れ。#figma #フィグマ

【Figma実践】WEBデザインで、ポートフォリオサイトを作る!ノーカット制作の流れ。#figma #フィグマ

【Figma: プロの制作手法に近づく1歩】新機能Variablesの解説します! / 論理的にサイズや色を管理 / 変数管理でフロントエンド的にUIデザイン / デザインシステムの1歩目

【Figma: プロの制作手法に近づく1歩】新機能Variablesの解説します! / 論理的にサイズや色を管理 / 変数管理でフロントエンド的にUIデザイン / デザインシステムの1歩目

Удар США по Кремлю / Резкая реакция Москвы

Удар США по Кремлю / Резкая реакция Москвы

【Figma初級#3】コンポーネント機能の使い方 / ネスト状態にしてアイコンを切り替えられるようにしよう - Figmaの使い方チュートリアル

【Figma初級#3】コンポーネント機能の使い方 / ネスト状態にしてアイコンを切り替えられるようにしよう - Figmaの使い方チュートリアル

Figmaのプラグインを使ってSTUDIOの構築をする方法

Figmaのプラグインを使ってSTUDIOの構築をする方法

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

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

【Figma】デザインを人に届けたいなら必須!プロトタイプ機能を徹底解説 #1

【Figma】デザインを人に届けたいなら必須!プロトタイプ機能を徹底解説 #1

【提言】AIが“デザインの重要性”を爆上げしている理由 → Figma CEOの発言から導く3つの行動

【提言】AIが“デザインの重要性”を爆上げしている理由 → Figma CEOの発言から導く3つの行動

【Figma初級#4】オートレイアウトをフルに使ってナビゲーションを完成させよう - Figmaの使い方チュートリアル

【Figma初級#4】オートレイアウトをフルに使ってナビゲーションを完成させよう - Figmaの使い方チュートリアル

【未経験OK】UI/UXデザイナーになる勉強法2023年版、完全解説!現役デザイナーが考える学習計画はコレです。

【未経験OK】UI/UXデザイナーになる勉強法2023年版、完全解説!現役デザイナーが考える学習計画はコレです。

【20分マスター講座】Figmaオートレイアウト機能!

【20分マスター講座】Figmaオートレイアウト機能!

【Figma】何で必要?オートレイアウトの使い方、完全解説してみた。【チュートリアル付】

【Figma】何で必要?オートレイアウトの使い方、完全解説してみた。【チュートリアル付】

Figmaオートレイアウトの使い方を15分で学ぼう(2023年版)

Figmaオートレイアウトの使い方を15分で学ぼう(2023年版)

© 2025 ycliper. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]