chevron_left

心を動かすWebデザイン
PREMIUM
第1回

文字起こし

言葉以上のことを視覚で伝える方法

2022年11月28日 60min
言葉以上のことを視覚で伝える方法 play_arrow おためし受講

授業の概要

この授業では、既存のWebデザインのセオリーから１歩進んだものにするために、次の２つのコツと考えを学びます。

  • ・人の関心を引くWebサイトにするためのコツ
  • ・テンプレートから作られたWebデザインを良くするための考え方

 

授業前半ではまずWebサイトの目的を決めて、ビジュアルを作る「フレームワーク」について、そして後半では本格的にサイトのデザインをブラッシュアップし、完成させていく「デザインワーク」についてを、実際に出演講師陣が制作に携わったgradation, Inc のWebサイトを元に紹介していきます。

 

■お話すること

＜前半：フレームワーク＞

1. クリエイティブブリーフ（※1）をつくる
（※1 成果物を開発する際に必要な情報をまとめたドキュメントのこと）

2. 機能をワイヤーフレームへ落とし込む

3. 情緒をビジュアルコンセプトへ変換する

＜後半：デザインワーク＞

4. デザインカンプを作成する

5. モックアップでプロトタイピングする

6. クリエイティブディレクションをする

こんな人にオススメ

Webデザイナーの方、Webデザインに興味がある方、Web関係の仕事に関わっている方

担当の先生／パーソナリティ

チャプター

play_arrow
先生自己紹介
07:15
play_arrow
クリエイティブブリーフをつくる
15:48
play_arrow
機能をワイヤーフレームに落とし込む
17:32
play_arrow
デザインカンプを作成する
18:57
play_arrow
エンディング
play_arrow
Q.実際に，サイトを見たユーザーの認知が変容・改善されたという効果検証はどのようにされているのでしょうか。