コンテンツ
ロードマップ
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つ
情報設計の動画
情報設計を学べる動画です
一覧で見る
1.どっちがよいUI?なぜコンテンツ中心設計がユーザーを満足させやすいのか
OOUI コンテンツ中心のUI設計
・
情報設計
・
October 12, 2023
ページ同士の関係性とボトムナビのデザインを解説【ページ間の移動考えたことありますか?】
はじめてのUIデザイン
・
情報設計
・
April 3, 2024
ボトムナビゲーションをデザインしよう【アイコンは正方形で配置】
はじめてのUIデザイン
・
情報設計
・
April 3, 2024
5.チャットUIをデザインしよう【人の目線は右と左どちらから始まる?】
はじめてのUIデザイン
・
情報設計
・
April 3, 2024
メッセージリストUIをデザイン【余白のサイズはルールで決める】
はじめてのUIデザイン
・
情報設計
・
April 3, 2024
2.ヘッダーUIをデザインしよう
はじめてのUIデザイン
・
情報設計
・
April 3, 2024
Material.ioの読み方
UIの教科書 - マテリアルデザイン
・
情報設計
・
April 18, 2023
DAY6 : 解説
DailyUI 音声SNS
・
情報設計
・
April 3, 2024
DAY5 :解説
DailyUI 音声SNS
・
情報設計
・
April 3, 2024
DAY4解説 - ”探す”画面UI
DailyUI 音声SNS
・
情報設計
・
April 3, 2024
DAY3 : 解説
DailyUI 音声SNS
・
情報設計
・
April 3, 2024
質問-システム思考を学ぶにはどうしたらいいですか?
・
情報設計
・
April 18, 2023
状態によっUIの形が勝手に変わる?
・
情報設計
・
April 18, 2023
Material Youの最大の変化を解説
Material You 勉強会
・
情報設計
・
April 18, 2023
そもそもMaterial Designとは何か
Material You 勉強会
・
情報設計
・
April 18, 2023
Day1 補足 - フォームUIの基礎を知ろう
DailyUI 音声SNS
・
情報設計
・
April 3, 2024
前へ
次へ
最大「5」つまで保存できるよ。動画をまずは消化するのだっ!
閉じる