デザインレイアウトはスペースやマージンをしっかり意識することが大事

LINEで送る
Pocket

ネットショップの商品ページやバナーなどを作る際に、色使いやコンセプトがしっかりしているのに、なんだか素人感が抜けない、というデザイナーさんは多いかと思います。

フォント(テキスト)部分を徹底してこだわれ

色使いやイメージ写真などももちろん非常に重要で、ここは誰もが良し悪しに気づきやすいところですが、専門的にやってないとなかなか気づきにくく、お客様が一番触れるところはやはりフォント(テキスト)部分。

この部分をフォント選びから文字の大きさ、バランス、細部までしっかりデザインすることで、驚くほど読みやすくなることはもちろん、メリハリが出てデザイン自体もしっかりとしたものになります。

ここをおろそかにしていると、せっかくよい色使いや写真でデザインしていても、なにか素人感が抜けない。信頼性に欠けるデザインになります。

レイアウトする際、スペースやマージンを意識しよう

私が今まで色々なデザイナーを指導してきて一番多いなと思うのが、テキスト部分などのスペースやマージンがあまり意識されていないこと。

見やすくするための一つ目のコツは、整理整頓。そんなに時間がかからないわりに、大きな効果を発揮します。

下の例では、はじめの状態ではテキストや図がバラバラに並べられています。そこで、赤い点線を意識しながら、テキストと図をぴったり合わせるように配置すれば、ずいぶんと整理されます。

少しでもずれていると、印象がよくない上、読みやすさも低下します。

慣れると当たり前にできますが、慣れないうちはしっかりガイドを引いて揃えましょう!

デザイン レイアウト 揃える

紙媒体のデザインをしていたデザイナーはこれは常識でしっかりできているのですが、ネットショップで初めてデザインに携わった・・というようなデザイナーさんはこのようなことをかなり無視してデザインをしがちです。

もっともっとWEBサイトや雑誌などのテキスト部分がどうなっているかを意識して見て勉強してみてください。
驚くほど精度が高いです!というよりそれがスタンダードです!

商品ページを作る際は他にも重要な事があるので、下記記事も参考にしてみてください!

参考:【保存版】本当に売れるネットショップの縦長商品ページ作成の鉄則6つ

守岡 裕志 (Hiroshi Morioka)合同会社ココロザシ 代表CEO

投稿者プロフィール

「合同会社ココロザシ」代表CEO。/自由に世界を旅しながら企業の売上をあげる経営者 コンサルタント&ノマドワーカー。150社以上の売上を100%伸ばす。毎日休みで毎日志事。毎月海外に行く生活も約3年/左利き/営業、デザイナー、エンジニア募集中。

詳しいプロフィールはこちら

★自社運営中サイト★

ココロザシ
世界の空港のラウンジ情報サイト 空港ラウンジ.com
日本のおみやげデータベース OMIYA!
自分で生き抜くためにネットで稼ぐ! ネトビジ!
タレント・俳優・歌手・声優・モデル・舞台などのオーディション情報なら オデ速!

この著者の最新の記事

関連記事

ピックアップ記事

  1. カメラのフラッシュを使用したほうが綺麗な写真が撮れると思っていませんか? それは間違い…
  2. 100%売上を上げる
    まだまだ体力のないショップ様にとって、どんな商品を仕入れるか、またはどんな商品を企画して作る…

ココロザシ運営サービス

合同会社ココロザシ

空港ラウンジ.com

OMIYA!

ネトビジ!

オデ速!

ノマド的節約術

オススメサービス

Feedly

follow us in feedly

ピックアップ記事

  1. 最近「安いものが以前に比べて、高いものが売れるようになった」ような情報をチラホラ聞くことが多…
  2. 楽天SEO
    今回は、楽天でSEOするための重要な要素である商品レビュー数を増やすための方法を考えてみたいと思…
ページ上部へ戻る