16110003

Webデザイン概論

2024年度4Q(後期)

基礎

概論

山内 三紀子

実務家教員

2〜3

1単位

月曜6限

インターネットとWebの歴史から少し先の未来まで、Webとデザインという切り口で考える授業です。
Webデザインの勉強をしていると必ず耳にする「UI（ユーザーインターフェース）」「UX（ユーザーエクスペリエンス）」についても学習します。
良いUI・UXとはどんなものか、アウトプットするために必要な知識を学びます。
デザインの基本原則・言葉や色などが持つイメージを踏まえてWebデザインに活かす方法を学びます。

本科目では以下の4点を到達目標として設定します。
①Webとインターネットの歴史を理解し、現在と未来の在り方を正しく理解できる。
②UIとUXについて理解し、デザインに活かすことができる。
③良いWebデザインとはどんなものか考え、伝える力を身に付ける。
④Webサイトの目的をクライアントとユーザー側の双方の観点から正しく理解できる。

60％：（必須）期末レポート
→レポート未提出者は評価対象外となります。

40%：授業後のフィードバックシート（以下FS）に記載する毎回の授業後のミニレポート
毎回授業で「このテーマで考えてみよう」とお題を出します。
FSに記述できる程度のボリュームです。
授業の復習と出欠も兼ねてFSに記載してご提出ください。

試験は実施しません。

講義全体を通じてのレポートを提出してください。

【インターネットとWebの歴史】
インターネットとWebはどのように発展してきたのか、歴史を紐解きながら現在のインターネットとWeb、そして未来のインターネットのWebのあり方を考えます。
インターネットやWebを活用することで、人類がより良い暮らしや体験をするためにできることを自由な発想で考え、自分の言葉でまとめます。

【WebデザインとUI(ユーザーインターフェース)①】
WebデザインのUIについて「物理的制約」「ソフトウェアの操作性」等の観点から考えます。
当たり前のように普段使っているもの（PC・スマホ・タブレットなど）はあまり意識していませんが、使い勝手が大きく異なる点を理解することでより良いUIを作ることができるようになります。

残念なUIの事例を探し、その改善ポイントを見つけます。

【WebデザインとUI(ユーザーインターフェース)①】
WebデザインのUIについて「人間の認知特性」等の観点から理解します。

【WebデザインとUX(ユーザーエクスペリエンス)】
Webデザインにおける「ユーザー体験」とは何なのか理解します。

【Web制作現場のウラ側】
技術的な側面からWebサイトがどのような仕組みで動いていて見えているのか、理解します。
「人」にフォーカスしてWeb制作の現場がどのように動いているかを理解します。
Web制作の一般的なワークフローを正しく理解し、効率よく制作ができるようになります。

【Webサイトの目的】
Webサイトを目的別に分類し、サイトが果たす役割を理解します。
クライアントとユーザーで異なる目的があることを理解することでより社会に貢献できるWebサイトが作れるようになります。

【デザインの基本原則】
グラフィックにも通用するデザイン4つの基本原則について学習します。

【イメージワードとビジュアル①】
言葉が持つイメージとデザインについて学習します。
クライアントと共通認識を持ち、スムーズに制作するためのデザインの引き出しを増やします。

「かわいい」から連想できるイメージワードを考え、「かわいい」のバリエーションやパターンを増やします。

【イメージワードとビジュアル②】
言葉が持つイメージとデザインについて学習します。
クライアントと共通認識を持ち、スムーズに制作するためのデザインの引き出しを増やします。

「信頼感」から連想できるイメージワードを考え、ビジネス向けのデザインでよく使うバリエーションやパターンを増やします。

【良いデザイン VS イマイチなデザイン】
UIとUXの良い例・悪い例を改善前と後のデザインで比較しながら学習します。
Webデザインでできる「おもてなし」を考え、より結果を出すデザインとは何かを理解します。

【総括】
8回の講義内容をまとめながら良いデザインがもたらす未来について考えます。

教科書やさんｋ購入は必須ではありません。興味がわいたら読んでみてください。
--
イラスト図解式 この一冊で全部わかるWeb制作と運用の基本
イラスト図解式 この一冊で全部わかるWeb技術の基本
Webデザイン・スタンダード　伝わるビジュアルづくりとクリエイティブの最新技法
UI/UXデザインの原則
UIデザイン　みんなで考え、カイゼンする。
UXと理論で作る Webデザイン
UIデザインの教科書［新版］ マルチデバイス時代のインターフェース設計
初心者からちゃんとしたプロになる　Webデザイン基礎入門
イメージをパッと形に変えるデザイン大全