UIデザインを気軽に学ぶ!入門から上級まで,デザイン力を素早くアップ!

講座内容

第0課:UI知識体系の整理 学習ロードマップ
– この授業では,完全なUI知識の枠組みを構築し,学習の道筋と重点を明確にして,ゼロから少しずつデザインの達人へと導きます.

第1課:iOSデザイン規範 基本規範とスライス
– iOSデザインの基本規範とスライスのコツを学び,異なるデバイスで一貫性を実現する方法を身につけます.

第2課:iOS新トレンド解析 モジュール規範とデザイン原則(上)
– iOSデザインの最新トレンドを深く理解し,モジュール化デザインの規範と基本原則を学び,デザイン思考を高めます.

第3課:iOS新トレンド解析 モジュール規範とデザイン原則(下)
– iOSのデザイン原則を引き続き掘り下げ,最新トレンドをデザインに取り入れ,現代的な感覚を高める方法を身につけます.

第4課:Androidデザイン規範(上) Material Designデザイン言語
– Androidデザインの基礎規範,とくにMaterial Design言語を身につけ,Androidアプリのデザインスタイルをよりよく理解します.

第5課:Androidデザイン規範(下) デザイン規範 スライス対応 MD3トレンド
– Androidデザインにおけるスライス対応を深く学び,Material Design 3のトレンドを理解し,現代のニーズに合ったデザインを身につけます.

第6課:ミニアプリデザイン規範 規範と対応ガイド
– ミニアプリデザイン独自の規範と対応方法を理解し,異なるプラットフォームで滑らかなユーザー体験を実現する方法を身につけます.

第7課:公式サイト BtoB管理画面のデザイン規範
– BtoB管理画面デザインのベストプラクティスを探り,効率的で使いやすい管理システムの設計方法を学びます.

第8課:UIデザインの楽しさ IPの融合とブランド展開
– IPをUIデザインに融合させ,ブランドの影響力を広げ,ユーザーの感情的なつながりを高める方法を学びます.

第9課:空状態デザイン ページの感情的な展開
– 空状態デザインの重要性を探り,空白のページに感情を与え,ユーザー体験をより思いやりあるものにする方法を学びます.

第10課:大手企業P6筆記試験:BtoBの完全な画面リニューアルの考え方
– 大手企業P6の筆記試験を解析し,BtoB画面の完全なリニューアルの考え方を学び,デザインをより専門的な水準に高めます.

第11課:アイコンの細部強化(上) 基本規範と図形分析
– アイコンデザインの基本規範と図形分析のコツを学び,アイコンの識別性を高めます.

第12課:アイコンの細部強化(下) 配色分析と細部処理
– アイコンデザインにおける配色のコツと細部処理を探り,アイコン全体の視覚効果を高めます.

第13課:撞色(ぶつかり色)グラデーションアイコン:制作プロセスとコツの整理
– 撞色グラデーションアイコンのクリエイティブなデザインのコツを学び,独自の配色とデザインの考え方を身につけます.

第14課:遊び心のある魚系アイコン:配色と塗り方
– 遊び心のあるアイコンデザインと配色の塗り方のコツを通じて,アイコンをより魅力的にする方法を探ります.

第15課:線形アイコン:遊び心のあるブレークポイント風
– 線形アイコンのデザインのコツを理解し,遊び心のあるブレークポイント風でアイコンの視覚効果を高める方法を学びます.

第16課:アイコンテストの流れ:ユーザビリティ分析
– アイコンデザインのユーザビリティテストの流れを学び,デザイン効果を評価し,最良のユーザー体験を確保します.

第17課:大手企業P6筆記試験:質感の強いリアルアイコンの作図の考え方
– 大手企業P6の筆記試験を解析し,質感が強くリアルなアイコンの描き方を学び,デザイン力高めます.

第18課:UIボタンデザイン:4つの状態と精密さ
– UIボタンの4つの状態デザインを細かく解析し,ボタンデザインの精密なコツを身につけます.

第19課:特殊ボタン:フローティングボタンと拡散のコツ
– フローティングボタンのデザインのコツを学び,拡散効果でボタンにインタラクティブ感を与える方法を身につけます.

第20課:タブバー:舵型ボタン
– タブバーデザインにおける舵型ボタンのスタイルを理解し,デザインのインタラクティブ性と使いやすさを高めます.

第21課:UIにおけるタグデザインの法則
– タグデザインの基本法則を学び,美しく実用的なタグの設計方法を身につけます.

第22課:効率アップのデザイン:コンポーネント化バナー
– コンポーネント化デザインでバナーのデザイン効率を高め,仕事をより効率的にする方法を探ります.

第23課:運営デザイン力:画像とテキストの混在レイアウトタイルエリア
– 画像とテキストを混在させたレイアウトのコツを学び,美しく魅力的なタイルエリアを作ります.

第24課:運営デザイン力:展示台の空鏡感タイルエリア
– 展示台の空鏡感タイルエリアの設計方法を深く理解し,ページの視覚的インパクトを高めます.

第25課:運営デザイン力:イラスト系タイルエリア
– イラスト風のタイルエリアデザインを学び,芸術性あふれるページレイアウトを作ります.

第26課:運営デザイン力:画像合成系バナー
– 画像と合成要素を組み合わせ,視覚的により魅力的なバナーを設計する方法を学びます.

第27課:運営デザイン力:セール感のあるモデルバナー
– セール感の強いモデルバナーの設計方法を探り,ページの商業効果を高めます.

第28課:運営デザイン力:マウス描きイラストバナー
– マウスで描くイラストでバナーを設計し,独自の視覚効果を作る方法を学びます.

第29課:EC業界 UI画面リニューアル(上)
– EC業界のUI画面のリニューアルのコツを学び,デザインを業界のニーズに合わせます.

第30課:EC業界 UI画面リニューアル(下)
– ECのUI画面リニューアルの考え方を引き続き探り,ユーザー体験を最適化し,転換率を高めます.

第31課:医療詳細ページ UI画面リニューアル(上)
– 医療業界の詳細ページのUI画面リニューアルを探り,ユーザーの利便性を高めます.

第32課:医療詳細ページ UI画面リニューアル(下)
– 医療業界のUI画面リニューアルのコツをさらに深め,医療情報をより伝えやすくします.

第33課:金融業界 UI画面リニューアル(上)
– 金融業界のUI画面リニューアルのコツを学び,ページの専門感と使いやすさを高めます.

第34課:金融業界 UI画面リニューアル(下)
– 金融業界のUI画面のデザインリニューアルを深く探り,ユーザーの操作フローを最適化します.

第35課:SNS業界 UI画面リニューアル(上)
– SNS業界のUI画面リニューアルのコツを理解し,ユーザーの粘着性とインタラクティブ性を高めます.

第36課:SNS業界 UI画面リニューアル(下)
– SNS業界のUI画面リニューアルの方法を引き続き学び,SNSプロダクトをより魅力的にします.

第37課:音楽業界 UI画面リニューアル(上)
– 音楽業界のUI画面リニューアルの考え方を探り,美しく実用的な画面を作ります.

第38課:音楽業界 UI画面リニューアル(下)
– 音楽業界のUI画面リニューアルのコツを引き続き高め,ユーザー体験と視覚効果を最適化します.

第39課:BtoBツールプロダクト UI画面リニューアル(上)
– BtoBツールプロダクトのUI画面リニューアルのコツを学び,ツールの使いやすさと専門感を高めます.

第40課:BtoBツールプロダクト UI画面リニューアル(下)
– BtoBツールプロダクトのUI画面リニューアルを引き続き深く学び,機能と画面の融合を最適化します.

第41課:一流大手企業の筆記試験実戦:完全な画面リニューアル
– 大手企業の筆記試験の実戦事例を学び,完全な画面リニューアルの考え方とコツを身につけます.