制作物紹介4(ヘッダー)

記事
デザイン・イラスト
おはようございます、ちひろです。今日も朝から雨ですね☔雨音で起きてしまって二度寝のタイミングを逃したので、ブログを書くことにしました。

今回も前回に続いてヘッダーのご紹介です。前回はイラスト素材メインのヘッダーをご紹介しましたが、今回は写真素材とイラスト素材を組み合わせたヘッダーをご紹介します✨

ブログやサイトのヘッダーをはじめ、Twitter、YouTubeなどSNSのヘッダー作成をご検討の方はぜひ参考にしてください☺

ご依頼はコチラ♪

用途


今回のご依頼はアメブロとFacebookヘッダーの制作でした。

※制作物の複数サイトでの使用は使用料が発生します。詳しくはココナラのサービス内容に掲載している「よくある質問」をご覧ください。
※サイズ違いのデータの追加納品には追加料金が発生します。詳しくはココナラのDMよりお問い合わせください。

ちなみにFacebookのヘッダーの場合、

アセット 2@2x.png


このように

・真ん中にプロフィールアイコンが表示されてしまう
・スマホとPCで表示エリアが違うという特徴があります。

そのため、当サービスではプロフィールアイコンに被らないように、またスマホでもきれいに表示されるようにデザインを作り込んでいきます。

※初稿提出前にある程度調整は行いますが、必ずご自身でも表示確認をしていただくことをお願いしております。

制作イメージ


ガーリー、清楚などのイメージでお作りしました。

追加ヒアリング内容


ヒアリングを行い、以下のご要望をいただきました。

・ご自身の写真を使用したい
・メインの背景写真以外にもサブの写真を使用したい

※クライアントさまの方でご準備いただいた素材を使用する際は、加工代などの追加料金が発生する可能性があります。詳しくはココナラのサービス内容に掲載している「よくある質問」をご覧ください。
※複数の素材の使用をご希望される場合、追加料金が発生する可能性があります。詳しくはココナラのサービス内容に掲載している「よくある質問」をご覧ください。

初稿①

初稿①.png

初稿②.png


一つ目の初稿では、「はれのそら明朝」というフォントを使用し、お選びいただいた背景写真に合わせたカラーをチョイスしました。

下の方はクライアントさまのご要望で「背景が白い方がいい」と事前にお伺いしていたため、作成した案になります。

初稿②

初稿③.png

続いて初稿②では、「こころ明朝体」というフォントを使用。

カラーバリエーションは初稿①と同じですが、強調したいテキストの後ろにずらし枠を配置したり、少し文字に動きをつけたりするなどして、ややポップな印象を強めに仕上げました。

また、サブの写真をイラストの写真フレーム素材と組み合わせてみました。

※写真とイラストを組み合わせる際は追加料金が発生する可能性があります。詳しくはココナラのDMよりお問い合わせください。

初稿③

初稿④.png

初稿③では、「はんなり明朝」というフォントを使用。明朝体をご希望いただいた場合、ここまでご紹介してきた3種類のフォントをご提案することが多いです。

背景にはこちらでお選びした別の写真を使用。また、サブの写真をもう一枚追加し、初稿②とは別のフレーム素材と組み合わせました。

雑誌の表紙をイメージして作ってみましたが、…成果のほどはどうでしょうか🙄

完成版

Reiko0530さま完成版.png

最終的に納品したのがこちらです。

初稿①をベースに文字の色を見やすくするため黒に変更。またご自身のお写真と被らないようテキストサイズを少し小さくしました。

おわりに


私の出品しているサービスでは、このように異なるフォントや素材を使用してまったくデザインの異なった初稿を3案提出いたします。

クライアントさまの好みに合わせて、初稿のデザインをお好きに組み合わせていただければと思います。

ご依頼、ありがとうございました☺

ヘッダー制作のご依頼はコチラから✨

サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す