コンテンツ
ロードマップ
UIデザイナー転職ロードマップ
未経験からでも目指せる道のり
1年目活躍ロードマップβ
作成中...
お役立ち
キャリアマップβ
UI/UXデザイナー向け
UX
UI
Figma
ビジュアル
キャリア
特徴・使い方
サービス
BONOの特徴
BONOのサービスについて
料金プラン
プラン変更はいつでも可能
使い方
BONOの使い方
おすすめ使い方、コミュニティ参加方法
フィードバックのやり方
グロースプランのFBのほうほう方法
運営のスタンス
BONOをやる理由
ラジオ
ログイン
質問・添削
質問ページ
添削・相談とは
takumi.kai.skywalker@gmail.com
ログイン
始める
メニュー
k
takumi.kai.skywalker@gmail.com
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
シリーズ一覧
最新動画
UIデザイン
UIデザイン
UIデザイン トップへ
閉じる
インタラクションデザイン
ユーザーに沿って情報体験を設計
🌙
UIパターン
UIに必要な要素を定義
UI要件
OOUI/モデリング
ユーザーシナリオ
ユーザー行動フロー
🔍
プロトタイピング
決定前にUI検証
ユーザビリティテスト
UIパターン検証
❗️
UIパターン
基本表現パターン
基本UIパターン
デザインガイドライン
ナビゲーション
モード
ビジュアルデザイン
使いやすさと印象をデザイン
✂️
UIレイアウト
UIに必要な要素を定義
レイアウト
レスポンシブデザイン
階層/構造
✌️
UIビジュアル
伝達に作用する設計
ビジュアルシステム
タイポグラフィ
UI配色
🛠
ツール
基本表現パターン
Figma
UXデザイン
UXデザイン
カテゴリトップへ
閉じる
リサーチ/顧客定義
ユーザーに沿って情報体験を設計
🌙
ユーザーリサーチ
顧客からデザインを始める
ユーザーヒアリング
カスタマージャーニーマップ
🔍
顧客定義
誰のためになぜを決める
ペルソナ
課題の定義法
アイデア作成/検証
使いやすさと印象をデザイン
✂️
価値定義
価値は相手の変化量
レイアウト
レスポンシブデザイン
階層/構造
✌️
施策アイデア
解決策をデザインする
ドキュメンテーション
解決アイデア
キャリア
BONOラジ
要件定義
ホーム
UIデザイン
レイアウト
レイアウト
の動画
レイアウト
まとめと次のステップ
「3構造」ではじめるUIデザイン入門
・
June 17, 2025
レイアウト
実践理解② 解説したUIをトレースしてみよう
「3構造」ではじめるUIデザイン入門
・
June 17, 2025
レイアウト
実践理解!3構造でYouTubeをUIトレース
「3構造」ではじめるUIデザイン入門
・
June 17, 2025
レイアウト
事例で理解!UIデザイン3構造:Notion Mailのデザインを分析しよう
「3構造」ではじめるUIデザイン入門
・
June 17, 2025
レイアウト
InstagramのUIデザインを「3構造」で分析してみた
「3構造」ではじめるUIデザイン入門
・
June 18, 2025
レイアウト
【初心者】UIデザインはこの3つで決まる!『3構造』を徹底解説
「3構造」ではじめるUIデザイン入門
・
June 16, 2025
レイアウト
「3構造」レッスンで得られるもの・進め方
「3構造」ではじめるUIデザイン入門
・
June 16, 2025
レイアウト
#7前編 : タスク作成機能をデザインして、アクションの基本を学ぼう
ゼロからはじめるUIビジュアル
・
April 3, 2024
レイアウト
#6 : 全く別テイストにUIを変更する方法を教えます
ゼロからはじめるUIビジュアル
・
April 3, 2024
レイアウト
#5 : 神は細部に宿る..作成したホームUIをブラッシュアップする
ゼロからはじめるUIビジュアル
・
April 3, 2024
レイアウト
#4 : アクションエリアをデザイン
ゼロからはじめるUIビジュアル
・
December 3, 2023
レイアウト
#3 : Todoブロックをデザインしよう
ゼロからはじめるUIビジュアル
・
December 4, 2023
レイアウト
#2 : ヘッダーUIをデザインしよう
ゼロからはじめるUIビジュアル
・
October 6, 2023
レイアウト
UI見た目の基本原則 #1 : 作りながら”美しさ”と”使いやすさ”が両立するUIのコツを学んじゃお!
ゼロからはじめるUIビジュアル
・
November 20, 2023
レイアウト
UIをブラッシュアップする方法:詳細ページの完成UIを紹介
ゼロからはじめるUI情報設計
・
October 30, 2024
レイアウト
UI考察:クラウドファンディングサービス比較で情報設計を学ぼう
・
April 14, 2023
レイアウト
【解説】TRY2解答
UIビジュアル基礎
・
August 23, 2023
レイアウト
【5分】TRY2解答 システムを適応して見た目を整える
UIビジュアル基礎
・
September 20, 2023
レイアウト
3-4.グリッド - 統一感あるサイズ簡単に組むテクニック
UIビジュアル基礎
・
October 24, 2023
レイアウト
TRY3:レイアウト解答
UIビジュアル基礎
・
September 20, 2023
レイアウト
3-3.余白は論理でサイズと種類を決めよう
UIビジュアル基礎
・
July 20, 2023
レイアウト
TRY3:動画詳細UIをリデザイン!
UIビジュアル基礎
・
October 8, 2023
レイアウト
理由を持って余白サイズを決める方法
・
July 20, 2023
レイアウト
フォントや余白のサイズを決める方法【構造整理】
・
August 23, 2023
Next