ランディングページ(LP)にエディトリアルデザインを取り入れる。マーカー編




広告的な強烈な推しや訴求で攻めるランディングページ(LP)にエディトリアルデザインの手法を取り入れる時があります。
下手な担当営業の様な台詞だが、「シュッっとした」印象が特徴のデザインですが、そもそもエディトリアルデザインって何からですよね。

ここが参考になります。

エディトリアルデザインって何?|仕事百科
読み手の事を考えて効果的な紙面の編集をする事なので、領域としては新聞や雑誌やカタログで、紙媒体のデザイナーが知っておかないといけない技術です。

この手法がランディングページ(LP)でもハマるのです。

どのような手法がハマるのか

例えば、テキストにマーカーを引く場合。ランディングページ(LP)のデザインでよくあるのが、赤文字に黄色マーカー。
たしかに目立つけど。このドギツさを嫌うクライアントもいるものです。
※だんだん麻痺して使ってもそのうちスルーするけど

そんなエディトリアルデザインのマーカーを当てはめます。

こんな感じ。

シュッとした印象とはこの事で読み手の事を考慮して効果的なデザインを施すだけ変化します。

さらに、別の活用事例ですが、このようなデザインでも役立ちます。

エディトリアルデザインのマーカーはテキストの下に背景を入れるだけではありません、印象を変えるコツはあるのです。

どのようなデザインのコツが隠れているのか

テキストの文字間隔を詰めてみましょう。
詰めすぎずカーニングでバランスをとってグッと詰めます。それだけでひとつの固まりになってテキストが効果的に見えるのです。
使い勝手が良くてエディトリアルデザインのマーカーは横文字、縦文字だけでなく、斜めでも効果は機能します。

今回はマーカーの紹介ですが、他にも使える技術はあるのでまた紹介しますね。

この記事はここまで!
ここからはよく読まれる記事をまとめてご紹介します。ひとあじ違うデザインに出会えるかもしれません。

【化粧品・コスメ】乾燥肌訴求のランディングページ(LP)デザイン5選

2018.09.23

【年齢訴求別・5選】健康食品(ダイエット)のランディングページ(LP)ファーストビューとCVエリアデザイン

2018.06.17

前編【Webデザイナーを目指す人へ!】何故バナートレースがデザインスキル上達に最適なのか?

2018.10.21

【第3回】未経験でも大丈夫!Webデザイナー志望の方へデザインノウハウをアウトプットします!

2018.10.30

動画ランディングページ(LP)効果改善への道は映像業界を理解する事からはじまる

2018.01.14

ランディングページ(LP)にエディトリアルデザインを取り入れる。マーカー編

2018.05.04

【年齢層別・乾燥肌】化粧品・コスメのランディングページ(LP)デザイン5選

2018.09.29

【5選】ダイエット訴求のランディングページ(LP)を調査してデザインを研究してみた

2018.10.07

【第2回】未経験でも大丈夫!Webデザイナー志望の方へデザインノウハウをアウトプットします!

2018.10.23

前編【グラデーション効果】photoshopのツボとコツ!未経験でもワンランク上のWebデザイナーになろう!

2018.11.03


お気に入りの情報
が無かったでしょうか?
この記事の最後にデザイン情報やノウハウをレコメンド形式でご紹介しています。

お求めの記事に出会えますように。



スポンサード広告 by google