このパス、どっちが正解？ ロゴ制作で必要になる造形センスを磨いておこう

3問目の答え：B

以上が私なりの解答です。

あなたがよいと感じたパスは、AとBどちらでしたか？

ではここからは、それぞれの作例のAとBで、何が異なっていたのか？を説明し、作例で用いられていたデザインテクニックについて紹介していきます。

1．セグメントを拡大・縮小する

「セグメント」とは、アンカーポイントとアンカーポイントを結ぶ線分のことです。

このセグメントを使った操作方法は非常にカンタンですので、用語について深く考えずに、動画を参考にしながらやってみてください。

1. 正円を描画する
2. 「ダイレクト選択ツール」で4つの辺を選択
3. ツールバーの「拡大・縮小ツール」を選択し、アートボードの余白でドラッグ

なお、次の方法でも実行できます。

「ダイレクト選択ツール」の扱いに慣れていない場合には、こちらのほうがカンタンです。

1. 正円を描画する
2. 「選択」＞「オブジェクト」＞「セグメント」をクリック
3. 「オブジェクト」＞「変形」＞「拡大・縮小」をクリック
4. 「縦横比を固定」の値を調整（110%前後）

2．「ワープ」効果を使う

「ワープ」効果を使えば、後から微調整が可能なスーパー楕円を作成できます。

少し“小ぶり”になってしまうので「変形」効果の度合いを、拡大・縮小して調整しましょう。

1. 正円を描画する
2. アピアランスパネルを開き、下部の「新規効果を追加」をクリック
3. 「ワープ」＞「膨張」をクリックし、ワープオプションで「カーブ」の数値を設定（負の値に）

この方法を使えば、後からカーブの度合いを調整したい場合には、アピアランスパネルで変更できます。

2．錯視を理解してパスを調整する

続いて、2問目を振り返ります。

この問題は「貫通して見えるのはどっちの斜線？」というものでした。

「え？考えるまでもなく、貫通しているのはBでしょ！？」と思った方が多いと思います。

ところが、縦棒の不透明度を下げてみると、斜線が貫通しているのはAでした。

これは、斜線の一部を隠すとズレて見えるという、目の錯覚（錯視）によるものです。

この錯視による違和感をなくすため、Bでは左右の斜線の位置を調整しています。

そのため、私は「B」を正解としました。

なお、Illustratorでこの作例のような貫通している斜線を作った際に、ズレの大きさを確認するには、「プレビュー／アウトライン」表示の切り替えを使います。

「表示」＞「アウトライン」を実行すると、アウトライン表示になり、「塗り」や「線（線幅）」などの情報がないパスだけが表示されます。

「表示」＞「プレビュー」を実行するとプレビュー表示に戻ります。

⌘ + Y（WindowsはCtrl + Y）のキーボードショートカットでも切り替え可能です。

非常によく使うショートカットなので、ぜひ覚えましょう。

1．幾何学どおりを疑う

正しくても「気持ちよくない線」は選ばれません。

本当に微妙な差で伝わる印象は大きく変わります。

パスの「微差」を見抜き、よりよい形に導く力を、ぜひ日々の制作で磨いていきましょう。

ロゴ制作者は、線の1本にも理由をもっています。

違和感を感じたら、怖がらずいじってみるという姿勢を大切にしましょう。

2．ロゴは必ず“錯視”を前提に調整する

太さや位置を揃えただけでは「同じに見えない」ことがあります。

視覚は常にズレを生むもの。だからこそ、アウトライン表示（⌘+Y / Ctrl+Y）での確認や「目視の調整」が欠かせません。

ロゴの見栄えは、数ピクセルの差で大きく変わります。
“正確”より“視覚的に正しい” を優先しましょう。

3．違和感を放置しない

「なんとなく気になる」──
その感覚がプロのセンスの源です。

一例として、直線よりわずかに膨らんだ線のほうが安定感が増したり、凹みに見える錯視を防げたりします。

デザインは“微差”の積み重ね。
ほんの少しの微調整で、全体の印象をすぐに1ランク引き上げることができます。
そして、パスの細部に意図をもつことが、プロ品質のロゴにつながります。

お相手はグラフィックデザイナーのさとうコージィでした。

本コーナーでは、あなたのデザイン力のアップにつながる様々なクイズが用意されています。
ぜひほかのクイズにもチャレンジしてみてください。


※本コンテンツは、デザイナーがそれぞれの視点で理想とするデザインを語っています。
クイズの正解はひとつではなく、あくまで参考としてご活用ください。