メニュー
k
takumi.kai.skywalker@gmail.com
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
ログイン
プラン/料金
BONOについて
よくある質問
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
コンテンツ
ロードマップ
コミュニティ
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
保存した動画
/
5
Career
【転職話】UI/UXデザイナーの面接で気をつけること/エージェントの使い方/ポートフォリオと受ける会社/相談できるメンバーは大切
キャリア相談まとめ
・
April 11, 2024
比較と仕上げ:パターンの違いから学んで、デザインを仕上げる!
バナーデザイン入門
・
April 11, 2024
【パターン3】上下反対のレイアウトのパターンを作ろう
バナーデザイン入門
・
April 24, 2024
【パターン2】文字被せレイアウト:新しいレイアウトで伝わり方の違いを体験しよう
バナーデザイン入門
・
April 11, 2024
【パターン1】レイアウトテクを使ってパターンをデザインしよう
バナーデザイン入門
・
April 11, 2024
伝わるレイアウト:パターンをデザインして伝わり方の変化を学ぼう
バナーデザイン入門
・
March 29, 2024
#4 配色&装飾:伝わる雰囲気をつくるグラフィックのデザインテクニック
バナーデザイン入門
・
March 29, 2024
#3 文字:伝える文言でデザインは劇的に変わります。レイアウトの質を上げる優先度の付け方
バナーデザイン入門
・
March 29, 2024
#2 レイアウト:崩れないデザインの土台を作る方法をマスターしよう
バナーデザイン入門
・
March 29, 2024
#1 綺麗なバナーに必須の基本原則10個を紹介!ブログのサムネイルをデザインしていこう
バナーデザイン入門
・
March 29, 2024
【新コース紹介】バナーデザイン入門コース!プロの進め方が全部見れる、デザイン基本原則を作りながら習得するグラフィックチュートリアル
バナーデザイン入門
・
March 25, 2024
Career
【シリーズ紹介】デザイナーはUIだけ考えてても、ユーザーに貢献できるわけではない
UIデザイナー1年目の立ち回り
・
March 12, 2024
次へ
動画を保存しよう
最大
5つ
まで保存できます! 気になった/次に見たい動画を 保存すると、すぐにアクセスできるよ
動画を探す
閉じる
Button Text
takumi.kai.skywalker@gmail.com
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
ログイン
プラン/料金
BONOについて
よくある質問
コンテンツ
メンバーになると?
ロードマップ
コミュニティ
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
登録
登録
質問しよう
コミュニティで
質問チャンネルで疑問や不安を投稿してみよう
勉強会で
60分の勉強会テーマにして、詳しく解説してもらう
シリーズ一覧
最新動画
UIデザイン
UIデザイン
UIデザイン トップへ
閉じる
インタラクションデザイン
ユーザーに沿って情報体験を設計
🌙
UIパターン
UIに必要な要素を定義
UI要件
OOUI/モデリング
ユーザーシナリオ
ユーザー行動フロー
🔍
プロトタイピング
決定前にUI検証
ユーザビリティテスト
UIパターン検証
❗️
UIパターン
基本表現パターン
基本UIパターン
デザインガイドライン
ナビゲーション
モード
ビジュアルデザイン
使いやすさと印象をデザイン
✂️
UIレイアウト
UIに必要な要素を定義
レイアウト
レスポンシブデザイン
階層/構造
✌️
UIビジュアル
伝達に作用する設計
ビジュアルシステム
タイポグラフィ
UI配色
🛠
ツール
基本表現パターン
Figma
UXデザイン
UXデザイン
カテゴリトップへ
閉じる
リサーチ/顧客定義
ユーザーに沿って情報体験を設計
🌙
ユーザーリサーチ
顧客からデザインを始める
ユーザーヒアリング
カスタマージャーニーマップ
🔍
顧客定義
誰のためになぜを決める
ペルソナ
課題の定義法
アイデア作成/検証
使いやすさと印象をデザイン
✂️
価値定義
価値は相手の変化量
レイアウト
レスポンシブデザイン
階層/構造
✌️
施策アイデア
解決策をデザインする
ドキュメンテーション
解決アイデア
キャリア
BONOラジ
要件定義
ホーム
ツール
Figma
Figma
の動画
Figma
【Figmaプロトタイプ機能】アニメーションとオーバーレイでプロトタイプ機能を使いこなす
・
November 22, 2023
Figma
【Variabelsでサイトデザイン】変数を登録してデザイン/モード切り替えでレスポンシブ対応しよう
・
November 22, 2023
Figma
【Figma】Wrap機能解説/レスポンシブなデータをFigmaで作成するチュートリアル【無料】
・
August 19, 2023
Figma
#8 ついに完成!Figmaになれたら次にやるべきUIデザインの勉強法!
Figma初級
・
August 8, 2023
Figma
#7 コンポーネントとして繰り返し使えるツイートUIをデザインしよう - Figmaの使い方チュートリアル
Figma初級
・
August 8, 2023
Figma
#6 『ツイート作成』UIをデザインしよう!しよう - Figmaの使い方チュートリアル
Figma初級
・
June 16, 2023
Figma
#5 オートレイアウトを使って『リスト切り替えUI』をデザインしよう! - Figmaの使い方チュートリアル
Figma初級
・
June 16, 2023
Figma
#4 オートレイアウトをフルに使ってナビゲーションを完成させよう - Figmaの使い方チュートリアル
Figma初級
・
October 29, 2023
Figma
#3 コンポーネント機能の使い方 / ネスト状態にしてアイコンを切り替えられるようにしよう - Figmaの使い方チュートリアル
Figma初級
・
August 15, 2023
Figma
#2UIで大事な構造を学ぶ / オートレイアウトでListItemをデザインしよう! - Figmaの使い方チュートリアル
Figma初級
・
September 24, 2023
Figma
#1UIトレースで学ぶFigmaの使い方!オートレイアウトとコンポーネントをマスターして作業効率UP&UIの基本をマスターする
Figma初級
・
August 25, 2023
Figma
#14:アニメーション機能 - 本物かのように動くアニメーションをUIに付ける方法【Figma入門】
Figma入門
・
September 26, 2023
Figma
#13:コンポーネント機能 - UIを部品として効率よく設計しよう【Figma入門】
Figma入門
・
June 16, 2023
Figma
#12:オートレイアウト機能 - 繰り返しのUIレイアウトが抜群にラクになる方法を解説【Figma入門】
Figma入門
・
June 16, 2023
Figma
#11:プロトタイプ機能 - ホバーや遷移を付けて画面を触れる形にデザインしよう【Figma入門】
Figma入門
・
June 16, 2023
Figma
#10:カラーパレット機能 - 良く使う色を登録して効率よく、一貫した配色を可能にしよう【Figma入門】
Figma入門
・
June 16, 2023
Figma
#9: 動画閲覧ページを作る_UIづくりテクニックの総集編です【Figma入門】
Figma入門
・
June 16, 2023
Figma
#8:動画コンテンツのUIデザイン。画像のマスクと境界線の使い方【Figma入門】
Figma入門
・
June 16, 2023
Figma
#7:ボトムナビゲーションの作り方。繰り返しのパーツ/アイコン設置【Figma入門】
Figma入門
・
June 16, 2023
Figma
#6:コンポーネント、ロゴ、アイコンを使ってヘッダーUIをデザインする【Figma入門】
Figma入門
・
June 16, 2023
Figma
【Figma】使い方講座#5:YoutubeUIをつくる!! - アニメーションやオートレイアウト機能などもカバーするUI編のコンテンツを紹介
Figma入門
・
July 1, 2023
Figma
【Figma】使い方講座#4:バナーをつくろう! - サイズの調整方法を身につけてバナーを完成させる
Figma入門
・
October 23, 2023
Figma
使い方講座#3:バナーをつくろう!- オブジェクトの配置&ツールの構造を知る
Figma入門
・
October 2, 2023
Figma
使い方講座#2:バナーをつくろう! - デザインする前にセットアップ。管理画面の使い方を知る
Figma入門
・
October 2, 2023
Next
最大「5」つまで保存できるよ。動画をまずは消化するのだっ!
閉じる