Warning: Undefined array key "HTTP_REFERER" in /home/smile-b/egao-d.com/public_html/wp-content/themes/luxech/luxech.template#template on line 43

Coloso.VIを生かしたWebデザインの発想と制作受講メモ

事例を基にVI開発への理解を深め、ワークフローに沿った例題を通して、Webデザインのスキルを身に付けます

Section 01. Introduction

01. オリエンテーション

  1. 講座の概要
  2. 学習で期待できること
  3. スコープ
  4. 各セクションについて
  5. FAQ

02. イントロダクション

  1. 自己紹介
  2. 仕事紹介
  3. 得意な領域
  4. 仕事へのこだわり
  5. デザインへのこだわり

20240515受講メモ

講座と講師の方の説明。
日本の方なのでわかりやすく、内容も素晴らしく、また面白かったです。

ご自身のポートフォリオの解説がとても参考になりました。

Section 02. VI Design Process

03. VI開発のプロセス

  1. 基礎調査
  2. ブランドの理解
  3. コンセプトの言語化
  4. クリエイティブブリーフ
  5. コンセプトの視覚化
  6. デザイン制作

20240515受講メモ

なぜVIを用いた制作を行うのか、講師の方の経験や事例を含めて解説してくださいました。

Section 03. VI Case Studies

04. 事例から見るVI①

  1. 「クラウド歯科」
  2. 実際の事例を題材にVIができるまでのプロセスを紹介

05. 事例から見るVI②

  1. 「gradation, Inc.」
  2. 実際の事例を題材にVIができるまでのプロセスを紹介

06. 事例から見るVI③

  1. 「ZEY」
  2. 実際の事例を題材にVIができるまでのプロセスを紹介

20240515受講メモ。

講師の方の制作されたsサイトなどをもとに、そのプロセスや、アイデア・試行錯誤された様子を丁寧に解説していただきました。

イラストレーターさんの選別から、依頼、指示の内容や手法まで紹介していただいて、とても参考になりました。

「ZEY」は、デジタルクリエイター専門のアサインプラットフォームで、企業がプラットフォーム上に掲載されているクリエイターに対してオファーを送ることができるサービスです。

06. 事例から見るVI③では、サイトの立ち上げの際のコンセプトや市場環境、顧客像から、ブランドのナラティブまで紹介されていました。

「ZEY」は、以前から知っていたのですが、こちらの講義をみたあとだと、習った内容をこう実現しているのかというのが伝わって面白かったです。

Section 04. Elements and Principles of Design

07. デザインの要素と原則

  1. Elements of Design(デザインの要素)
  2. Principles of Design(デザインの原則)

08. 実例から見るUIデザイン

  1. デザインの要素と原則を生かしたWebサイトを紹介

09. 実例から見るインタラクションデザイン

  1. デザインの要素と原則を生かしたWebサイトを紹介

10. アートディレクションの手法

  1. 4象限マトリクス(ポジショニングマップ)

20240521受講メモ。

線や色などのデザインの要素から、黄金比率などの法則の解説。

それらを活用した実例の紹介と解説など、とても充実した回でした。

事例がとにかく豊富で、解説もとにかく詳しく、こんなデザインがしたい、サイトを作りたいとワクワクしました。
ここまでリッチなサイト制作はなかなかできないのですが、自社サイトなどで試してみたいです。