Webデザイン
UIデザイン

今回の内容

  • UI(ユーザーインターフェイス)とは
  • UI デザインツール

UI(ユーザーインターフェイス)

UI(ユーザーインターフェース)のインターフェースはコンピュータ関連でよく使われる用語です。
英単語としては、境界面、接触面、界面 などを意味します。
IT 業界では、何か2つのモノの間で情報などのやりとりを行うときの方法や方式、手順ややり方のことをこう呼びます。
窓口のようなイメージを持つとよいでしょう。
ここで言う2つのモノとは、機械同士だったり、ソフトウェア間のやりとりだったり、機械と人間 とのやりとりだったりと様々な場合があります。

授業資料(UI デザイン)

コンポーネント

コンポーネントはきわめて柔軟なデザイン要素です。
例えば、様々なコンテキストでボタンを使用する場合、繰り返される要素を作成して維持するとともに、要素のインスタンスを様々なコンテキストやレイアウトに合わせて変更することができます。

コンポーネントチュートリアル

デザイン全体で繰り返される要素を作成するとき、コンポーネントを使うと柔軟に効率よく作業することができます。
コンポーネント作成の方法をチュートリアルで理解しましょう。

コンポーネント演習

YouTube の UI をコンポーネント機能を使ってトレースしてみましょう。
https://m.youtube.com/

Adobe XD でスクロールグループを作成する

スクロール機能を XD 内で作っていきます。

© 2023, Hideo Kawaguchi in Trident Web Design Department with Gatsby