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




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

ここが参考になります。

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

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

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

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

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

こんな感じ。

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

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

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

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

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

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

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

【簡単!】気持ちのよい文字組み(カーニング)をマスターしてWebデザインスキルを磨こう!

2018.11.24

化粧品・コスメで訴求がしっかりしているランディングページ(LP)のデザイン6選

2018.01.28

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

2018.10.15

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

2018.11.13

【Webデザイン上達のコツ5選】普段の生活の中で、デザイン力を身につける方法!

2018.11.23


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

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



スポンサード広告 by google