コンテンツ
ロードマップ
UIデザイナー転職ロードマップ
未経験からでも目指せる道のり
1年目活躍ロードマップβ
作成中...
お役立ち
キャリアマップβ
UI/UXデザイナー向け
UX
UI
Figma
ビジュアル
キャリア
特徴・使い方
サービス
BONOの特徴
BONOのサービスについて
料金プラン
プラン変更はいつでも可能
使い方
BONOの使い方
おすすめ使い方、コミュニティ参加方法
フィードバックのやり方
グロースプランのFBのほうほう方法
1on1-デザイン面談
無料で何回でも
運営のスタンス
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トレーニング
賃貸アプリを題材にUIデザイン。マテリアルデザインの「Component」をデザインしながら身につけられます。
動画数36本
お題4つ
出張申請ソフトをデザインしよう
出張申請ソフトの設計で情報設計の実践トレーニングができます。要件を満たす管理画面のUIデザインにチャレンジしよう
動画数36本
お題4つ
UIデザインの基本-応用
現場で使える考え方、流れ、組み立て方を身につけよう
動画数36本
お題4つ
情報設計を理解する
情報設計を学べるシリーズはこちら🙋♂
一覧で見る
UIデザインの基本
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
UIアイデア入門
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
UI PATTERN 入門
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
Material You 勉強会
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
UIの教科書 - マテリアルデザイン
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
OOUI コンテンツ中心のUI設計
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
ナビゲーションUIの基本
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
ゼロからはじめるUI情報設計
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
今日から使える"Material Design"
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
使いやすいUIの秘密
現場で使える考え方、流れ、組み
立て方を身につけよう
動画数36本
お題4つ
情報設計の動画
情報設計を学べる動画です
一覧で見る
お題解答 NG UIを改善して、モードの基本を身につける
使いやすいUIの秘密
・
情報設計
・
November 23, 2023
お題にチャレンジ!-モードを使ってUI改善しよう
使いやすいUIの秘密
・
情報設計
・
November 8, 2023
【使いやすいUIの秘密】"モード"の基本 : NG UIを題材に知らないと陥るモードの罠を避け、UIデザインの基礎を身につけよう
使いやすいUIの秘密
・
情報設計
・
November 9, 2023
「3構造」の学びをまとめよう【テンプレ付き】
使いやすいUIの秘密
・
情報設計
・
November 2, 2023
使いやすいUIをデザインするための『6つの基本』を知ろう
使いやすいUIの秘密
・
情報設計
・
March 12, 2024
「3構造」を使ってUI改善解説!NGなUIをふつうにする理由を知ろう
使いやすいUIの秘密
・
情報設計
・
October 21, 2023
お題にチャレンジ!-3構造を使ってUI改善してみよう
使いやすいUIの秘密
・
情報設計
・
November 9, 2023
【使いやすいUIの秘密】何がダメかわかる?NGなUIで理解する、劇的にUIデザインの理解が進む『UI3構造』
使いやすいUIの秘密
・
情報設計
・
October 20, 2023
みんなが「重要だよ」と言う、"ガイドライン"の履修をはじめよう
今日から使える"Material Design"
・
情報設計
・
November 28, 2023
【Material Design】"コンテンツ"を分類する「TabUI」のきほん
今日から使える"Material Design"
・
情報設計
・
September 6, 2023
【Material Design】3つある「選択UI」の違いを理解するぞ!
今日から使える"Material Design"
・
情報設計
・
April 20, 2024
【Material Design】クイズで深める"TabUI" / HIGでTabってある?
今日から使える"Material Design"
・
情報設計
・
September 6, 2023
【Material Design】使い分けできる?選択する時に使う3種類の選択UIを解説
今日から使える"Material Design"
・
情報設計
・
October 12, 2023
【Material Design】道案内の定番UI「Navigation Bar」
今日から使える"Material Design"
・
情報設計
・
November 3, 2023
【Material Design】コンテンツのUI表現の代表パターン「CardUI」
今日から使える"Material Design"
・
情報設計
・
November 5, 2023
UI/UXデザイナー必修。マテリアルデザインとは何か、おすすめのはじめ方
今日から使える"Material Design"
・
情報設計
・
October 10, 2023
前へ
次へ
最大「5」つまで保存できるよ。動画をまずは消化するのだっ!
閉じる