このページでは
私が今まで制作してきたヘッダー、サムネを
実際に例に使い…
「どのようなロジックでそのデザインにしたのか」
それを解説していきます。
実践しやすい初心者向けの物から順に見ていき、
後半は少々難しいデザインのものに
なっていきますが、
参考にしていただけたらと思います。
例①
それでは早速1つ目。
私が最初に出したBrainの
サムネイルになります。
人物なども配置していないため、
誰でも実践できるデザインの型ですね。
![](https://atelier-improve.com/wp-content/uploads/2022/01/009-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/010-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/011-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/012-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/013-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/014-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/015-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/016-1024x536.jpg)
例②
![](https://atelier-improve.com/wp-content/uploads/2022/01/001-1024x512.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/002-1024x512.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/002_-1024x512.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/003-1024x512.jpg)
例③
続いては
こちらのBrainのサムネイルを
見ていきましょう。
![](https://atelier-improve.com/wp-content/uploads/2022/01/004-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/006-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/005-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/007-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/008-1024x536.jpg)
例④
では4例目。
![](https://atelier-improve.com/wp-content/uploads/2022/01/017-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/018-1024x536.jpg)
斜めに配置することで、
その“読みづらさ”から
人は一瞬目を止めてくれます。
興味付けと同等の効果が
見込めると言えますね。
![](https://atelier-improve.com/wp-content/uploads/2022/01/019-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/020-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/021-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/022-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/023-1024x536.jpg)
例⑤
![](https://atelier-improve.com/wp-content/uploads/2022/01/024-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/025-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/026-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/027-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/028-1-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/029-1-1024x536.jpg)
![](https://atelier-improve.com/wp-content/uploads/2022/01/030-1-1024x536.jpg)
さいごに
さて、
いかがでしたでしょうか?
もちろんデザインを語り出したら
まだまだ山のように情報はあるわけですが、
ここでお話しした内容を押さえるだけでも
十分良い“絵”になります。
SNSでの情報発信を
メインで考えるのであれば、
全く問題ありません。
特にBrainやnoteのサムネイルは
外注先が偏っているようで
似たような画像ばかり…。
よって少し“ズラして”あげるだけで、
その他大勢を出し抜き
目立てます。
サムネを外注する際は、
私の画像をそのまま
発注先に送っていただいても良いですし、
お好きなようにパクってください。
使う前にご一報いただけるとありがたいですが、
こちらのAtelier-アトリエ-にご参加の方でしたら
丸パクリしていただいても問題ありません。笑
ぜひ、あなたのサムネ制作に
お役立ていただけたらと思います。
サムネ・ヘッダーの出来で
集客に大きな差が出てきますので、
SNSで生き抜いていくためにも
できる限りクオリティを上げていきましょう!
© Copyright 2021 Atelier Improve.