本コースでは、Web UI設計の基本概念から実践的な設計技術までを学びます。まず、UI設計に必要な視覚的要素と無形要素を整理し、合理的なUI設計の考え方と実践例を解説します。続いて、Webサイトの主な種類やページ構成、各要素(ヘッダー、サイドバーなど)の役割と目的との関係を学びます。Web特有のレイアウト設計に関しては、視線誘導や情報階層化、レスポンシブ対応などの原則を紹介します。次に、Web UIを構成する主要なコンポーネント(ドロップダウン、モーダル、フォームなど)のデザインとUX向上のための設計ポイントを学びます。最後に、Adobe XDとFigmaを用いたUI制作ツールの基本的な使い方を比較し、用途に応じた選択基準を示します。