![見出し画像](https://assets.st-note.com/production/uploads/images/73402667/rectangle_large_type_2_ea761e9b072183e976b0b7eb80c2ea8d.jpeg?width=1200)
ちょっと見映えが良くなる、表紙デザインのひと手間
前回の記事読んでくださった方、ありがとうございました。
かなりふわっとした内容だったので、あれとは別にサクッと使えそうな表紙デザインのTipsをまとめときます!
Tips① 整理する
この仮表紙をもとに考えていきます。
![](https://assets.st-note.com/img/1646214893465-9BtOwXu2zm.png)
あんまりデザイン的にカッコよくない……
というわけで、次の作業を行います!
🌸 情報を整理する
🌸 タイトルは、1行に長く書きすぎない。
🌸 文字をそろえる
🌸 全体をそろえる
やるぞ~~~~~!!!!
🌸 情報を整理する
というわけでまず、情報を整理してみます。
「A太郎×B太郎」って作者名じゃなく、
「Web再録~2021~」にかかってくる情報ですね。
で、R-18と作者名は独立した情報と考えてみます。
この情報の整理の仕方は人それぞれ、場合によりけりなので自分なりに決めちゃいます!今決めた俺ルールでガンガンいきます。
というわけで
「A太郎×B太郎」「Web再録~2021~」
「同人花子」
「R-18」
絵(😎)
の三要素にグループ分けしました。
で、キーワードに優先順位をつけて文字のサイズを変更します。
とりあえずタイトル最優先で大きくしてみます。
![](https://assets.st-note.com/img/1646215820886-nZsJ5veOea.png)
配置の仕方はオシャレな表紙デザイン探してきて参考にするといいと思います。
うんうん。
🌸 タイトルは、1行に長く書きすぎない。
タイトルが長すぎる場合は改行したり点を打ったり、スペースを入れたりして見やすくしてあげます。
![](https://assets.st-note.com/img/1646216377972-3Ig9XB9yCN.png)
見やすくなった気がする!
🌸 文字をそろえる
たとえばこのタイトル。デコボコした感じがするので整えます。
![](https://assets.st-note.com/img/1646216518052-DJAWd9mCky.png)
![](https://assets.st-note.com/img/1646216599683-M1Ghy0FXrM.png)
カップリング表記も
![](https://assets.st-note.com/img/1646216681424-EXm9gUfQwg.png)
![](https://assets.st-note.com/img/1646216722646-uwvMnBWHHn.png)
R-18表記も
![](https://assets.st-note.com/img/1646216788790-WMhZc5SRqU.png)
![](https://assets.st-note.com/img/1646216802801-WdoXlmvZNt.png)
「文字詰め」とか「カーニング」とか呼ばれるやつです。私はだいたいでやっちゃってるんですが、検索するとちゃんとしたやり方が出てくると思います。
これ全部やるとかなり面倒なんで、タイトルとか目立つ文字だけでもやっとくとカッコよくなる気がします。時間あるときはね……。
🌸 全体をそろえる
文字をそろえたのと同じように、左右や上下を均等に配置します。
中心揃えじゃない表紙でも、基本的には何らかのルールに則って配置されてたりします。
![](https://assets.st-note.com/img/1646217626318-zaGW5sZV3g.png)
たとえばこんなのも
![](https://assets.st-note.com/img/1646218289054-VeeOHAQXUC.png)
![](https://assets.st-note.com/img/1646218600440-TvlBBtd4Kf.png)
まあだいたいで!締切に間に合わせるのが優先なので!!!
私はいつもずれてるので、後でオエ~~~ッとなります。
あとはタイトル以外のフォント変えてみたりして……
![](https://assets.st-note.com/img/1646219147503-wekDhIvEuI.png)
先にフォント決めとけばよかった……。
だいぶカッコよくなってきた!
タイトルだけゴシックなので、いい感じに目立ってる気がします。
フォントは種類増やしすぎると大変なので、せいぜい2~3種類くらい使うに留めとくことが多いです。
Tips② 読めるべき文字、読めなくていい文字
読むべき文字は書けたので、読めなくていい文字で飾っていきます。
![](https://assets.st-note.com/img/1646219472889-l398c6vLN3.png?width=1200)
こっちのほうがカッコよくないですか?
![](https://assets.st-note.com/img/1646219539104-Qg1yFwciBW.png)
タイトルとか作者名の隣に小さく英語をいれるとカッコよくなります。
なんか知らんけど、カッコいいデザインはこうなってることが多いのでやってます。かっけ~
全部に入れると鬱陶しいので、特に重要な文字列に。
読める文字の視認性を邪魔しない範囲で、文字で飾ってみます。
![](https://assets.st-note.com/img/1646219734919-xeIWOjc4M6.png?width=1200)
色数は増やしすぎると難しいので、
ベース色+差し色+モノトーンくらいでデザインすることが多いかも。
これは薄く敷いてますが、逆に読めるべき文字をガチガチに目立たせちゃうとかそういう手もあります。
![](https://assets.st-note.com/img/1646220258032-SqGTuAP00x.png?width=1200)
![](https://assets.st-note.com/img/1646220615469-bNUjtf4PWi.png?width=1200)
![](https://assets.st-note.com/img/1646220097010-xfHcwacp6l.png?width=1200)
ド真ん中にはんなり明朝で書きました。
Tips③ 重なりで奥行きをだす
ロゴを邪魔しない程度に、上にオブジェクトを重ねると奥行きが出たりします!
![](https://assets.st-note.com/img/1646221155750-gUygfrO0W6.png?width=1200)
前回の記事で文字の手前に絵を持ってこようとしてたんですが、これをやろうとしてました。
基本的に絵の上に文字がのってると思うのですが、
その上に更に絵の一部を重ねることで、少なくとも絵-文字-絵の3レイヤーが生まれます。画面に奥行きが出て嬉しいです!
というわけでTips集でした!
いろいろ書きましたが、何はともあれイケてるデザインのやり口を真似するに尽きます。
![](https://assets.st-note.com/img/1646223781712-4rjnR6uRuK.png?width=1200)
おしまい!
この記事が気に入ったらサポートをしてみませんか?