DTP Illustrator カーニング デザイン フォント

デザインで素人がやりがちな事。プロっぽく魅せるコツ。

投稿日:2017年8月19日 更新日:

Pocket

素人っぽくならないために

デザインしてると、ああコレはだめだなって思うこと。気になる点について書いてみようと思います。

文字について

タイトルの処理

タイトルはデザインの肝です。まずは大見出しやキャッチコピーで一番言いたい事がちっちゃいやつ。これが一番だめ。目立たせるという事を躊躇しないこと。想像している3倍くらいの大きさにしてみましょう。紙面の4分の1くらい割くくらいの勢いが大切です。

それから、小見出し。小見出しに行間開けちゃう人。コレは要らないです。小見出しの行間は無駄に場所をとるし、インパクトが薄れるので、行間もベタ付き(級数と一緒)でOKです。

字詰め

最低限、字詰めをしましょう。特に大きい文字を優先的に。大きな文字程、変な空きがあると目立ちます。Illustratorの文字の設定をオプティカルにして左右の空き設定はベタにしましょう。

特に気を付けたいのはカタカナです。カタカナはそのままだと、文字同士がお互いに開いてしまいます。ですので個別にカーニングが必須です。

それから、クエスチョンマークやエクスクラメーションマーク。これが全角になっているとかなり開いてしまい、オプティカルも効かないので、英数で半角打ちにしましょう。

書体

いろんなフォント使いまくりな人。めちゃくちゃ素人感しか出ません。日本語の使用書体は2つで充分です。私は、リュウミンとゴシックMB101があれば、大概のモノは作れます。どうしても味を出したい時に、もう一書体程度でしょうか。もちろん欧文フォントは別です。

英数字は欧文フォントを使用しましょう。何らかの意図がない限り、英数字を欧文にするだけで、1歩違って見えます。こちらも日本語同様にセリフとサンセリフの2書体あれば充分です。

改行

改行にも気を配りましょう。

へんなところで改行

が入っているとおかしい

です。こんな感じで、リ

ズム感が無くなってしま

います。

例え支給された文字がへんなところで改行が入っていたとしても、直すくらいの気持ちでやりましょう。

スポンサーリンク

また、文字をテキストボックスで流し込む場合、そのままだと行末がボコボコしてしまうので、必ずcommand+shift+Jをしておきましょう。これで、最終行以外は両端が揃います。

色について

たくさんの要素がある場合、いろんな色を使いたくなる気持ちはわかります。しかし、基本的には黒+2色に抑えましょう。黒+1色でベースを作り、差し色でもう1色。

他にも色を使うかは、そこから落ち着いて考えてください。そのくらい慎重に配色していくと、プロっぽいデザインに出来ます。

最後に色を作る時は、必ず5%刻みで作りましょう。

オブジェクトについて

Illustratorの機能に頼らない

一、グラデーションに逃げない

一、ドロップシャドウに頼らない

一、やたらと透明を使わない

一、矢印機能は使わない

便利なIllustratorの最近の機能ですが、この機能に頼ってばかりで、肝心のレイアウトがめちゃくちゃな人が結構います。まずは、きちんとしたレイアウトをしましょう。

最後の味付け程度に便利な機能を利用しましょう。

グラデーションは使う場所を限定し、光の向きをきちんとしましょう。ドロップシャドウは、とても便利ですが、正直、コレを多用するヒト程素人です。

透明効果や乗算もきちんと使えば、流行りのデザインや高級感なども出せるのですが、使いすぎると、可読性が悪くなったり、写真自体がよく分からなくなったりしてしまいがちです。しっかりと吟味してから使用しましょう。

矢印を矢印ツールで作ってる人はやめてください。もっとかっこいい矢印を自分で作りましょう。そのくらいの手間を省いてはだめです。

揃えはしっかり

オブジェクト同士の揃え出来てますか?コレをウッカリする率が高い人は、もうデザイナーには向いてないです。もしくは、相当な鍛錬が必要になります。

スポンサーリンク

この記事が気に入ったら
いいね ! しよう

Twitter で

-DTP, Illustrator, カーニング, デザイン, フォント

執筆者:


コメントを残す

関連記事

webデザインも出来る様になりたい Part.1

普段はグラフィックメインで、主に紙媒体しかやってないけど、webのデザインも出来る様になりたいって方もいると思います。もしくは、webのデザインも必要に迫られている方とかいますよね。 私も10数年前に …

組版(くみはん)

組版(くみはん) もともとは活版の版を作成する作業のこと。現在では、ページレイアウトソフトなどで文字や図版をページに配置していく作業のことも組版と呼ぶ。組版には、文字を美しく、読みやすくレイアウトする …

デザイナーの労働環境について

デザイナーの労働環境について考えてみる デザイナーのみなさんは元よりこれからデザイナーを目指す方が気になるデザイナーの労働環境について書きたいと思います。 私はもうかれこれ14年以上、デザイナーとして …

行揃え

スポンサーリンク 行の中で、文字列をどの位置を基準に揃えるかという設定のこと。横組みの場合、左揃え、右揃え、中央合わせ(センタリング)などの種類がある。また、行の左端から右端までに文字を均等の間隔で配 …

縁文字の作り方

縁文字の作り方

学生の諸君、これはどちらかというと学生向けの投稿です(笑) もし現役のデザイナーで知らなっかたって人はこっそりこの投稿を見て知っていたふりをしてください。 スポンサーリンク Illustratorで縁 …

スポンサーリンク

2018/04/07

レバテッククリエイターさんでこのブログが紹介されました

昨年末くらいにレバテッククリエイターというweb、ゲーム業界のクリエイター向けの求人サイトのブログで、このブログが紹介されました。ということでご紹介させていただきます。 レバテッククリエイターさんの取 …

2018/04/03

地域ポータルサイトを作ろう 第3回

前回地域ポータルサイトを作ろう 第2回からさらに1ヶ月以上が経ちました。 現状は、mottokasukabe.comで確認できます。 本業のデザイン仕事で、現在とある酒蔵のホームページリニューアルがか …

2018/03/30

Illustratorショートカット集

Illustratorショートカット集 Illustratorで必須のショートカットを記しておきます。Illustratorの操作を素早くする事で仕事の効率は倍以上に早くなります。覚え方は実に簡単。そ …

DTP画像

2018/02/22

これだけでデザインが良くなる!字詰めをちゃんとしよう!

さて、タイトル通り今回は字詰めのお話。 以前、デザインで素人がやりがちな事。プロっぽく魅せるコツ。でも軽く触れたのですが、先程ディレクターの方から 「字詰めの仕方を新人に教える本とか持ってない?」 っ …

2018/02/19

地域ポータルサイトを作ろう 第2回

前回地域ポータルサイトを作ろう 第1回から約1ヶ月経ちました。 あれから進んだ事は、トップページのデザインが概ね出来た事。下層ページのスマホデザインがなんとなく出来た事くらいです。 その他、サイトの構 …

クリックしていただけると助かります


デザイナーランキングへ にほんブログ村 デザインブログへ
にほんブログ村

スポンサーリンク

    スポンサーリンク