ライブグラフィックデザイン:プロの技から学ぶ

  • このエントリーをはてなブックマークに追加
「可愛い」テイストのランディングページを、生放送で公開制作
第1回:2017年3月19日公開 01:30:00

「可愛い」テイストのランディングページを、生放送で公開制作

受講する

毎月異なるテイストのランディングページを、プロのデザイナーが生放送で公開制作します。
Illustrator・Photoshop等、基本的な制作ツールの使い方は習得したものの、実際にクライアントワークに臨むにはまだ知識・経験に自信がない。そんな「デザイン初心者」の方が、一人でデザインの仕事を受けられる中級者を目指していくための授業です。
案件に応じたコンセプト設計・ワイヤーフレーム制作から、仕上げに至るまで、時間が許す限り全ての工程を実演します。
制作中は出来る限り皆様の質問にも答えて頂く予定です。

 

授業一覧
「可愛い」テイストのランディングページを、生放送で公開制作
2017年3月19日公開
01:30:00

第1回となる本授業では、「可愛い」テイストのランディングページを浅野先生に解説いただきながら、公開制作いたします。

ただ流れをお見せするだけではなく、
・制作に入るまでの思考
・浅野先生“ならでは”のこだわりポイント
・浅野先生が迷ったポイントとその対応策
・制作中に皆様が感じた疑問にお答えいただく

等、実際に「仕事に活かせる」制作技術を公開いたします。


同授業を通じて、クライアントワークの引き出しを一緒に増やしていきましょう。


■当日の流れ

======================================

・5分/今回の制作物紹介
・5分/制作に入る前、浅野先生は何を整理し、考えたか?
・60分/生放送でランディングページを公開制作
・20分/質疑応答

======================================

※上記は予定です。変更になった場合は、このページで随時更新します。

  • 授業概要
  • 01:12
  • 自己紹介
  • 02:36
  • 今日やること
  • 01:13
  • 今回のお題
  • 00:30
  • 商品の設定を確認しよう
  • 00:56
  • さらに目的を絞る
  • 02:21
  • リサーチをする
  • 01:11
  • 参考にするポイント
  • 03:38
  • 制約ポイント
  • 00:55
  • 実際の作成風景を見てみよう
  • 00:14
  • 商品イメージを確認する
  • 00:45
  • サイトの画面サイズを確認する
  • 00:56
  • 配置のざっくりしたものを作る
  • 10:19
  • キャッチコピーのフォントを決める
  • 08:55
  • 背景を設定する
  • 01:59
  • 商品名を入れる
  • 02:23
  • キャッチコピーのフォントを変更する
  • 02:34
  • 商品説明の枠を設定する
  • 05:23
  • 全体のサイズ間隔を設定する
  • 02:40
  • 強調したいところに工夫をする
  • 08:17
  • キャッチコピーの背景を変更する
  • 08:16
  • 全体の背景を変更する
  • 04:13
  • Q.今回のメインカラーは設定してるのですか?
  • 07:11
  • 完成!
  • 00:25
  • Q.背景は自分で作らなくて、時間の都合上フリー素材を使う感じですか?
  • 00:22
  • Q.コピーや素材の用意も入れるとどのくらいお時間をかけているのでしょうか。コピーもやってくださいと言われると時間や予算の見積もりに迷ってしまうので、先生の場合をお伺いしたいです。
  • 01:10
  • Q.先生のデザインめちゃくちゃ早いんですが、一番オススメの時短テクニックはなんですか??気になります!
  • 00:26
  • Q.コーディングの事を考えてデザインしてますか?
  • 01:13
  • Q.フォントの種類は一つの案件に何種類ぐらい使うんでしょうか?
  • 01:54
  • Q.稟議など制約がクリア出来る場合、MORISAWA PASSPORT ONEなどのフォントパックの契約をした方が良いでしょうか?
  • 01:01
  • Q.デザインはスケッチで事前に決めておくのではなく、書き始めてから決める感じでしょうか。
  • 02:23
  • Q.iPhoneの実機でで確認できたりするんですか??
  • 01:03
  • まとめ
  • 00:39
  • お知らせ
「信頼感のある」ランディングページを、生放送で公開制作
2017年4月9日公開
01:30:00

第2回となる本授業では、「信頼感のある」ランディングページを浅野先生に解説いただきながら、公開制作いたします。

ただ流れをお見せするだけではなく、
・制作に入るまでの思考
・浅野先生“ならでは”のこだわりポイント
・浅野先生が迷ったポイントとその対応策
・制作中に皆様が感じた疑問にお答えいただく

等、実際に「仕事に活かせる」制作技術を公開いたします。


同授業を通じて、クライアントワークの引き出しを一緒に増やしていきましょう。


■当日の流れ

======================================

・5分/今回の制作物紹介
・5分/制作に入る前、浅野先生は何を整理し、考えたか?
・60分/生放送でランディングページを公開制作
・20分/質疑応答

======================================

※上記は予定です。変更になった場合は、このページで随時更新します。

皆さんのご要望にお応えして「アイスクリーム屋さんのECサイトTOP」を生放送で公開制作
2017年5月14日公開
01:30:00

第3回となる本授業では、第2回授業にて皆さんから頂いたご要望にお応えして「アイスクリーム屋さんのECサイトTOP」を浅野先生に解説いただきながら、公開制作いたします。


ただ流れをお見せするだけではなく、
・制作に入るまでの思考
・浅野先生“ならでは”のこだわりポイント
・浅野先生が迷ったポイントとその対応策
・制作中に皆様が感じた疑問にお答えいただく

等、実際に「仕事に活かせる」制作技術を公開いたします。


同授業を通じて、クライアントワークの引き出しを一緒に増やしていきましょう。


■当日の流れ

======================================

・5分/今回の制作物紹介
・5分/制作に入る前、浅野先生は何を整理し、考えたか?
・60分/生放送でランディングページを公開制作
・20分/質疑応答

======================================

※上記は予定です。変更になった場合は、このページで随時更新します。

  • 授業概要
  • 00:17
  • 自己紹介
  • 03:40
  • 今日やること
  • 01:36
  • 今回のお題
  • 00:19
  • 商品の前提
  • 00:26
  • クライアントから頂いた特徴とご要望
  • 00:22
  • 今回のポイント
  • 00:58
  • このサイトの難しいところ
  • 01:11
  • 制約ポイント
  • 00:31
  • 前提条件を基にコンテンツを決めよう
  • 06:08
  • ワイアーフレームを考える
  • 03:06
  • 制作スタート!
  • 00:21
  • サイトのサイズを決めよう
  • 01:01
  • 写真のエリアを決めよう
  • 04:13
  • ロゴや文字を配置しよう
  • 11:02
  • Q.SNSアイコンの色は厳守しなければならないのでしょうか?
  • 05:21
  • 会社情報の部分の配置をしよう
  • 03:13
  • 写真を入れていこう
  • 18:19
  • 写真の重ねる文字を整えよう
  • 14:47
  • サイトマップを入れよう
  • 04:19
  • 完成!
  • 03:06
  • Q.現在のような短時間で品質を担保したサイト作りに至るまで、案件ですと概算でどれ位対応されてきたのでしょうか?
  • 00:48
  • Q.コーディングを踏まえて、デザインの時に一番気を付けていることは何でしょうか?
  • 00:57
  • Q.先生はPCワーク疲れのあと、どういうことでリフレッシュしていますか?
  • 01:19
  • Q.クライアントから経営コンサルばりの質問されたりすることもあるかと思いますが、うまい受け流し方があればお聞きしたいです
  • 01:19
  • ワイヤーフレームと実際のページを見比べてみよう
  • 01:23
  • Q.先生は、Web系の最新技術の情報は、どこから入手していますか?
  • 01:58
  • Q.本当なら全ページの内容まで決定してからデザインに入るのでしょうか?とりあえずトップページだけ作ることもあるのですか?
  • 01:01
  • Q.スマホ版とPC版は、どちらを先に考えるとよいですか
  • 02:09
  • Q.デザイナーでもプログラミングしますか?
  • 02:25
  • Q.UXについて先生なりの考えるタイミングがあれば教えて欲しいです
  • 01:21
  • 受講生の皆差へ先生からのメッセージ
こんな人にオススメ
全般

一人で仕事を受けられるデザイナーになりたい方

タグ
担当の先生
受講生代表
  • 徳田 葵

    徳田 葵

    スクー放送部

  • 江川 みどり

    江川 みどり

    スクー放送部

この授業を受けたい(1822人)
その他 1742人

受けたい授業ランキング

もっと見る

新着の生放送授業

もっと見る

関連授業

生放送授業への参加は無料です
Schooの会員登録および生放送授業への参加は無料です。生放送授業では先生に質問したり他のユーザーと一緒に楽しく学ぶことができます。
×