使いやすいUI体験をつくるための表現の基礎を身につけよう。

使いやすいUIデザインのための見た目の制作の基礎を習得できます
ユーザーに受け入れられるUIデザインの「制作の型」を習得します
悩みが楽しみになる「変化」を獲得しよう
余白や配色など何となくで根拠がない
使いやすいUI実現の「基本の型」を習得すると、自分で考えられる楽しさを得られます。
アウトプットの質の上げ方がわからない
"デザインの進め方"の型を習得して、リサーチからアイデアを立てデザインを良くしていく楽しさを手に入れよう
一般的に「良い」と言われるデザインがわからない
UIリサーチの手法を身につけ「良いデザイン」を探索してデザインを進める力を得ることができます
UIをチェックする視点がない
UIを形づくる"基礎構造"と"スタイル要素"を知ることで、見るべき項目を把握することできます。
「UI表現」の構築方法を身につけることで、「つくる楽しさ」が広がるよ
獲得を目指すもの
進め方の基本「デザインサイクル」
自分の力でデザインをどんどん良くしていける。「試行錯誤そのものが遊び」になるような"デザインの型"を身につけます
UIビジュアルの「きほん原則」
余白や配色など"使いやすいUIの表現の基礎"を得ることで、なんとなくではないUI制作の視点を持つことことができます
表現センスの鍛え方
UIリサーチを通した制作方法を身につけて、「なんとなく」が「根拠」に変わっていくワクワクするデザインを行えるようになります。
実践的なUIデザインの進め方
UI制作の進め方を実践動画を真似して知ることで、自然と現場を意識したデザインを進められるようになります
ステップに沿って、順番にスキル習得を目指しましょう
ステップ
01
ステップ
02
ステップ
03

レッスン
はじめてでも、センスに頼らず「使いやすいUI」がつくれるこのレッスンは、UIデザインをゼロから学ぶ人のために「3構造」でUIデザインを解説するものです。「なんとなく配置してしまう」「どこに何を置けばいいかわからない」──初心者がなんとなく見てしまうUIデザイン、“構造”という視点からスッキリ解説していきます。最初の一歩となるこのレッスンでは、UIをつくる上で最も大切な3つの要素、**「コンテンツ・ナビゲーション・アクション」**を学びます。この3つを意識するだけで、画面のレイアウトも、見せ方も、操作のしやすさも体系的にデザインを考えやすくなります。「UIってこうやって考えるのか!」を早い段階から知ることでUIデザインの成長速度を高めましょう。

レッスン
UIデザインの基本になるフォント選び・サイズ・選択の法則

レッスン
デザインしながらUIの見た目を作る基本理解を進める実践型コンテンツ
ステップ
04
「UIデザイン見た目のきほん|習得ロードマップ」を完了しました!
お疲れさまでした!
学びの旅を一緒に歩んでくれてありがとう。
お茶でも一息ついてください 🍵
よかったら学びの過程と成果をブログにまとめて
旅をセーブしましょう 📝

UIトレースを通じてFigma操作の基本を習得し、UIデザインをはじめることができます

使いやすいUIをつくるための情報設計の基本を習得。ユーザーと目的に合致したUIデザインの検討と実現方法を学びます。

「ユーザーリサーチ」を中心にした課題解決のデザイン手法を学びます。インタビューから価値定義まで、実践的なUXデザインプロセスを習得します。
使いやすいUI体験をつくるための表現の基礎を身につけよう。

使いやすいUIデザインのための見た目の制作の基礎を習得できます
ユーザーに受け入れられるUIデザインの「制作の型」を習得します
悩みが楽しみになる「変化」を獲得しよう
余白や配色など何となくで根拠がない
使いやすいUI実現の「基本の型」を習得すると、自分で考えられる楽しさを得られます。
アウトプットの質の上げ方がわからない
"デザインの進め方"の型を習得して、リサーチからアイデアを立てデザインを良くしていく楽しさを手に入れよう
一般的に「良い」と言われるデザインがわからない
UIリサーチの手法を身につけ「良いデザイン」を探索してデザインを進める力を得ることができます
UIをチェックする視点がない
UIを形づくる"基礎構造"と"スタイル要素"を知ることで、見るべき項目を把握することできます。
「UI表現」の構築方法を身につけることで、「つくる楽しさ」が広がるよ
獲得を目指すもの
進め方の基本「デザインサイクル」
自分の力でデザインをどんどん良くしていける。「試行錯誤そのものが遊び」になるような"デザインの型"を身につけます
UIビジュアルの「きほん原則」
余白や配色など"使いやすいUIの表現の基礎"を得ることで、なんとなくではないUI制作の視点を持つことことができます
表現センスの鍛え方
UIリサーチを通した制作方法を身につけて、「なんとなく」が「根拠」に変わっていくワクワクするデザインを行えるようになります。
実践的なUIデザインの進め方
UI制作の進め方を実践動画を真似して知ることで、自然と現場を意識したデザインを進められるようになります
ステップに沿って、順番にスキル習得を目指しましょう
ステップ
01
ステップ
02
ステップ
03

レッスン
はじめてでも、センスに頼らず「使いやすいUI」がつくれるこのレッスンは、UIデザインをゼロから学ぶ人のために「3構造」でUIデザインを解説するものです。「なんとなく配置してしまう」「どこに何を置けばいいかわからない」──初心者がなんとなく見てしまうUIデザイン、“構造”という視点からスッキリ解説していきます。最初の一歩となるこのレッスンでは、UIをつくる上で最も大切な3つの要素、**「コンテンツ・ナビゲーション・アクション」**を学びます。この3つを意識するだけで、画面のレイアウトも、見せ方も、操作のしやすさも体系的にデザインを考えやすくなります。「UIってこうやって考えるのか!」を早い段階から知ることでUIデザインの成長速度を高めましょう。

レッスン
UIデザインの基本になるフォント選び・サイズ・選択の法則

レッスン
デザインしながらUIの見た目を作る基本理解を進める実践型コンテンツ
ステップ
04
「UIデザイン見た目のきほん|習得ロードマップ」を完了しました!
お疲れさまでした!
学びの旅を一緒に歩んでくれてありがとう。
お茶でも一息ついてください 🍵
よかったら学びの過程と成果をブログにまとめて
旅をセーブしましょう 📝

UIトレースを通じてFigma操作の基本を習得し、UIデザインをはじめることができます

使いやすいUIをつくるための情報設計の基本を習得。ユーザーと目的に合致したUIデザインの検討と実現方法を学びます。

「ユーザーリサーチ」を中心にした課題解決のデザイン手法を学びます。インタビューから価値定義まで、実践的なUXデザインプロセスを習得します。