名刺の縦型デザインは文字揃えと位置に注目!【縦型・横文字名刺】

縦型・横文字 名刺レイアウトサンプル

こんにちは、yamaです。

この記事では、縦型・横文字の名刺のデザインサンプル を紹介します。

縦型の名刺はスマートな印象があります。
ちょっとデキる感じ、、とでも言えばいいでしょうか。

比較的デザインの自由度も高く、文字揃えや位置を変えるだけで印象も変えやすいのでオススメな名刺レイアウトです。

全部で22パターンのサンプルを用意しました。
イメージに合うものを見つけてくださいね!

【縦型・横文字】名刺レイアウトの特徴

縦型・横文字名刺のレイアウト例

ビジネス名刺でもこのパターンは多いですよね。

縦型・横文字名刺の特徴
  1. 横方向のスペースが狭い
  2. 箇条書き風に文字情報を整理できる
  3. 余白を使ったデザインのアレンジがしやすい
縦型名刺は文字の入れ方に注意

名刺が縦型の場合、横方向のスペースが狭いため、1行に入る文字数が限定されます。
 一見するとマイナス要素に思えますが、縦型で横文字の名刺は 情報を整理しやすいという利点があります。

yama
そもそもスペースが狭いため、できることが限定されるわけです。
それを利用してシンプルに情報を入れましょう。

シンプルな情報表示により、読み手は迷わず文字を追うことができます。

縦型・横文字の名刺レイアウトは情報を整理しやすく 初心者さんも扱いやすいレイアウトパターン です。

 

【縦型・横文字】名刺デザインのサンプル

名刺の作り方がわかるワークフロー紹介!名刺デザインの参考レイアウトも大公開! で紹介したパターンとバリエーションをベースに作成したサンプルがこちらです。
↓↓↓↓↓↓

縦型・横文字の名刺レイアウトサンプル

上記サンプルで使用したロゴマークはワンポイントの図柄で正方形に近いため、ロゴマークを紙面の「左端」→「右端」→「センター」と横方向に大きく移動させることができます。

ですが、実際のロゴマークはこんな感じが多いのではないでしょうか?

横長のロゴ

ロゴマークが横長で名刺が縦型の場合、ロゴを左右方向に動かすのは難しくなります。

ロゴマークが名刺の幅いっぱいの例
yama
ロゴマークを大きく表示すると、すぐに名刺の横幅いっぱいになっちゃいます。

ロゴマークの位置を動かす時は、左右方向は微調整程度とし上下方向に動かしてデザインを変化させます。
デザイン全体のポイントは 文字揃えと文字の配置位置 です。

それを踏まえたデザインサンプルがこちら
↓↓↓↓↓↓

縦型・横文字の名刺レイアウトサンプル

では、一つずつ紹介していきましょう。

 

① ロゴ左・上の名刺サンプル

縦型・横文字・ロゴ左上の名刺サンプル

文字サイズ:TEL、FAXのフォントサイズを大きく
文字位置:氏名・会社情報を右方向へ移動
デザイン:ロゴ・氏名・会社情報のすべてを左寄せでもOKですが、整いすぎてしまうので氏名・会社情報を右へ動かしてリズムを変えています。

② ロゴ左・センターの名刺サンプル

縦型・横文字・ロゴ左センターの名刺サンプル

文字位置:氏名・会社情報を紙面下半分に配置
デザイン:紙面上部に余白。会社情報の社名を白抜き文字。

yama
今回のデザインではこの辺りが好みですね

③ ロゴ左・下の名刺サンプル

縦型・横文字・ロゴ左下の名刺サンプル

デザイン:文字情報を紙面左下に集約。
上半分に大きな余白を作りました。

yama
大きな余白がありますね。こういうスペースはアレンジしやすいですよ。

④ ロゴ右・上の名刺サンプル

縦型・横文字・ロゴ右上の名刺サンプル

文字位置:ロゴマーク下にURLを表示
デザイン:①のデザインと位置関係を逆にしたパターン

⑤ ロゴ右・センターの名刺サンプル

縦型・横文字・ロゴ右センターの名刺サンプル

文字揃え:氏名・会社情報を右揃え
デザイン:全体を右下方向に集約したデザイン。紙面上の余白は告知関係の情報が入りますね。

⑥ ロゴ右・下の名刺サンプル

縦型・横文字・ロゴ右下の名刺サンプル

文字揃え:会社情報を両端揃え
文字位置:氏名を左上、会社情報を右下に配置
デザイン:会社情報に罫線

yama
罫線を入れるだけでもデザインのアクセントになりますよ!

⑦ ロゴセンター・上の名刺サンプル

縦型・横文字・ロゴセンター上の名刺サンプル

文字サイズ:氏名のフォントサイズを小さく。太字に変更。
文字揃え:全体をセンター合わせ。会社情報は両端揃え。
デザイン:ロゴ、氏名、会社情報の3つのブロックがわかるように、余白を大きく設定。

yama
ほかのデザインと比べても、ロゴ・氏名・会社名のブロックがわかりやすいと思います

氏名の文字サイズを小さく太く、会社情報を罫線で囲むことでそれぞれのパートに塊感がでました。

⑧ ロゴセンター・センターの名刺サンプル

縦型・横文字・ロゴセンター・センターの名刺サンプル

文字揃え:全体をセンター合わせ。会社情報は両端揃え。
デザイン:URLを白抜き

URLの部分の帯が全体を落ち着かせて、安定感があります。
色々な業種で使えるパターンだと思います。

⑨ ロゴセンター・下の名刺サンプル

縦型・横文字・ロゴセンター下の名刺サンプル

文字揃え:左揃え
文字位置:氏名・会社情報の開始位置をロゴマークの「DTP & WEB DESIGN」の文字位置と揃える。
デザイン:ロゴマークを大きく表示

 

今回のサンプルは、基本は 文字揃えと配置位置 を変えただけです。

要素を動かせる範囲が限られているのでデザインする時に悩むことも少ないと思います。
横方向の狭さは 文字情報が間延びしない という利点もあります。

後は、背景を調整して仕上げましょう!

 

背景を追加した名刺デザインのサンプル

サンプルの内、③と⑦の名刺デザインに背景をつけてみました。

③-2ロゴ左・下に背景をつけた名刺デザイン

縦型・縦文字・ロゴ左下の名刺サンプル背景付

大きな余白には、商品・サービスの情報を入れてもいいですし、サンプルのように写真を載せてもいいですね。
どんな内容を入れてもレイアウトが崩れることはないでしょう。

⑦-2 ロゴセンター・上に背景をつけた名刺デザイン

縦型・縦文字・ロゴ上センターの名刺サンプル背景付

元のデザインでも、ロゴ・氏名・会社情報と情報の区切りは意識できていました。
ロゴマーク部分に背景色をつけることでよりわかりやすくなりました。

ロゴを白抜きにしていますが、企業のロゴマークは色変更がNGのケースが多いので注意しましょう。

 

最後に、今回のまとめ

縦型・横文字の名刺のデザインサンプルを紹介しました。

縦型・横文字の名刺レイアウトは、
横方向が狭いので一見デザインが難しく感じますが、間延びせず情報を簡潔にまとめることができます。
目線の誘導も上から下へと自然に流れるので、順序良く情報を追うことができます。
文字情報を一部に集めることで、大きなスペースをアレンジに使うことができます。

全体をまとめやすいパターンだと思います。
あと、横文字なのでURLなどの英文も自然に入りますね。

名刺デザインのパターンとして、是非使ってみてくださいね。
それでは、今回はこのへんで。

名刺の基本パターンとバリエーションがわからない方は、こちらの記事を参考にしてください。




縦型・横文字 名刺レイアウトサンプル

デザインのコツがわかる!
無料メールマガジン配信中!!

メルマガ登録

デザインの基礎がわかる!
全10回だから気軽にできる!
実際のデザイン案件をベースにした実習あり!

10回でマスターできる! レイアウトデザインのコツ
デザインの基礎について、実際の案件をベースにしたデザインワークを行う無料デザイン講座です。

個人・ブロガー向け
デザイン制作サービス

デザイン作成承ります

個人で活動している方、ブロガー向けのデザイン作成サービスです。

ロゴマークや名刺など、デザインでお悩みの方 !

自分で作る時間がない!」
「自分で作りたいけどまとまらない!」
「何をどうしていいのかわからない!!」

そんなデザインに関する悩みを解決します。
個人で仕事を依頼するって何だか難しく感じますが、メール等で打ち合わせしながらデザインを進めています。
料金設定も個人向けにわかりやすく設定しています。

お問い合わせフォームまたは、下記のページからご相談ください!
お待ちしております!

ひとり広報 Line@

デザインのコツに関する質問・疑問。デジカメの購入相談など。Line@も気軽に使ってください!

ひとり広報が「LINE@」始めたよって話

2017.09.18

Line@友だち追加

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA