コンテンツ
ロードマップ
UIデザイナー転職ロードマップ
未経験からでも目指せる道のり
1年目活躍ロードマップβ
作成中...
お役立ち
キャリアマップβ
UI/UXデザイナー向け
UXUIFigmaビジュアルキャリア
特徴・使い方
サービス
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
利用規約プライバシーポリシー特定商取引法にに基づく表示お問い合わせ
Copyright ©︎ BONO All Right Reserved.