UIデザイン見た目のきほん
習得ロードマップ

ステップバイステップでUIデザインを一緒にしていくコンテンツ。 Todoアプリの主要画面を、やり方を真似しながらデザイン。作りながらUIデザインの基本原則を学びます

デザインで迷走しなくなる「正しい進め方」を、実践しながら体で覚えるAI時代にも必須な入門レッスンです。

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

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

デザインしながらUIの見た目を作る基本理解を進める実践型コンテンツ

UIを自分でデザインしながら基本パターンの解説をインプットできる基礎シリーズです