おためし受講中

グラフィックデザインを重視したランディングページの作り方

ランディングページは制作する機会は多くても、その性質や特徴を聞かれると「???」となってしまうコトが多いのではないでしょうか?
・キャンペーンサイトと似ているけれど何が違うの?
・公式サイトと同じ情報なのに、なんでもう一個作らないといけないの?
といった疑問は初めて作るとき、こんがらがってしまうのではないでしょうか?

ランディングページはWebデザインの中でも「チラシ」に似ているもので、グラフィックデザインが重視される傾向が強くなりがちです。またメッセージ性が非常に強いので、目的と原稿をことさら意識する必要があります。

本授業ではランディングページってそもそもどういうものなの?なんで作るの?という基礎からデザインするときに知っておくべきこと、覚えておきたいコツや機能の使い方を解説します。

 

■使用する機材

【ハードウェア】
・Macbook Air
【ソフトウェア】
・OS X Mavericks
・ Photoshop CC 最新バージョン
・ Illustrator CC 最新バージョン

 

■この授業を受けることで出来るようになること

・LPページと他のWebサイトの違い
・素材がなくてもステキなデザインを作るためにできること
・電話番号、ボタンのデザイン
・見出しのデザイン
・デザインに迷わずにすむ作業の順番

グラフィックデザインを重視したランディングページの作り方(全1回)

学生代表

  • 未定

    未定

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    01:13  (01:00 ~ )
    ランディングページって何?
    02:49  (02:13 ~ )
    ランディングページはなぜ重要なのか?
    02:58  (05:02 ~ )
    ランディングページ制作で気をつけるべきこと
    01:28  (08:00 ~ )
    なぜfooter(下部)から作り始めるべき?
    06:12  (09:28 ~ )
    プロのWebデザイナーの仕事術(時間の使い方)
    03:04  (15:40 ~ )
    footerにおける電話番号のデザイン
    02:16  (18:44 ~ )
    「デザイナー思考」とは?
    02:55  (21:00 ~ )
    Webデザイナーが技術を付ける前に考えるべきこと
    02:45  (23:55 ~ )
    ボタン・見出しのデザイン
    06:00  (26:40 ~ )
    良いデザインの細部を注視すると見えてくること
    02:22  (32:40 ~ )
    素材がなくてもできること
    11:40  (35:02 ~ )
    【後半】質疑応答
    Q:よく使うフォントとかありますか?
    01:58  (47:17 ~ )
    Q:独学でもデザイン力って向上しますか?
    03:17  (49:15 ~ )
    Q:面白系のLPは、インパクトはあるんですが、信頼性など気になるところがあります。
    02:48  (52:32 ~ )
    Q:BGMについて、無い方が良いでしょうか。
    00:30  (55:20 ~ )
    Q:仕事を行う際に遠方地域のクライアントとどのように打ち合わせや、やり取りなど行われているのでしょうか?
    01:15  (55:50 ~ )
    Q:ランディングページでA/Bテストをされる事はありますか?
    03:15  (57:05 ~ )
    課題発表
      (1:00:20 ~ )