![見出し画像](https://assets.st-note.com/production/uploads/images/59246591/rectangle_large_type_2_a0b4b5b658e88f9a96d5ccb1121f6840.jpg?width=1200)
noteヘッダー画像作成のコツとお仕事依頼。
1.noteヘッダー画像の依頼
shinoさんから依頼をいただき、noteのヘッダー画像を作成しました!
詳しいことはshinoさんの記事に全て載っているので見て下さいね。
↓
採用となったのはこの藤の全体画像です。
↓
![画像1](https://assets.st-note.com/production/uploads/images/58786956/picture_pc_d98c7a3268d396d8164865b0e8dbfbd1.jpg?width=1200)
2.noteヘッダー画像の難点
noteのヘッダー画像を作ったことがある皆さんならおわかりだと思いますが、まず、このサイズで作っても、このサイズで表示されることは少ないのです。
クリエイターページの一番上(プロフィール画面)では、この画像の真ん中、横に細長くしか表示されません。
![画像2](https://assets.st-note.com/production/uploads/images/59248683/picture_pc_be68f6febd431b14d0e07354718aa5dc.jpg?width=1200)
クリエイターページ/マガジンヘッダー画像
登録できる画像の推奨比率は 1.91:1 です。
● 基本サイズ
・1280 × 670px
記事の見出し画像と同じものを使えます。
中央部分 216px がヘッダー部分に表示されます。
●より綺麗に表示するなら(おすすめ)
・1920 × 1006 px
中央部分 324px がヘッダー部分に表示されます
note help centerより
他の方のページもリサーチに行きましたが、
【ヘッダー画像】
設置されていない方1割
写真のみ5割
写真に文字2 割
イラスト又はイラストに文字2 割
大体の方が写真です。
写真では、ただでさえ横長なのにさらに中央のみ適応されるというハードルの高さで、思い通りの配置にならなかったり、何が写っているのかよく分からない画像になることもしばしばです。
3.こだわりポイント!どのサイズで表示されても美しく見せる
今回私はイラストレーターとフォトショップを使用し、どのサイズでも美しく見えるようにデザインしています。
![画像3](https://assets.st-note.com/production/uploads/images/58782997/picture_pc_9b1bf1771da2c1e8e4fdb7d50bde17d0.jpg?width=1200)
【依頼内容】
■アイコンのイラストと合うイメージで、植物や花を入れる
■シェア画面のアイキャッチ画像でも綺麗に見えるデザイン
下記表示部分がいわゆるアイキャッチ画像です。
この2枚は、プロフィール画面(クリエーターページ)のシェア画面です。
![画像4](https://assets.st-note.com/production/uploads/images/59262893/picture_pc_745b8cac00b0c70d45b1dd910e980f8f.jpg?width=1200)
![画像5](https://assets.st-note.com/production/uploads/images/59262905/picture_pc_a1c8b6a6cbf2a1a4d833e5342c470295.jpg?width=1200)
下記は記事のシェア画面
プロフィール画面(クリエーターページ)のシェア画面
同じ画像なのにリンクひとつで少しづつ違いますね。ブラウザサイズで変わるので全部に対応は難しい。
「一番綺麗に見せたいことろ、二番目に綺麗に見せたいところ」ここに重点を置くとデザインしやすいと思います。
・見出し画像
・プロフィールヘッダー画像
・マガジン画像
全部作るのは同じサイズなのですが、使用用途によって切り抜かれる部分が違ってきます。※見出し画像は細長く切られることはない
絵画的なものなら、どこを切り取っても美しく見せることが可能なのです。
![画像6](https://assets.st-note.com/production/uploads/images/58783888/picture_pc_54f6302bccbcdfebdd2a9a9bd1d648be.jpg?width=1200)
アンスリウムとモンステラを入れてデザイン。こちらもどこを切っても美しく配置出来ます。
![画像7](https://assets.st-note.com/production/uploads/images/58784162/picture_pc_8a4918813301d06d4de201870c8f1d1c.jpg?width=1200)
![画像8](https://assets.st-note.com/production/uploads/images/58784168/picture_pc_433e718fcbcd25d5b99ba48e9cb376e6.jpg?width=1200)
4.まずはCanvaで自作
Canvaというアプリの使用して自作することも出来ます!写真や文字や素材を組み合わせて、簡単にデザインすることが出来るので、まずは自分で作ってみて下さい。そして思い通りにならなかった場合、ご相談下さい。
5.価格表
《価格表》
note ヘッダー画像/マガジンヘッダー画像製作費
5000円
・ラフ画2〜3点提示
・修正2回まで
・納期は応相談
【注意点】
私はイラストレーターではないため、絵はほとんど描きません。
素材をダウンロードしてデザインしています。
ピリカ文庫のように、オリジナルロゴデザインとなれば、価格は上がります。
是非この機会にオリジナルデザインのヘッダー画像でご自身の世界観を表現してみませんか。
◆◇◆過去作品◆◇◆
ヘッダー画像とマガジン画像は同じサイズのため、色違いで両方に使用して頂いています。
![画像9](https://assets.st-note.com/production/uploads/images/59244129/picture_pc_0be29d6dad601d4d0e7418069c95e801.jpg?width=1200)
![画像10](https://assets.st-note.com/production/uploads/images/59243673/picture_pc_c37a254a2a8c532a8d5d5b3f48ca5a36.jpg?width=1200)
こちらで詳しく紹介しています。
◆マガジン画像例◆
文字に装飾のみのシンプルなタイプです。同じデザインにすることで統一感を出せます。
![画像11](https://assets.st-note.com/production/uploads/images/59266185/picture_pc_2aefd5b6e7c1b59a98d191ce60ffd607.jpg?width=1200)
![画像12](https://assets.st-note.com/production/uploads/images/59266195/picture_pc_987319dff56ddbad5d8402971f7b445d.jpg?width=1200)
![画像13](https://assets.st-note.com/production/uploads/images/59266209/picture_pc_77ce46807c59559a7ab64f289d45ebed.jpg?width=1200)
![画像14](https://assets.st-note.com/production/uploads/images/59266215/picture_pc_2e0f63d9acbb4b66b1e12448d1fcaa60.jpg?width=1200)
![画像15](https://assets.st-note.com/production/uploads/images/59266228/picture_pc_0fc77a925eeb7be3079e148fe9808575.jpg?width=1200)
6.問い合わせ先
プロフィールのインスタのDM
クリエイターへの問い合わせより
1日経っても返信がない場合、恐れ入りますが、こちらのコメント欄にメッセージをお願いします。
その他、デザインでお困りのことがあれば何でもご相談下さい。
※Webサイト制作にご興味おありの方もご相談下さい。私は駆け出しですが、夫がSEOまで含め対応できます。現在助成金「小規模事業者持続化補助金」制度があり、リニューアルや新たに作成するには絶好のチャンスです。
7.カニ&夫 プロフィール
カニ / 京都芸術短期大学デザイン専攻ファッションデザインコース卒業。卒業後、アパレル業界にて婦人服の販売、店舗マネージメント、セレクトショップにて買付け業務を行う。以後、3人の出産・育児と両立し地元にて事務職、貿易事務職を通算12年、退職後、現在Webデザイン学校にて修学中。
性格は動物占いチータそのもの。すまいるスパイスにて8月からピリカさんと音声配信中。https://anchor.fm/u30d4u30eau30ab/episodes/ep-e15j1ul
夫 / 京都精華大学芸術学部デザイン学科マンガ分野卒業。卒業後、FRP立体造形業にて塗装班に配属。樹脂成形及び塗装の基礎を学ぶ。その後、独学にてカスタムペイントの勉強をする。主にバイクやヘルメットのカスタムペイントを自作Webサイトより国内外から受注。アメリカ CHOPPER FEST2018に出展 koolest paint 3rd Place、Radical Design 3rd Placeダブル受賞
◆過去作品 ↓
このピリカ文庫の依頼がすべてのはじまりでした。
![画像16](https://assets.st-note.com/production/uploads/images/59243319/picture_pc_5d7c29515f646517c5dc257d3e2ce7ea.jpg?width=1200)
制作過程はコチラ↓
この記事が気に入ったらサポートをしてみませんか?