名刺レイアウトに使える!デザインサンプル12種【横型・横書き】

横型横書き名刺サンプル

こんにちは、yamaです。

この記事では、横型・横書き名刺レイアウトのデザインサンプル を紹介します。

横型で文字方向が横の名刺は、基本的な名刺デザイン。
実際、このタイプの名刺をよく見かけますよね?

今回は、全部で12種類のデザインサンプルを用意しました。
イメージに合うものを見つけてください。

サンプルをベースに 文字の位置、文字サイズ、並びを変えることで何通りもデザインを作ることが可能ですよ。

【横型・横書き】名刺レイアウトの特徴

横型横書きの名刺サンプル

個人用・ビジネス用を問わず、一般的な名刺レイアウトです。

横型・横文字名刺の特徴
  1. 職業を問わずに使えるレイアウト
  2. 肩書き、氏名の文字数に対応しやすい
  3. URL、E-mailなどの情報を入れやすい
  4. デザインのアレンジをしやすい

特に注目したいのは②、③です。
このタイプは、文字数に変化に対応しやすい 名刺レイアウトです。

例えば、自分だけの名刺であれば、載せたい情報が入ればOKですよね?
ですが、企業名刺だと共通のデザインを全員で使うようになります。

文字数の多い少ない

多くの人が名刺レイアウトを共有する場合、文字数によってバランスが崩れたり・スペース内に文字が収まらない のでは困りますよね。

横型・横書きのレイアウトは横方向に広いスペースが取れるので、肩書き・氏名のようなバラツキがある要素に対応しやすい設計 です。

特に、ビジネス名刺では使いやすいレイアウトです。

 

【横型・横書き】名刺レイアウトのサンプル

横型横書き名刺レイアウトサンプル
サンプルは、パターンで攻略!名刺を自作する方法とデザインテンプレート28種 で紹介したパターンとテンプレートをベースに作成しています。
先に以下の記事を読んでいただくと、以降の内容がわかりやすいと思います。

パターンで攻略!名刺を自作する方法とデザインテンプレート28種

2018.06.18

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

 

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

ロゴ左上の名刺パターン

ベースのパターンとテンプレートから文字の位置を移動。
氏名と会社情報の位置をずらしてリズムを出しました。

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

ロゴ左センターの名刺パターン

文字位置:氏名→会社名と住所→連絡先 のブロックごとにスペースを確保
デザイン:連絡先に縦の罫線

yama
このレイアウトでは縦に罫線を入れていますが、罫線は横でもOKですよ

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

ロゴ左センターの名刺パターン

文字サイズ:氏名のフォントサイズを大きく
文字位置:肩書き・氏名を上に配置
デザイン:社名・連絡先をロゴマークの高さと揃える

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

ロゴ右上の名刺パターン

文字位置:肩書き・氏名を下に配置
デザイン:「肩書き・氏名」と「社名・連絡先」を横並び

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

ロゴ右センターの名刺パターン

文字位置:会社情報をロゴマークの下へ移動
文字揃え:会社情報を右揃え
デザイン:「肩書き・氏名」と「ロゴマーク」を横並び。

yama
今回のサンプルでは⑤のパターンが好きですね

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

ロゴ右下の名刺パターン

文字位置:会社情報を項目ごとに改行して全体の高さを出す
デザイン:氏名・会社情報の横幅を小さくして左下スペースに配置、ミニマムなイメージ

yama
シンプルだけどデザインしてますよw
⑥のパターンもいいですね

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

ロゴセンター上の名刺パターン

文字位置と文字揃え:センター合わせ

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

ロゴセンター・センターの名刺パターン

デザイン:「肩書き・氏名」を横並びにして、天地の余白を作る

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

ロゴセンター・下の名刺パターン

文字揃え:左揃え

横型・横書きの名刺レイアウトを紹介しましたが、どうでしょう?

  • 文字の位置
  • 文字サイズ
  • 並び

これらを変えるだけで、他にも名刺レイアウトができそうですよね。

yama
ちょっと動かすだけだから初心者さんでも簡単にできちゃいます

さらにデザイン要素を加える場合は背景を配置します。

 

背景を追加した名刺レイアウトのサンプル

背景を加えると、グッとデザイン要素が強くなります。
これまで名刺の背景を「白地」で作ってきたのは、名刺のレイアウトを知っていただくためです。

背景作りに一生懸命になりすぎると、必要な情報が載せられない なんてことも起こり得ます。

背景作りのポイント
  • 情報をより整理するため
  • 内容をより印象づけるため

あくまで、名刺を見やすくするためのデザイン要素と考えましょう。

先ほどのサンプルの内、⑤と⑦のレイアウトに背景をつけてみました。

⑤-2 ロゴ右・センターに背景をつけた名刺レイアウト

ロゴ右センターの名刺パターン背景あり

「肩書き・氏名」のブロックと「会社情報」のブロックを背景色で切り返しています。
背景がつくだけでかなり印象が変わりますね。

⑦-2 ロゴ右・センターに背景をつけた名刺レイアウト

ロゴセンター上の名刺パターンの背景付

必ずしも全面を背景で埋め尽くす必要もありません。

サンプルでは上下の赤いバーを斜めにカットしています。
視線を誘導したり、文字情報の範囲を限定する役割を持っています。
ここで使用している背景色は、ロゴマークと同じ「赤」と「グレイ」を使っています。
背景を入れるにあたり、肩書きと氏名を横並びに修正しています。

yama
背景に色をつけるだけでも印象が変わりますよ!
試してみてください。

 

最後に、今回のまとめ

横型・横書きの名刺サンプルを1つずつ紹介しました。

基本的なパターンとテンプレートから

  • 文字の位置
  • 文字サイズ
  • 並び

を変えることで、レイアウトは何通りもあることがわかると思います。

また、背景を配置する時は、名刺の掲載内容が犠牲にならないようにデザインしましょう。

それでは、今回はこのへんで。

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




横型横書き名刺サンプル

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

メルマガ登録

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

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

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

デザイン作成承ります

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

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

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

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

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

ひとり広報 Line@

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

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

2017.09.18

Line@友だち追加

コメントを残す

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

CAPTCHA