コンテンツ
ロードマップ
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パターン
基本UIパターン
の動画
基本UIパターン
みんなが「重要だよ」と言う、"ガイドライン"の履修をはじめよう
今日から使える"Material Design"
・
November 28, 2023
基本UIパターン
【Material Design】"コンテンツ"を分類する「TabUI」のきほん
今日から使える"Material Design"
・
September 6, 2023
基本UIパターン
【Material Design】3つある「選択UI」の違いを理解するぞ!
今日から使える"Material Design"
・
April 20, 2024
基本UIパターン
【Material Design】クイズで深める"TabUI" / HIGでTabってある?
今日から使える"Material Design"
・
September 6, 2023
基本UIパターン
【Material Design】使い分けできる?選択する時に使う3種類の選択UIを解説
今日から使える"Material Design"
・
October 12, 2023
基本UIパターン
【Material Design】道案内の定番UI「Navigation Bar」
今日から使える"Material Design"
・
November 3, 2023
基本UIパターン
【Material Design】コンテンツのUI表現の代表パターン「CardUI」
今日から使える"Material Design"
・
November 5, 2023
基本UIパターン
#9 検索UIデザインの基本
ゼロからはじめるUIビジュアル
・
April 3, 2024
基本UIパターン
#8 フィルターUIデザインの基本
ゼロからはじめるUIビジュアル
・
April 3, 2024
基本UIパターン
#7後編 : 選択メニューUIをデザインして、カテゴリ選択を作ろう
ゼロからはじめるUIビジュアル
・
April 3, 2024
基本UIパターン
UIの質の上げ方:テーブルUIをデザインする
ゼロからはじめるUI情報設計
・
October 30, 2024
基本UIパターン
UI情報構造のデザインをトレースで実践学習
ゼロからはじめるUI情報設計
・
September 5, 2023
基本UIパターン
3-5.ボーダーの基本
UIビジュアル基礎
・
April 18, 2023
基本UIパターン
ヘッダーナビのデザインは基本のUIの型をまずは真似しよう
・
April 18, 2023
基本UIパターン
ボトムナビゲーションをデザインしよう【アイコンは正方形で配置】
はじめてのUIデザイン
・
April 3, 2024
基本UIパターン
5.チャットUIをデザインしよう【人の目線は右と左どちらから始まる?】
はじめてのUIデザイン
・
April 3, 2024
基本UIパターン
メッセージリストUIをデザイン【余白のサイズはルールで決める】
はじめてのUIデザイン
・
April 3, 2024
基本UIパターン
2.ヘッダーUIをデザインしよう
はじめてのUIデザイン
・
April 3, 2024
基本UIパターン
DAY6 : 解説
DailyUI 音声SNS
・
April 3, 2024
基本UIパターン
DAY5 :解説
DailyUI 音声SNS
・
April 3, 2024
基本UIパターン
DAY4解説 - ”探す”画面UI
DailyUI 音声SNS
・
April 3, 2024
基本UIパターン
DAY3 : 解説
DailyUI 音声SNS
・
April 3, 2024
基本UIパターン
Day1 補足 - フォームUIの基礎を知ろう
DailyUI 音声SNS
・
April 3, 2024
基本UIパターン
Day1 解説 : 新規登録UIの基本、作成したUIのポイント
DailyUI 音声SNS
・
April 3, 2024
Previous
Next