見出し画像

「同人誌表紙デザイン」追加で2案×2パターン作ってみた! | 同一のオーダーから複数案考える

「同人誌表紙デザイン 5案作ってみた!」続編です。本編では5つのオーダーで5案デザインしました。

今回はオーダー(5)を元に、「1つのオーダーに対して複数案」(2案×2パターン)デザイン、アイデアの出し方・デザインへの落とし込み方をデザイナーの視点で記事にしました。

複数案のアイデア出しに悩みがちな方、デザイナーにデザインを依頼予定の方に、何か少しでも参考になればうれしいです。


↓ 本編はこちら!



オーダー(5) 前回のまとめ

オーダー内容・完成したデザインのまとめです。

表紙
表紙 + 裏表紙 + 背表紙
[追加提案]小さな文字が白のバージョン


作家からのオーダー内容(共通)

https://note.com/mizuako/n/nc458882310ae#4fdc822b-e75d-4fb6-8486-c1e872d99089

  • イメージカラー

  • モチーフ
    彼岸花

  • 作中のキーアイテム
    真っ赤なハイヒール


オーダー(5)
「同人誌らしい、可読性が低くても感覚に刺さるデザイン」

https://note.com/mizuako/n/nc458882310ae#4a79625d-8aaf-4ec3-977a-030435bca529


● 作家からのテイスト・キーワード

  • ヒリヒリ・チリチリした雰囲気

  • 病み系

  • ダーク

  • 可能なら黒い背景
    (「彼岸花の激しい赤に背景は黒」がそれっぽい)


● 作家からの条件

  • 文字関係:可読性が低くてもOK

  • ペンネーム・サークル名:入れても入れなくてもいい

  • ターゲット:病み系の百合が好きそうな読者

  • 活動:非営利



別の可能性を考える

まずは、オーダー(5)を読み返して別の可能性を考えてみました。


1. デザインの強さの指定がない

オーダーには、デザインの強さの的確な指定がありませんでした。

作家から「彼岸花の激しい赤に背景は黒がそれっぽいと思った」とあったものの、これはカラーリングに関する内容でした。全体的に激しい印象のデザインを希望しているのかどうか、どれくらいの強さを希望しているのかは不明です。

1案目は「強く激しく・病んだ印象」でデザインしましたが、作家には作品の印象に比べデザインが強すぎると感じる可能性があります。

以下の可能性が考えられます。

  • 強く激しく
    (1案目:前回のデザイン)

  • もう1〜2段階強さを抑える

  • 強いと繊細の中間

  • 繊細


2. デザインの大枠の方向性の指定がない

以下の可能性が考えられます。

  • インパクト重視
    (1案目:前回のデザイン)

  • スタイリッシュ

  • きれいめ

  • ガーリー
    (絵柄から推測)


3. 方向性の追加アイデア

  • もっとイラストレーションを見せたい
    1案目はインパクト重視で、イラストレーションに被せるようにタイトルを入れたため。

  • クモ・クモの巣
    スパイダーリリーが題材のため、病み系なら似合うかもしれない。

  • アルファベット表記メイン
    1案目は日本語で構成しているため差が出しやすい。

今回はデザインのみで差が出ることを見ていただくため、彼岸花は1案目と同一の素材を使用しました。



2案目 - パターン1 
強さを抑えてスタイリッシュに


「別の可能性」から以下の内容をセレクトしました。

  • もう1〜2段階強さを抑える

  • スタイリッシュ

  • もっとイラストレーションを見せる

  • クモの巣

  • アルファベット表記メイン


以上の条件から導き出した案がこちら!

表紙
表紙 + 裏表紙 + 背表紙


  • もう1〜2段階強さを抑える

  • もっと絵を見せる

1案目はインパクトを優先したため、イラストレーションにタイトルを被せるようにレイアウトしていました。今回はイラストレーションの上には何も載せていないため、1案目より落ち着いた印象に見えます。

イラストレーション自体も小さくなり、頭部の上に空きを作ったため、より落ち着いて見えると思います。

左:2案目、右:1案目(前回のデザイン)


  • スタイリッシュ

  • アルファベット表記メイン

タイトルには、スタイリッシュな印象の書体をセレクトしました。一部を尖らせて伸ばしたり、丸を追加したり抜いたり、ほのかな「ヒリヒリ・チリチリ感」を表現しました。

上:オリジナル、下:タイトル用に加工


  • イラストレーションの加工

ハイヒールの赤をより鮮やかにし、彼岸花・タイトルの赤に近い印象にしました。色味を合わせることで、全体的な統一感が強くなりました。

左:オリジナル、右:加工を加えたもの


オーダー内容より

  • ヒリヒリ・チリチリした雰囲気

赤いクモの巣・スパッタリングで「ヒリヒリ・チリチリ」を表現しました。

赤いクモの巣
スパッタリング

裏表紙のスパッタリングは、花がハラハラ消えていく・壊れていくような不穏さも表現しています。

赤と黒との対比でも「ヒリヒリ・チリチリ」感が出ます。


  • 黒の背景と、濃いグレーの服と髪の関係性

黒の背景に濃いグレー部分が埋もれないよう、キャラクターの背面に赤い彼岸花を配置することで、服・髪を際立たせました。


2案目 - パターン2 
より同人らしく


デザイナーにより呼び方が異なりますが、私の場合は、要素・切り口が大きく変わらないものは「1案」ではなく「1パターン」と呼んでいます。

以下は「2案目の2パターン目」になります。

表紙
表紙 + 裏表紙 + 背表紙


  • 視認性が下がりより同人らしいデザインに

黒背景に赤文字は視認性が下がるため、感覚的に見えやすくより同人らしいデザインに感じられると思います。

1案目・2案目パターン1ともに効果が丸で構成されていたため、今回は欧文タイトル・効果の加工を四角にしました。直線の方がスタイリッシュな印象を受けやすいです。

要素を四角で構成
上:2案目パターン1、下:2案目パターン2


  • 足りなくなった不穏さを増す

よりスタイリッシュな印象になるよう潔さがほしかったため、クモの巣・スパッタリングを外しました。その分「不穏さ」が弱くなったため、裏表紙の彼岸花の一部を市松模様で削ることで不穏さを復活させました。


  • イラストレーションの加工

弱くなった「病み感」をさらに復活させるため、イラストレーションに影の加工を加えました。

  1. ハイヒールの彩度は2案目パターン1(画像中央)と同じ

  2. 中央から足元・頭部・顔に影
    (顔に影が入ると病んだ印象を受けやすい)

左:オリジナル、中央:2案目パターン1、右:2案目パターン2


2案目 - 比較

2案目 パターン1
2案目 パターン2

レイアウトはほぼ同じですが、ちょっとした要素の差で受ける印象が変わったのが伝わるでしょうか。


おまけ
(バリエーション)

表紙
表紙 + 裏表紙 + 背表紙


「2案目 パターン1」の背景違いバリエーションです。

背景画像の差し替え・カラーリング変更など、差が少ない場合は「バリエーション」と私は呼んでいます。(範囲はデザイナーにより異なります。)

背景に所々白を挟んでキャラクターを見えやすくしました。背景に白が入ったことで、欧文タイトルが白抜きにできなくなったため赤に変更。蜘蛛の巣と背景がぶつかった印象に見えたため、蜘蛛の巣の彩度を落としました。

クライアントからの条件は、「必ず黒の背景」ではなく、「何か方法があればご提案ください」だったため、バリエーション変え・追加提案としてはこんな背景もありだと考えました。

●クライアントからの条件(再掲)
「彼岸花の激しい赤に背景は黒」がそれっぽいと思ったのですが、うっかりキャラの服を黒に近いグレーで描いてしまったので、何か方法があればご提案ください。厳しいようでしたら黒以外の背景でご提案ください。



3案目 - パターン1 
病みの中にほのかに感じるガーリーさ


「別の可能性」から以下の内容をセレクトしました。

  • 強いと繊細の中間

  • ガーリー
    (絵柄から推測)

  • クモ

  • アルファベット表記メイン


以上の条件から導き出した案がこちら!

表紙
表紙 + 裏表紙 + 背表紙


  • 強いと繊細の中間

オーダーの「黒い背景・彼岸花の激しい赤」の対比で、ある程度「強い」が確定しているため、イラストレーションを小さめにレイアウトし、華奢な書体を使用することで「繊細」を表現しました。

赤は1・2案目よりも彩度を下げ、どこか仄暗い雰囲気を感じてもらえるよう演出しました。


  • ゾーニング

イラストレーション部分にタイトルをレイアウトすると華やかな印象になるため、あえてタイトルゾーンとイラストレーションゾーンを分け、タイトルも小さめに配置することで静かな印象にしています。

エリア分けされているため、イラストレーションをじっくり楽しんでもらいやすいという効果もあります。絵力が強い作家さんの場合、エリア分けすることでよりイラストレーションの強さが際立つ場合もあります。


  • ガーリー
    (絵柄から予測)

  • アルファベット表記メイン

欧文タイトルの書体は、ガーリーさ・アナログ感のあるものをセレクトし調整しました。ここでも「ヒリヒリ・チリチリ」を表現したかったため、途切れ部分を強調させました。

あまりかわいくなりすぎないように、「病みの中にほのかに感じるガーリーさ」を感じてもらえるよう調整しました。

上:オリジナル、下:タイトル用に加工

装丁は要素が少ないため、書体の力の比重が他のグラフィックデザインよりも高いです。書体のセレクトや調整だけで印象が大きく変わります。


  • クモ

ラフ加工をほどこした「クモ」のシルエットを、表紙から裏表紙にかけて配置しました。表紙のみを見るとクモの印象が弱いですが、表紙・裏表紙を繋げて見ると、よりクモの形状が認識しやすくなります。


オーダー内容より

  • 黒い背景と濃いグレーの服の関係性

オーダーで「黒い背景」を作家が希望しているものの、「濃いグレーの服」との関係を気にしていました。

1・2案目ではイラストレーションを際立たせるデザインしましたが、3案目は逆手に取り、黒背景とイラストレーションがなじんでもおもしろいと考えました。

オーダーが1案の場合はこの方法はリスクがありますが、3案であれば表現の幅としてありだと考えました。(クライアントによっては難色を示される可能性もあるため、事前に探りを入れていない場合はやめた方が無難かもしれません。)


  • イラストレーションの加工

  1. 手前のハイヒールは鮮やかに・奥はやや彩度低め

  2. 全体的にネイビーで暗く

  3. 足元をネイビーでさらに暗く

左:オリジナル、右:3案目パターン1

「静かな病み」を感じる仕上がりになりました。


  • ヒリヒリ・チリチリした雰囲気

赤背景に黒・黒背景に赤で、闇が侵食していくようなガタガタのシミを入れて表現しました。派手に入れてはいませんが、むしろそれが静かに不気味な印象になりました。


3案目 - パターン2 
ヒリヒリ チリチリした雰囲気・ガーリーさを増す


以下は、印象が大きく変わるものの、タイトルの書体が同じで要素も共通部分が多いため、私のところでは「1パターン」扱いになります。(もう少し手が入ると切り口自体が変わる可能性があるため、「1案」としてカウントするかもしれません。)

表紙
表紙 + 裏表紙 + 背表紙


  • ヒリヒリ・チリチリした雰囲気を増す

上下の赤いベタを、シミの雰囲気を残しつつガタガタに、赤のベタから深い赤のグラデーションに変更しました。

感情を表現する漫画の背景効果のような、交差する細い線を追加。繊細さ・ヒリヒリした切れ味を表現しつつ、どことなくクモの巣を連想させるような作りにしました。


  • アクセントを増やす

もうひとつアクセントがほしかったため、赤いハイヒール以外を目立たないよう暗く画像処理したイラストレーションを右上に配置しました。


  • ガーリーさを増す

欧文タイトルがガーリーな印象のため、大きめに配置するとガーリーさが増します。タイトルが1案目(下記画像:右)より繊細なため、イラストレーションに重ねても覆われた印象にはなりにくいです。

左:3案目パターン2、右:1案目

ハイヒールが見えて収まりのいいポジションを探したところ、1案目・3案目パターン2のタイトルの配置が似てしまいましたが、この程度なら問題ないと判断しそのままいくことにしました。


  • イラストレーションの加工

3案目パターン1の画像が暗すぎたため、イラストレーション全体にかけていた薄いネイビーを外しました。

左:オリジナル、中央:3案目パターン1、右:3案目パターン2


3案目 - 比較

3案目 パターン1
3案目 パターン2


おまけ
(折衷)

3案目パターン1・2の中間の印象のデザインも制作してみました。表現がシンプルになった分、シミ部分をよりガタガタにして激しさを追加しています。

表紙
表紙 + 裏表紙 + 背表紙



複数案・バリエーションの出し方


デザイナーにより異なると思いますが、私の場合はまず「着地点」を掴んだ上で、切り口を変えていきます。

「レッドスパイダーリリー」オーダー(5)の場合、以下の条件をすべて回収できるものが「着地点」となります。


着地点

  • 作品:病み系
    (デザインで病み感を強く)

  • ジャンル:百合

  • ターゲット:病み系の百合が好きそうな読者

  • 非営利活動
    (より自由度の高いデザイン)

  • 同人誌らしい、可読性が低くても感覚に刺さるデザイン

  • モチーフ:彼岸花

  • イメージカラー:赤

  • ヒリヒリ・チリチリした雰囲気

  • ダーク

  • 可能なら黒い背景


この着地点に加え、切り口を変えデザインします。
1案目の切り口に当たるのが「インパクト重視」「激しい」です。


1案目

  • インパクト重視

  • 激しい


2案目

  • 強さ・激しさを抑える

  • スタイリッシュ


3案目

  • 繊細

  • ガーリー
    (絵柄から推測)


クライアントの意向を依頼内容から100%汲み取ることは不可能に近いため、クライアントが求めているであろう可能性毎に「1案」「1パターン」デザインが生まれます。


例えば、ベースとなる「着地点」に加え、以下の展開方法の中から1つのグループをセレクトし、そこから3方向にアイデアを考えるだけでも、複数案・複数バリエーション出せると思います。


例)


● 自由度

  1. 強(自由)

  2. 弱(真面目で誠実な印象)


● 強さ

  1. 強い・激しい

  2. 弱い・やさしい・おだやか


● 可読性


● テイスト

※以下のテイストはクライアントにより大きく異なるため、好みの傾向は探る必要があります。

  1. かっこいい

  2. かわいい

  3. きれいめ


● 優先する目線

  1. クライアント目線強め

  2. ユーザー目線強め

  3. 自分(デザイナー)の一押し


● ビジュアル・情報のバランス

  1. ビジュアル優先
    (とにかくかっこいい・きれい、など)

  2. 中間

  3. 情報優先


…など



最後までお読みいただき、ありがとうございました!
この記事が、何か少しでもお役に立てたらうれしいです。


この記事を気に入っていただけたら、ぜひ「❤️(スキ)」クリックをお願いいたします!モチベが上がります💪✨
(❤️はnoteに未登録でも押せます!)

この記事が気に入ったらサポートをしてみませんか?