*全記事おこがましくも「いちげ氏のアイキャッチデザインまとめて見たい!」というご要望にお応えして、これまで作ったデザインから選りすぐりの20選!まとめてみました!デザインする時に気を付けたこと・素材の作り方も併記!SEO効果もある美しいアイキャッチデザインづくりの参考に!こんにちは!いちげし@愛媛メルカドデザインです。2018年8月12日イケハヤ砲(@IHayato)も頂きましたーー!!うちも一手間掛けてちゃんと作るかな〜。最近ようやくSNSのパワーを実感しています!(遅い)さて!そんな感じでご好評頂いている「いちげ氏アイキャッチデザイン」!ぼくのツイートを遡って研究しました!という嬉しい声も頂いたので、これまでに作ったアイキャッチデザインの中から選りすぐりの20選をまとめてみました!デザインする時に意識したこと使用した素材についてなども一緒に書きましたのでぜひご覧ください~!さあ!ずらずら~っといきます!いちげ氏デザインのアイキャッチ20選!※各アイキャッチは、元記事にリンク貼ってますのでクリックしてご覧ください。その他!色々な記事のアイキャッチデザインデザインワーク記事のアイキャッチぼく=いちげ氏(@booichiro)の本業はデザイナーです。愛媛県を中心にいろいろなデザインを手掛けさせて頂いています。*webデザイナーではなく「紙媒体」のグラフィックデザイン中心。こんなデザインのお仕事をしましたよ~!という報告記事を何本か書いておりまして、(以前はそれがメインでした)まずはその「本業デザイン仕事記事」のアイキャッチをいくつか。パンフレット)ぼくらの住む、愛媛県内子町の観光パンフレットを作った時の記事。記事をご覧頂くとわかりますが(バナーにリンク貼ってます)実際のパンフレットの表紙デザインをアイキャッチにアレンジしたデザインです。基本的に「素材」は全てパンフレットのデザインから流用。時間かけて作ったロゴを使用してるので、すごく凝って作ったアイキャッチに見えますね。イラストレーターで作成。※基本的にすべてイラレで作ってます!イラレのアートボードに写真を配置して、その上にロゴをレイアウト。*七宝という文様をアレンジしたロゴ。イラレの透明を利用し、半透明のシダレザクラの画像をマスクして重ねています。)以前、愛媛と高知の県境(松野町)に住んでいた時に、おとなりの西土佐から頂いたお仕事。四万十川のイラストマップの英語版です。これは背景に、実際の印刷物(イラストマップのパンフレット)を撮影した写真を敷いて、その上に、実際のデザインデータをレイアウトしています。実際のデザインで半透明の素材を使用していたので、それをそのまま活かしてみました。A4チラシ(愛媛県内子町の観光ツアー)わが家が暮らす愛媛県内子町のお仕事。内子町はびっくりするほど素敵な「古い町並み」が保存されている町でして、その町並みの中で「古民家ステイ」をしよう!という観光ツアーチラシです。内子町でぼくが担当する一連のデザインで定番なのが、(いろいろやらせてもらうとブランディングも可能に!)この「タテに分割した写真組み」。ドラマチックに見せられるので気に入っている方法です。*これもイラレでデザイン。*デザインのキモは「写真の配置」ですね。*透明なお花文様を配置してバランスとっています。メルカドデザイン:WORKツイッターで好評を博したアイキャッチデザイン次は、Twitter上で好評だったアイキャッチデザインをいくつか~!見たことあるアイキャッチもあるかも?04:オンラインサロンは予備校だ!(球拾いサロンに入った直後の感想記事)何を隠そう、ツイッター上で一番最初に「アイキャッチデザインいいですね!」って言ってもらったのがこのアイキャッチでした。前回の記事で「自分で撮った写真使用を推奨!」って書きましたけど、この写真もぼくが東京いた頃に自分で撮った写真。場所は池袋駅前ですね。オンラインサロンに入った直後に「なんか楽しかった予備校みたい!」って思って書いた記事。予備校終わった後のこんな感じの夕暮れどきなんですよね。05:クリエイターは今こそ地方移住を目指すべき!ツイッター上で、ぼくのアイキャッチデザイン真似してくれる方が一番真似してくれているデザインがこれかな?と思います。(基本的にどんどん真似してもらってOKです!写真転用はNGです)アイキャッチ中央に白文字で「縦書きタイトル」&「枠線囲み」。タイトルが縦書きというのも、ブロガーさんに新鮮だったみたい。たしかに真似しやすいですねこれ。内容的にもぼくの記事の中では、比較的ちゃんと内容ある記事かと。イケハヤ砲も頂いた記事!しかもこちらからのメンションなしで頂けたんですよ~!*この背景の入道雲も自分で撮った写真です。移住先の愛媛県で撮影。06:愛媛の夏/風評被害の今こそ愛媛観光に行くべきたった1つの理由この記事はアイキャッチデザインが好評だったというよりは、ツイッターでプチバズした記事です。)とのコラボ!めちゃくちゃ賢い!頭の切れる方です!!すごい!すごい方とのコラボだ...!これは、クレメア氏が現在執筆中の大作noteの予告編記事のアイキャッチ。実際、花火写真を背景に敷いてデザインを始めたのですが笑やってみて「ちがーう!」ってなって完成したのが幾何学模様デザイン。「ぼく実は幾何学模様大好きなんですよ...!」というコメントまで。*これもイラストレーターで作成。*イラレはベクターという点と線で図形を描くソフトなので、こういうデザインには最適。)このアイキャッチデザインで特筆すべきは、なんといっても「KUMAP氏イラストを描きおろした」こと。右のイラストは今回ぼくが描きおろした、KUMAP氏アイコンです。KUMAP氏ご本人にも大変気に入って頂いて、ご自身のアイコンにしたい!とおっしゃっても頂きました。いつかぼくのイラストにチェンジする時が来るかも?*現在のアイコンがすでにブランド化しつつあるので難しいところかな~と思います。言って頂けただけで光栄!*イラストはクリップスタジオで作画しました。)とのコラボ!アイキャッチが変わるとクリック率は違うのか?その検証実験をしてみよう!という話になりまして、ぽかべ氏に協力してもらうべくデザインしたアイキャッチです。写真素材は、ぽかべ氏に提供してもらってデザイン。こちらは、ツイッター上でフォロワーさんからぼくが現在受注しているアイキャッチデザインのサンプルにも相当するデザイン事例にもなっています。美味しそうなアイキャッチデザイン「美味しそうなグルメ写真」を使ったアイキャッチデザインです。美味しいもの好き!なので自然とそういう記事も書きますよね~。10:かじか亭の出汁カレーうどん&肉うどんこれは「美味しそう!」「カレーうどん食べたくなった」と、ツイッター上で大変好評を博したアイキャッチデザイン。制作裏話としては、この「かじか亭」のメニューのデザインを担当させてもらいまして。この記事はその時に撮影した出汁カレーうどんと肉うどんの写真を使って書きました。次は3点連続で!11:沖縄/なかむらそば12:沖縄/キングタコス13:沖縄/亀かめそばこれは「沖縄のお店の記事」に共通して使用しているアイキャッチデザイン。ブログ内で回遊して頂いた時に、シリーズものとして楽しんでもらえるかなと。写真ありきのデザインですね。いうミラーレス一眼です。高額なカメラではありません。オリンパスのPENシリーズぐらいのサイズで、かさばらず、持ち運びしやすいカメラ。基本的に毎日持ち歩いてます。現在は後継機が2種類出てるので中古価格も下がっていておススメ。*レンズはマイクロフォーサーズ、純正単焦点27mm/1.7を常用。30mm/2.8、60mm/2.8を併用。Kitchen」の西村さんが講師で松野町に来られた時の記事。写真は当日ぼくが撮影した鹿肉ジビエの写真。この頃は「横書きタイトル」にはまってましたね。2017これは割とお気に入りのアイキャッチ。愛媛県大洲の古い町並みで開催されたイベントのレポート記事。実際のイベントビジュアルは、愛媛のデザイナー:井上真季さんがデザインされたのですが、もし「ぼくがデザインしていたら」を考えてみた妄想デザイン。完全に遊びですが、楽しんでデザイン出来ました。この写真も、記事内の写真もすべてぼくが撮影。「いい写真」を練習する格好の機会だと思います。「いい写真撮りやすい」ロケーションで練習しましょう~!16:ソトコトに雑誌とんとんがちょこっと掲載!ぼくら家族がつくっているフリーマガジン「雑誌とんとん」が、ソトコトにちょこっとだけ掲載された時に書いた記事。タイトルのフォントを「ソトコト」フォントに似せてデザイン。「16」でも紹介したわが家のフリーマガジン「雑誌とんとん」で取材させて頂いた「いま、愛媛村から」の今村さんが主催した松山でのイベントに参加。縦書きタイトルが上手くはまったアイキャッチ。このフォーマットは上手く出来たので、その後何度もぼくの記事アイキャッチで流用しています。愛媛県西予市のしめ縄飾り職人:上甲さんの「稲刈り体験」に参加させてもらった時のレポート記事。「縦書き+フキダシ」というのも、ぼくのアイキャッチデザインの定番。「中央に情報を集約」させると「情報が一瞬で伝わる」レイアウトにしやすいです。見る人が出来るだけ「目を動かさずに読める」方が単純に「読みやすい」。探さずに読めると「読みやすさ」が大きく違ってきます。何もそこまで...、というところまで気遣えるか否かが、デザインの良し悪しを大きく左右します。ブログ記事書く時も一緒ですよね!さて、つづきです。19:しまなみ海道|大島|おすすめスポットまとめこれも「17~18」と同じスタイルのデザイン。して並べてみると、ぼくがいかに「流用しているか」がわかります。手抜きに見えずに、効率化をはかるのも大事!デザイナーは自分がそれまでに作ったデザイン素材を「蓄積」して、以降のデザインに反映させます。自分自身のブランディングにもなっていきます。20:美しいアイキャッチデザインでブログ記事を差別化!最後はこちら。前回の記事のアイキャッチデザインです。↑↑↑アイキャッチをデザインするために気を付けること、アイキャッチデザインを作れるソフトの紹介などを書きました。アイキャッチのデザインに興味がある方は、この記事を読むことをおすすめします!ちょっと今回のアイキャッチと並べてみましょう。地元の夏祭りの花火大会の時にぼくが撮影したもの。GX-7)で撮影しました。田舎の花火大会の写真でも、デザインの仕方ひとつで、こんな風に素材として生きてきます。何が言いたいかというと、すべては工夫次第!ということ。すごいカメラやPCを使ってみるのも経験としては大事ですが、なにより「自分が使いやすい」デザイン環境を整備することが重要です。以上、少しとりとめもなくずら~っと並べてみましたが、アイキャッチデザインの参考になれば幸いです。初めからうまく出来るものでもないし、ぼくのデザインはあくまでも数多あるスタイルのひとつです。それぞれに自分らしいアイキャッチデザインを楽しんで作ってみてください!その練習台として、ぼくのアイキャッチデザインをどんどん真似してもらって構わないです。※もちろんそれを実際にブログのアイキャッチに使用して頂くのもOK!アイキャッチデザインの記事はまだまだ書くつもり!です。多くの方にアイキャッチをデザインする楽しさを味わってもらえたら!なによりです。いちげ氏(市毛友一郎)デザイン・映像・イラストのお仕事お気軽にお問い合わせください。