コンテンツ
ロードマップ
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とは
ログアウト
お問い合わせ
マイページ
アカウント
保存した動画
アカウント設定
変更する
メールアドレスの変更
xxxx@gmail.com
変更する
パスワードの変更
ボタン→Change Password
パスワード変更
メンバーシップについて
変更する
プランの確認
現在 : スタンダードプラン-1ヶ月
現在 : スタンダードプラン-3ヶ月
現在 : グロースプラン-1ヶ月
現在 : グロースプラン-3ヶ月
現在 : Under100プラン
現在 : コミュニティプラン
プラン確認
支払い方法の確認/変更
支払い変更
領収書の確認
インボイスの履歴から。※ 30日でDL期間が終了します
領収書確認
プランの停止
プラン確認画面から、停止を選択できます
プラン確認
ログアウト
ボタンを押すとログアウトできます
ログアウト
ゴールダイレクトで顧客の課題を見つける2ステップ
Text Link
♡保存
💚保存済み
保存中...
ゴールダイレクトの成功指標:課題と要因を明確にする
Text Link
♡保存
💚保存済み
保存中...
【転職】グラフィックからUI/UXデザイナーへ転身:ZINさんのスキル獲得から会社選びまでのストーリー
Text Link
♡保存
💚保存済み
保存中...
【未経験転職】広告代理店ディレクターからUI/UXデザイナーへ転身:Tadaさんの戦略的無職の学習法
Text Link
♡保存
💚保存済み
保存中...
4.ゴールダイレクトデザインの使い方
Text Link
♡保存
💚保存済み
保存中...
3.ゴールダイレクトデザインとは
Text Link
♡保存
💚保存済み
保存中...
2.顧客価値とは?それは相手の変化量!
Text Link
♡保存
💚保存済み
保存中...
UXデザインとは?顧客価値をデザインすること
Text Link
♡保存
💚保存済み
保存中...
3つのNG事例で学ぶ配色のセオリー
Text Link
♡保存
💚保存済み
保存中...
配色の基本をマスター!理論から実践までわかる初心者向け配色講座
Text Link
♡保存
💚保存済み
保存中...
バナーデザイン成功の黄金TIPS : 伝わる”余白”の3TIPS
Text Link
♡保存
💚保存済み
保存中...
デザイン成功の黄金TIPS : 進め方・配置の7テクニック
Text Link
♡保存
💚保存済み
保存中...
【全体像】脱デザイン初心者の『デザイン成功の黄金13TIPS』
Text Link
♡保存
💚保存済み
保存中...
デザインする前にラフでデザインアイデアを発散しよう
Text Link
♡保存
💚保存済み
保存中...
デザイン前に”目的”を整理する理由
Text Link
♡保存
💚保存済み
保存中...
集めたデザインでアイデアを出しやすくする分類術
Text Link
♡保存
💚保存済み
保存中...
”イケてる”、”出したい雰囲気”のデザインを集めて、クオリティUP
Text Link
♡保存
💚保存済み
保存中...
デザイン前にやるべき参考デザイン集め - ふつうを集めよう
Text Link
♡保存
💚保存済み
保存中...
【センスは知識から】デザイン前に参考デザインを集めるの上達を加速する3つの理由
Text Link
♡保存
💚保存済み
保存中...
【基本】デザイン上達の秘訣、「構造分解」のやり方をシェアします
Text Link
♡保存
💚保存済み
保存中...
バナーデザイン基本の流れ - デザイン原則と審美眼を身につける7ステップ
Text Link
♡保存
💚保存済み
保存中...
STEP4 装飾で仕上げる
Text Link
♡保存
💚保存済み
保存中...
STEP3 自分で評価する ※制作予定
Text Link
♡保存
💚保存済み
保存中...
STEP2-2 基本原則でデザイン開始 ※制作中
Text Link
♡保存
💚保存済み
保存中...
STEP2-1 ラフアイデアで発散
Text Link
♡保存
💚保存済み
保存中...
STEP1 参考を集める
Text Link
♡保存
💚保存済み
保存中...
【転職話】UI/UXデザイナーの面接で気をつけること/エージェントの使い方/ポートフォリオと受ける会社/相談できるメンバーは大切
Text Link
♡保存
💚保存済み
保存中...
比較と仕上げ:パターンの違いから学んで、デザインを仕上げる!
Text Link
♡保存
💚保存済み
保存中...
【パターン3】上下反対のレイアウトのパターンを作ろう
Text Link
♡保存
💚保存済み
保存中...
1度作ったUIは質上げしよう
Text Link
♡保存
💚保存済み
保存中...
3. モーダルを理解しよう
Text Link
♡保存
💚保存済み
保存中...
2. 階層ナビを理解しよう
Text Link
♡保存
💚保存済み
保存中...
1. グロナビを理解しよう
Text Link
♡保存
💚保存済み
保存中...
サービスの道案内『ナビゲーション』の基礎
Text Link
♡保存
💚保存済み
保存中...
DAY6 設定画面
Text Link
♡保存
💚保存済み
保存中...
DAY5 通知画面のデザイン
Text Link
♡保存
💚保存済み
保存中...
DAY4 さがす画面のデザイン
Text Link
♡保存
💚保存済み
保存中...
DAY3 投稿作成フローをデザイン
Text Link
♡保存
💚保存済み
保存中...
DAY2 フィードUIをデザイン
Text Link
♡保存
💚保存済み
保存中...
DAY1 登録UIをデザイン
Text Link
♡保存
💚保存済み
保存中...
ビジュアル基礎を使ってUIチャレンジ
Text Link
♡保存
💚保存済み
保存中...
お疲れ!👏継続してつくる力を鍛える
Text Link
♡保存
💚保存済み
保存中...
フィルタ・検索のUIデザイン
Text Link
♡保存
💚保存済み
保存中...
作成アクションのUIデザイン
Text Link
♡保存
💚保存済み
保存中...
4. ナビゲーションをデザイン
Text Link
♡保存
💚保存済み
保存中...
3. チャット画面をデザイン
Text Link
♡保存
💚保存済み
保存中...
2. トーク画面をデザイン
Text Link
♡保存
💚保存済み
保存中...
1. UIデザインの概要を手を動かしながら知ろう
Text Link
♡保存
💚保存済み
保存中...
【パターン2】文字被せレイアウト:新しいレイアウトで伝わり方の違いを体験しよう
Text Link
♡保存
💚保存済み
保存中...
【パターン1】レイアウトテクを使ってパターンをデザインしよう
Text Link
♡保存
💚保存済み
保存中...
伝わるレイアウト:パターンをデザインして伝わり方の変化を学ぼう
Text Link
♡保存
💚保存済み
保存中...
【実践】基本原則でパターンをデザインしてみる
Text Link
♡保存
💚保存済み
保存中...
まずは『ブログサムネイル』で基本を実践
Text Link
♡保存
💚保存済み
保存中...
#4 配色&装飾:伝わる雰囲気をつくるグラフィックのデザインテクニック
Text Link
♡保存
💚保存済み
保存中...
#3 文字:伝える文言でデザインは劇的に変わります。レイアウトの質を上げる優先度の付け方
Text Link
♡保存
💚保存済み
保存中...
#2 レイアウト:崩れないデザインの土台を作る方法をマスターしよう
Text Link
♡保存
💚保存済み
保存中...
#1 綺麗なバナーに必須の基本原則10個を紹介!ブログのサムネイルをデザインしていこう
Text Link
♡保存
💚保存済み
保存中...
【新コース紹介】バナーデザイン入門コース!プロの進め方が全部見れる、デザイン基本原則を作りながら習得するグラフィックチュートリアル
Text Link
♡保存
💚保存済み
保存中...
整うグラフィックのつくり方をマスターしよう
Text Link
♡保存
💚保存済み
保存中...
【シリーズ紹介】デザイナーはUIだけ考えてても、ユーザーに貢献できるわけではない
Text Link
♡保存
💚保存済み
保存中...
【シリーズ紹介】UIのどこに何を配置するか迷う?UIの基本概念で解決しよう
Text Link
♡保存
💚保存済み
保存中...
【未経験からの転職話】子育てしながらの独学話 / デザイン対象を工夫して学習モチベに変換する方法 / ポートフォリオで意識したこと/ユーザーに心折られた話
Text Link
♡保存
💚保存済み
保存中...
【未経験からの転職話】働きながらデザインを独学する方法/情報は自分で人に取りにいく/フィードバックでスキルアップ
Text Link
♡保存
💚保存済み
保存中...
5. デザインの伝え方
Text Link
♡保存
💚保存済み
保存中...
【デザイン共有】MTGでの伝え方を実演してみた
Text Link
♡保存
💚保存済み
保存中...
【デザイン共有】3つのポイントを押さえるデザインドキュメントの作り方
Text Link
♡保存
💚保存済み
保存中...
【ラジオ】AI時代のデザイナーサバイバルバルガイド
Text Link
♡保存
💚保存済み
保存中...
3種のモーダルの違い分かる?新米UIデザイナー必見!モーダルUIの基本とUIリサーチ方法
Text Link
♡保存
💚保存済み
保存中...
ユーザー心をつかむUIの作り方:15パターン検討で、コンテンツUI表現の模索を全部見せ
Text Link
♡保存
💚保存済み
保存中...
5 : 『コンテンツ』がUIの中心
Text Link
♡保存
💚保存済み
保存中...
UIデザインって〇〇が中心なのよ〜。基本を知って、見た目じゃ使いづらくなる理由を知ろう
Text Link
♡保存
💚保存済み
保存中...
【ラジオ】目に見えないものをデザインする。世の中だいたい俺たちの気分次第
Text Link
♡保存
💚保存済み
保存中...
【ラジオ】年収700万から手取り18万になった理由。何のためにデザインをしたいのか。キャリア選択の源泉
Text Link
♡保存
💚保存済み
保存中...
【BONO×転職】PR会社からUI/UXデザイナーに転職した話を聞く- 前編 / ポートフォリオのアウトプットは?どう勉強していた?
Text Link
♡保存
💚保存済み
保存中...
【BONO×転職】デザイン独学期間、1番辛かったことと楽しかったことは?/ポートフォリオの評価されたポイント/転職と面接、何社受けてどう進んだ?/
Text Link
♡保存
💚保存済み
保存中...
グラフィックデザイナーからマネージャーになるべきか?UI/UXに転身すべきか
Text Link
♡保存
💚保存済み
保存中...
【使いやすいUIの秘密】グロナビには〇〇を配置する。抑えるべきUIナビゲーションの3つの基本
Text Link
♡保存
💚保存済み
保存中...
アクション×情報設計 : ボタン地獄UIをどう改善する?
Text Link
♡保存
💚保存済み
保存中...
【お題】ナビゲーションの基本を使って改善してみよう
Text Link
♡保存
💚保存済み
保存中...
【使いやすいUIの秘密】UIで道案内!ナビゲーションの基本 / ユーザーの起点になる情報を配置する / 構造を整理する方法 / グロナビとは?
Text Link
♡保存
💚保存済み
保存中...
4 : 『ナビゲーション』の基本を習得しよう
Text Link
♡保存
💚保存済み
保存中...
【勉強会】ダメなUIから学ぶ"モード"の基本。モード切替は遷移ではない。モード中は別ユニバース。マリオは右に進む
Text Link
♡保存
💚保存済み
保存中...
デザイン課題の探求: 成功体験分析と顧客理解の重要性に焦点を当てたUI/UX勉強会の講演内容
Text Link
♡保存
💚保存済み
保存中...
デザインの多面性: YouTubeライブでのポートフォリオレビュー、ユーザー調査からUIの根拠まで
Text Link
♡保存
💚保存済み
保存中...
顧客中心のUI設計: 映画レビューサイトのユースケースと自然な画面遷移の重要性
Text Link
♡保存
💚保存済み
保存中...
ユーザーのニーズに応える: UI設計で重要な課題解決とユースケースの具体化
Text Link
♡保存
💚保存済み
保存中...
UXデザインにおけるゴール設定とユーザー行動理解の重要性: 行動フロー課題へのフィードバック
Text Link
♡保存
💚保存済み
保存中...
【FB】バナーは日本語の順番と主体を決めてデザインしよう
Text Link
♡保存
💚保存済み
保存中...
見た目と意図のギャップ: ポートフォリオUIデザインの明確化とユーザー中心のアプローチの必要性
Text Link
♡保存
💚保存済み
保存中...
顧客の深層理解とカスタマイズされた解決策:サービスデザインの鍵
Text Link
♡保存
💚保存済み
保存中...
【FB】ユーザーのニーズに応える: UI設計で重要な課題解決とユースケースの具体化
Text Link
♡保存
💚保存済み
保存中...
【お題解答】モードの切り替えを自然にする2つのパターンを紹介/アクションの意味とUIを一致させる
Text Link
♡保存
💚保存済み
保存中...
【モード×デザインお題】モード切り替えに失敗しているUIをデザインし直そう!
Text Link
♡保存
💚保存済み
保存中...
詳細ページのアクションを考えよう
Text Link
♡保存
💚保存済み
保存中...
【改善】なぜリストUIに常にボタンを表示するのは微妙なUIデザインなのか?
Text Link
♡保存
💚保存済み
保存中...
アクション×情報設計 : ボタン地獄UIをどう改善する?
Text Link
♡保存
💚保存済み
保存中...
【お題】ボタン地獄UIのアクションを改善しよう!
Text Link
♡保存
💚保存済み
保存中...
【使いやすいUIの秘密】"アクション"の基本 : ダメなUIデザインは、アクションと〇〇が離れすぎている
Text Link
♡保存
💚保存済み
保存中...
4 : 『アクション』の基本を習得しよう
Text Link
♡保存
💚保存済み
保存中...
【エンジニアとのズレ減らす】開発しやすいUIをデザインする3つのコツ
Text Link
♡保存
💚保存済み
保存中...
何も保存してないよ。保存しよう
Loading...