13 620 130 new

絵の描き方やペンタブ情報などをお届け

【同人誌】表紙のデザイン方法!見やすいレイアウトの考え方

更新日:2021.10.08
同人誌の表紙デザインアイキャッチ

同人誌の表紙を作りたいけれど、良い構図が思い浮かばない……。見やすいレイアウトにするためのポイントはあるのかな?
今回は、Twitterからnzworksさんのご投稿を紹介します。読み手の視線を考えて、見やすい表紙にデザインする方法を見ていきましょう。

※この記事で紹介している内容はご本人の許可を得て掲載しています。

業界最大手のお絵かき学習サイト!今なら無料お試し実施中

充実の講師・講座数!様々なプロのテクニックをものにして描ける自分になろう!
自宅で好きな時間に自分のペースで学習できるので空いた時間に学べる!
まずは7日間の無料お試しで体験しよう!

詳細はこちら >

業界最大手のお絵かき学習サイト!今なら無料お試し実施中

充実の講師・講座数!様々なプロのテクニックをものにして描ける自分になろう!
自宅で好きな時間に自分のペースで学習できるので空いた時間に学べる!
まずは7日間の無料お試しで体験しよう!

詳細はこちら >

同人誌 表紙のデザイン方法

同人誌 表紙のデザイン方法①.人間の視線の動きについて

視線の動き方

まずは、人が画面や紙面を見たときに、視線がどのように動くのか考えてみましょう。

人間の視線は、左上から右下へZ型に動きます。
この法則を利用することで、優先的に見せたいものを見せて、優先順位が低いものを最後に読ませるように、視線をコントロールすることができます。

同人誌 表紙のデザイン方法②.キャラクターを最初に見せたいとき

キャラの顔を見せたいとき

例えば解説図のような構図は、キャラの顔を最初に見せたい場合の構図です。
キャラの次はタイトルに視線が移り、その後に説明文が目に入る構成です。
※もしかすると、説明文を先に読む人もいるかもしれません。いずれにせよ、顔がメインのレイアウトです。

キャラの顔を見せたいとき2

解説図の表紙も、キャラをメインにしたレイアウトです。
このレイアウトでは、腰・足・お尻を見てから説明文を読む人も多いかもしれません。

同人誌 表紙のデザイン方法③.左下の扱いについて

左下の扱いについて

画面の左下は、基本的には最初に目が行く場所ではありません。
タイトルを配置するにしては、少し難しい位置かと思われます。

左下の扱いについて2

解説図のように、イラストが主役でタイトルは添え物と、割り切ってしまっても良いかもしれません。

同人誌 表紙のデザイン方法④.文字は右上・左上に配置するのもオススメ

右上・左上に置くと見やすい

読ませたい文字がある場合は、解説図のように上の方に置くのが無難です。

右上・左上に置くと見やすい2

イラストがある場合は、タイトルを左上に置くのも簡単でオススメです。
収まりの良い画面になっていますね。小説本の表紙にも向いてそうです。

同人誌 表紙のデザイン方法⑤.真ん中揃えは簡単で見やすい

真ん中揃えは簡単

他にもオススメの構図として、文字・イラストを真ん中揃えで配置するのがお手軽で簡単です。

真ん中揃えは簡単2

解説図のような真ん中揃えの配置も、簡単に作れて使用されることが多いレイアウトです。

真ん中揃えは簡単3

真ん中揃えのパターンとして、解説図のような構図もあります。
レイアウトを考えるのが難しく感じる場合は、とりあえず真ん中揃えで配置してみるのも良いと思います。

キャライラスト背景講座 ー都市編ー

「キャラ絵に都市背景をつけたいけど、都市の描き方が分からない…」とお悩みの方へ!
背景の描き方を遠景・中景・近景に分けて、実演を交えながら解説します♪
7日間の無料お試しで体験できます!!

詳細はこちら >

クリスタでチャレンジ!厚塗り風イラスト講座

厚塗りのエッセンスを取り入れた「厚塗り風」イラストの製作工程を実演を交えて解説します。
厚塗りイラストに興味がある方、情報量の多い絵を描きたい方にオススメ!

詳細はこちら >

まとめ

同人誌の表紙イラストの作り方の解説でした。見やすい表紙にするためにはどうすれば良いの……とお悩みの方は、nzworksさんの解説を参考にしてみてください。人間の視線の動きを考えることで、タイトルやイラストを見やすい場所に配置できるようになると思います。


最後に、nzworksさんのプロフィールをご紹介します。
nzworksさんは、TwitterやSKIMAで、同人誌の装丁デザイン・ロゴデザインを引き受けていらっしゃいます。
Tumblrでは、イラスト・デザインの制作事例を掲載していらっしゃいますので、ぜひご覧ください!
nzworksさんのTwitterはこちら
nzworksさんのSKIMAはこちら
nzworksさんのTumblrはこちら


関連講座

お絵描きのスタートはここから!超・初心者向けのイラスト入門講座!

なぞり描きお手本つき!
線の引き方練習から、最終目標のバストアップ(胸から上)の絵の描き方まで、分かりやすく解説♪
今なら無料お試し実施中!!

詳細はこちら >

「影の色選び」を中心に、配色の基礎知識をサクッと学ぼう♪

NG例・OK例を参考に、実践用の課題ファイルを使ってイケてる配色に挑戦してみよう!
今なら無料お試し実施中!!

詳細はこちら >

逆光イラストの描き方をプロが徹底解説!

逆光に焦点を当ててハイライトの付け方や影の付け方をプロが解説!
重ねムラブラシを使いこなして塗りの上達を目指そう!
今なら無料お試し実施中です。

詳細はこちら >

カラーのキャラクターイラストを完成させてみよう!

アタリ〜ラフ〜線画〜色塗り〜仕上げの手順とポイントを、初心者にもわかりやすく実演します♪
今なら無料お試し実施中!!

詳細はこちら >
記事の先頭に
もどる
記事の先頭にもどる
22 620 174

×