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, カーニング, デザイン, フォント

執筆者:


コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

カラーキャリブレーション

スポンサーリンク モニターやプリンター、スキャナといった入出力機器の状態は時間経過とともに変化してしまうため、一定の色再現を保つことが難しい。カラーキャリブレーションとは、こういった入出力機器の色再現 …

Illustratorで簡単にハートを作る方法 解説動画

Illustratorで、簡単にハートを作る方法をご紹介します。今回は解説動画付きです。 難しく考えると、どうやって作るのかわかりづらいですが、紐解いて考えていけば簡単にハートを作ることができます。 …

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

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

ガモット

色の再現範囲のこと。通常はモニタやプリンタの表現可能な色の範囲を意味する。 スポンサーリンク 関連

Photoshopでブラシの大きさを自由自在に変える方法

Photoshopでブラシの大きさを自由自在に変える方法 Photoshopでブラシの大きさを簡単に直感的に変える方法があります。 コレは実は、以前Adobeさんのセミナーに参加した時に、Adobeさ …

2018/06/24

35mm版(さんじゅうごみりばん)

一般的なロールタイプの写真フィルムサイズ。35mmフィルムがかつてライカに採用され全世界に広まったことから、このサイズのフォーマット(縦3.6 cm×横2.4 cm)をライカ版と呼ぶこともある。1カッ …

2018/06/24

三原色(さんげんしょく)

割合を変えて混ぜ合わせることで、あらゆる色を表現出来る3つの基本的な色のこと。光の三原色は、RED(赤)、GREEN(緑)、BLUE(青)であり、全てを混ぜ合わせると白(本当は透明)になる。また、イン …

2018/06/01

サムネイル

画像やページのイメージ等を、小さいサイズで一覧表示する機能のこと。また、その画像を指す。thumbnailは親指の爪という意味。本来は、小さなアイデアスケッチなどを指す言葉。業界的には、サムネなどと略 …

2018/04/07

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

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

2018/04/03

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

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

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


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

スポンサーリンク

    スポンサーリンク

    %d人のブロガーが「いいね」をつけました。