素人がデザインするときに気をつけていること

2015.01.21

実は名刺や一部のノベルティグッズのデザインを担当している前田です。一昨日も昨日もグッズの原稿を業者さんに入稿しました。なお、中学生の頃の美術の成績は低空飛行を維持していました。

今回は、デザイナーではない私が制作時に気をつけていることをいくつか紹介します。

当然ですが、自分で作るよりもデザイナーさんにお願いした方が良いものが出来上がります。ロゴを作ったりイラストを描いたりは自分ではできませんし、デザインの引き出しの違いは圧倒的です。ですので、多くはデザイナーさんにやってもらっています。

それでも自分で制作する主な理由は制作にかける時間・期間を抑えるためです。狙い通りのものを作ってもらうためには、フィードバックを行って直してもらうということを何回も繰り返す必要があり、かなりの時間がかかります。社内にデザイナーがいればやりとりも簡単ですが、社外の方が相手だとそうもいきません。そこで、最近は簡単なものであれば自分で作っています。途中までデザイナーさんに作ってもらって最後の細かな調整だけを自分でやることもあります。

グッズや名刺の場合は文字と既存のロゴをレイアウトするだけのことが多いので、素人でもなんとかなります。

揃えられるものは揃える

配置する文字やロゴの位置やサイズについて、揃えられるものは揃えます。物の位置が微妙にずれていたり意味もなく微妙にサイズが違っていたりして落ち着かない感じになるのを防ぎます。

定規(2013年制作)の揃えの基準線

センタリングは、多用すると各オブジェクトの両端の位置が揃わずきれいに見せるのが私にとっては難しいので、なるべく使わないようにしています。

仲間同士まとめる

同じ種類の情報は近くにまとめて配置することで読みやすく理解しやすいデザインとすることを目指しています。

以下は当社の名刺のサンプルです。名刺に記載されている情報を個人、会社、連絡先に分類して、それぞれ左半分、右上、右下に配置されています。氏名の上下に大きく余白を確保してさらに左側にコーポレートカラーの青色(DIC-221)の帯を置くことで、氏名が目立つことを狙っています。

大きさ・位置・色などについて根拠を説明できるようにしておく

文字やロゴがなぜその大きさなのか、なぜその場所なのか、その色を選択した根拠はなにか、他人に意図を説明できるようにしておくことを心がけています。これらを意識することでレイアウトに必然性が生まれ、分かりやすく整ったものを作るのに役立つと考えています。

例1: 付箋

2009年に作った付箋では、ロゴの大きさや印刷の色などの仕様を細かくデザイナーさんに伝えた上で制作してもらいました。

ロゴなどを印刷している領域の高さを7mmに抑えて筆記領域をなるべく広く確保しました。7mmという数字は、私の感覚で筆記領域が窮屈と感じないぎりぎりの大きさということで決定しました。

また、印刷はK100%の黒はなくK60%とし、ペンで書いた文字がロゴにかかても字が読めることとロゴが目立ちすぎて書いた内容よりも先に目が行くことがないように配慮しています。

例2: 名刺

2003年からデザインを変更した名刺におけるレイアウトの根拠の一例です。

左側にアクセントとして青色の帯を配置。色はコーポレートカラーのDIC-221。
イベントなどで名刺が名札の代わりに使われることもあるので、氏名が最も目立つようレイアウト。文字サイズは大きめの14ptとし、上下には余白を大きく確保。
右半分に社名と連絡先を配置。
読みやすさを重視して、最小の文字サイズは名刺としては比較的大きめの7ptとした。
日本語フォントは6種類のウェイトが選べる小塚ゴシック(Adobe製品に付属)を使用。
すっきりとしたモダンなイメージとなるよう、英数文字のフォントはAvenir Next(Mac OS Xに付属)とした。
社名と連絡先は情報のカテゴリが異なるので、それを明確に分離するために青色の線を垂直方向中央に配置。氏名も垂直方向中央に配置しているので、氏名と青色の中心線は同じ。
社名はヒラギノ角ゴシックで表記。幅が青色の線と同じになるようフォントサイズを調整。
URLは会社に関する情報なので社名の近傍に配置。
すっきりとした印象とするため、URLの前の「http://」や郵便番号の前の「〒」は省略。表記がなくてもほとんどの人は「www.farend.co.jp」や「690-0003」が何を意味するのか見ただけで理解できるため。
同じ理由で当初は電話番号の前の「TEL」なども省略していたが、連絡先のところに文字ばかり並んで見にくかったので最終稿ではメールや電話のアイコンを入れた。

まとめ

ちょっとしたコツを押さえることで、デザイナーさんには到底及ばないものの、それなりに整ったデザインを作ることができます。このコツは一般の資料作成などにも応用できます。

ただ、「それなりに整った」を超えられないことが私の限界でもあります。強い印象を与えたり感動させたりするためにはデザイナーさんの力が必要だと痛感しています。

最後に、レイアウトやデザインを学ぶために役立った本を紹介します。

7日間でマスターするレイアウト基礎講座 (DESIGN BEGINNER SERIES)

posted with amazlet at 15.01.20

視覚デザイン研究所
売り上げランキング: 2,367

Amazon.co.jpで詳細を見る

ノンデザイナーズ・デザインブック [フルカラー新装増補版]

posted with amazlet at 15.01.20

Robin Williams
毎日コミュニケーションズ
売り上げランキング: 365

Amazon.co.jpで詳細を見る

ファーエンドテクノロジーからのお知らせ（2025/08/20更新）

	Open Developers Conference 2025（9/6開催）登壇・ブース出展 Open Developers Conference 2025で登壇・ブースを出展します。
	【AIがRedmineのチケットを要約】チケット内容が瞬時に分かる新機能「AIチケット要約」をMy Redmineで提供開始！ Redmineのクラウドサービス『My Redmine JP Edition』で、チケット内容を要約する新機能「AIチケット要約」が使えるようになりました。
	RubyWorld Conference 2025 (11/6・7開催) にPlatinumスポンサーとして協賛 2025年11月6日(木)〜7日(金)に島根県松江市で開催される「RubyWorld Conference 2025」にPlatinumスポンサーとして協賛しています。
	2025年8月24日オライリー本の全冊公開日のお知らせ（もくもく勉強会も同時開催）ファーエンドテクノロジーが所蔵するオライリー本（全冊）公開日のご案内です。公開日には「もくもく勉強会」も同時開催します
	Redmineの最新情報をメールでお知らせする「Redmine News」配信中新バージョンやセキュリティ修正のリリース情報、そのほか最新情報を迅速にお届け