ゴリラです。
今日もヘッダーを作成する際の小ネタについて解説します。
Twitterのヘッダーは、スマホで見たときと、パソコンでみたときのレイアウトが若干違っています。パソコンでみると見えなくなる部分があるし、アイコンで一部が隠れて見えなくなります。 勿体無いので、隠れる部分はなるべくキャラや文字の挿入を避けましょう。
見えなくなる空間は大体こんな感じです。
そこまで気にしなくてもいいのですが、真面目に考えるなら、下のトレースシートをダウンロードしてレイヤーの一番上にセットしてください。
このシートを透過(50パーくらい)して重ねてください。
全体のバランスを考えるなど、最終チェックに活用ください。
色には、ベースカラー、メインカラー、アクセントカラーとあって、各々の比率をベースカラー70%、メインカラー25%、アクセントカラー5%の割合にすると、美しい配色に仕上がります。
このUnsplashというアプリは、かなりクオリティの高い写真がフリー(商用利用可能)でゲットできます。ヘッダーの背景におすすめです。
画像を長押しして↓ボタンでDLできます。
いかがだったでしょうか?
パン屋さんが主催するめっちゃサロンでは小ネタを駆使しながら色々な作品を作っていますので、興味があれば参加ください。