マイページ

【転職話】UI/UXデザイナーの面接で気をつけること/エージェントの使い方/ポートフォリオと受ける会社/相談できるメンバーは大切

比較と仕上げ:パターンの違いから学んで、デザインを仕上げる！

【パターン3】上下反対のレイアウトのパターンを作ろう

1度作ったUIは質上げしよう

3. モーダルを理解しよう

2. 階層ナビを理解しよう

1. グロナビを理解しよう

サービスの道案内『ナビゲーション』の基礎

DAY6 設定画面

DAY5 通知画面のデザイン

DAY4 さがす画面のデザイン

DAY3 投稿作成フローをデザイン

DAY2 フィードUIをデザイン

DAY1 登録UIをデザイン

ビジュアル基礎を使ってUIチャレンジ

お疲れ！👏継続してつくる力を鍛える

フィルタ・検索のUIデザイン

作成アクションのUIデザイン

4. ナビゲーションをデザイン

3. チャット画面をデザイン

2. トーク画面をデザイン

1. UIデザインの概要を手を動かしながら知ろう

【パターン2】文字被せレイアウト：新しいレイアウトで伝わり方の違いを体験しよう

【パターン1】レイアウトテクを使ってパターンをデザインしよう

伝わるレイアウト:パターンをデザインして伝わり方の変化を学ぼう

2. 『機能リリース』のサムネをデザイン

1. 『ブログサムネイル』で基本を学ぼう

#4 配色&装飾：伝わる雰囲気をつくるグラフィックのデザインテクニック

#3 文字：伝える文言でデザインは劇的に変わります。レイアウトの質を上げる優先度の付け方

#2 レイアウト：崩れないデザインの土台を作る方法をマスターしよう

#1 綺麗なバナーに必須の基本原則10個を紹介！ブログのサムネイルをデザインしていこう

【新コース紹介】バナーデザイン入門コース！プロの進め方が全部見れる、デザイン基本原則を作りながら習得するグラフィックチュートリアル

整うグラフィックのつくり方をマスターしよう

【シリーズ紹介】デザイナーはUIだけ考えてても、ユーザーに貢献できるわけではない

【シリーズ紹介】UIのどこに何を配置するか迷う？UIの基本概念で解決しよう

【未経験からの転職話】子育てしながらの独学話 / デザイン対象を工夫して学習モチベに変換する方法 / ポートフォリオで意識したこと/ユーザーに心折られた話

【未経験からの転職話】働きながらデザインを独学する方法/情報は自分で人に取りにいく/フィードバックでスキルアップ

5. デザインの伝え方

【デザイン共有】MTGでの伝え方を実演してみた

【デザイン共有】3つのポイントを押さえるデザインドキュメントの作り方

【ラジオ】AI時代のデザイナーサバイバルバルガイド

3種のモーダルの違い分かる？新米UIデザイナー必見！モーダルUIの基本とUIリサーチ方法

ユーザー心をつかむUIの作り方：15パターン検討で、コンテンツUI表現の模索を全部見せ

5 : 『コンテンツ』がUIの中心

UIデザインって〇〇が中心なのよ〜。基本を知って、見た目じゃ使いづらくなる理由を知ろう

【ラジオ】目に見えないものをデザインする。世の中だいたい俺たちの気分次第

【ラジオ】年収700万から手取り18万になった理由。何のためにデザインをしたいのか。キャリア選択の源泉

【BONO×転職】PR会社からUI/UXデザイナーに転職した話を聞く- 前編 / ポートフォリオのアウトプットは？どう勉強していた？

【BONO×転職】デザイン独学期間、1番辛かったことと楽しかったことは？/ポートフォリオの評価されたポイント/転職と面接、何社受けてどう進んだ？/

グラフィックデザイナーからマネージャーになるべきか？UI/UXに転身すべきか

【使いやすいUIの秘密】グロナビには〇〇を配置する。抑えるべきUIナビゲーションの3つの基本

アクション×情報設計 : ボタン地獄UIをどう改善する？

【お題】ナビゲーションの基本を使って改善してみよう

【使いやすいUIの秘密】UIで道案内！ナビゲーションの基本 / ユーザーの起点になる情報を配置する / 構造を整理する方法 / グロナビとは？

4 : 『ナビゲーション』の基本を習得しよう

【勉強会】ダメなUIから学ぶ"モード"の基本。モード切替は遷移ではない。モード中は別ユニバース。マリオは右に進む

デザイン課題の探求: 成功体験分析と顧客理解の重要性に焦点を当てたUI/UX勉強会の講演内容

デザインの多面性: YouTubeライブでのポートフォリオレビュー、ユーザー調査からUIの根拠まで

顧客中心のUI設計: 映画レビューサイトのユースケースと自然な画面遷移の重要性

ユーザーのニーズに応える: UI設計で重要な課題解決とユースケースの具体化

UXデザインにおけるゴール設定とユーザー行動理解の重要性: 行動フロー課題へのフィードバック

【FB】バナーは日本語の順番と主体を決めてデザインしよう

見た目と意図のギャップ: ポートフォリオUIデザインの明確化とユーザー中心のアプローチの必要性

顧客の深層理解とカスタマイズされた解決策：サービスデザインの鍵

【FB】ユーザーのニーズに応える: UI設計で重要な課題解決とユースケースの具体化

【お題解答】モードの切り替えを自然にする2つのパターンを紹介/アクションの意味とUIを一致させる

【モード×デザインお題】モード切り替えに失敗しているUIをデザインし直そう！

詳細ページのアクションを考えよう

【改善】なぜリストUIに常にボタンを表示するのは微妙なUIデザインなのか？

アクション×情報設計 : ボタン地獄UIをどう改善する？

【お題】ボタン地獄UIのアクションを改善しよう！

【使いやすいUIの秘密】"アクション"の基本 : ダメなUIデザインは、アクションと〇〇が離れすぎている

4 : 『アクション』の基本を習得しよう

【エンジニアとのズレ減らす】開発しやすいUIをデザインする3つのコツ

【エンジニアとのズレ減らす】開発しやすいUIをデザインする3つのコツ

コード書けなくてもOK! できるデザイナーがやってる『エンジニアリングに貢献するべき』5つの理由 / エンジニアと協業するための"仕組み化"、"デザインデータ"、"モチベ"の概念

4. 『エンジニアリングフェーズ』の立ち周り

「モード」の学びをまとめよう【テンプレ付き】

お題解答 NG UIを改善して、モードの基本を身につける

お題にチャレンジ！-モードを使ってUI改善しよう

【使いやすいUIの秘密】"モード"の基本 : NG UIを題材に知らないと陥るモードの罠を避け、UIデザインの基礎を身につけよう

3 : 『モード』の基本を習得しよう

「3構造」の学びをまとめよう【テンプレ付き】

使いやすいUIをデザインするための『6つの基本』を知ろう

1 : 『6つの基本』を抑えられてますか？

2 : 『3構造』UI構造の超基本

できる人は全てやってる、UI作成時の『UIデザイナー8つの強い立ち回り』

3. 『要件共有フェーズ』の立ち周り

2. 『UI作成フェーズ』の立ち回り

1. 現場でのデザイナーの役割を認識しよう

「3構造」を使ってUI改善解説！NGなUIをふつうにする理由を知ろう

お題にチャレンジ！-3構造を使ってUI改善してみよう

【使いやすいUIの秘密】何がダメかわかる？NGなUIで理解する、劇的にUIデザインの理解が進む『UI3構造』

【要件もらった時の5つの立ち回り】課題解決するデザイナーは要件からデザインする

新人デザイナーが要件共有で成功する立ち回り。ディレクターと協業して顧客目線にしていこう！

みんなが「重要だよ」と言う、"ガイドライン"の履修をはじめよう

1年目は意識してほしい、チームで成果を出すUIデザイナーの役割

【Material Design】"コンテンツ"を分類する「TabUI」のきほん

【Material Design】3つある「選択UI」の違いを理解するぞ！

【Material Design】クイズで深める"TabUI" / HIGでTabってある？