目次:
ビデオ: YouTubeホーム画面レイアウトのカスタム設定・変更方法【最新版】 2024
Twitterの背景をデザインし、さまざまな画面サイズで異なるディスプレイが原因で発生します。表示の問題を回避するための4つのオプションがあります。
1つのイメージを繰り返したり、一連のイメージを使用したりします。
Dapo Olaopa(@dpencilpusher)は、彼のノートブックから一連の落書きのような背景を描くことによって、芸術的な才能を披露します。この効果は、彼のTwitterヘッダーに空白のページと鉛筆を使用することで高まります。
<! - 1 - >クレジット:Dapo Olaopa 作者と写真家シルアリーナ(@syl_arena)は小さな画像のグリッドを作りました。肖像画、会社のロゴ、犬の漫画のイメージを組み合わせることで、さまざまな色とスタイルの背景を作りました。デザインは少し忙しいですが、どんな画面サイズでもうまく動作し、フォロワーに多くの関心事をすばやく把握できます。
画像をコラージュに組み立てる
あなたが世界の人々とコミュニケーションを取るためには、やや洗練された方法で、あなたのことはTwitterを作成することですあなたが興味を持っている写真、飾り紐、その他のものを特徴とする背景デザイン。
これらのデザインは、固定された写真や物が机の上に散らばっているデスクトップやコルクボードのように見えることがよくあります。デジタルマーケティングプロScott Clark(@scottclark)によって作成された例があります。クラークは、地図、エキゾチックな動物のイメージ、摩耗したインディアナジョーンズ様式の革小物、致命的な骨格ロボット手など、古い学校の手動タイプライターに入力されたように見える秘密のメッセージを作成しました。
<! - 3 - >コラージュは魅力的でオーガニックなクオリティーを持っているので、机の上やワークショップで作品を作っているときに、肩を覗いているかのように感じられます。
Scott Clarkは、デザインの右側に沿って、淡色にフェードするグラデーションを巧みに使います。その効果は、非常に大型のモニターであっても、画像のエッジで突然切り落とされるのではなく、背景の色が薄くなり、より大きな背景の一部に見えるようになります。
クレジット:Scott ClarkソーシャルメディアディレクターのSean R. Nicholson(@SocMedSean)は、iPhone、iPad、ペンなどの仕事をするために彼が手に持っているものを含むコラージュを使用しています。彼は典型的なto-doリストを表すように見える左手にスクロールされたリマインダーを含む。彼は、ざらつきのあるコンクリートでできているような背景イメージを使って、デザイン全体に現代的な外観を与えました。
クレジット:Sean R. Nicholsonこのようなコラージュを作成するための実際のショートカットはありません。それぞれの画像をトリミングしてSeanのやり方にするには、Photoshopなどの画像エディタが必要です。
デザインで結合したすべての画像の明るさ、コントラスト、およびカラーバランスに注意してください。明るい光の下で撮影した写真の隣に本当に暗い写真を置くと、バランスをとらずにその効果がびっくりすることがあります。
1つの支配的なイメージを使用する
Twitterの背景を作成する最もシンプルでエレガントなアプローチの1つは、大きなイメージを1つ使用することです。風景、スカイライン、または抽象的な画像の写真はうまく機能し、背景とヘッダーで画像を繰り返すことは一般的で効果的なトリックです。
サウサリートに住んでいる作家、講演者、コンサルタントのKare Anderson(@ KareAnderson)が、ゴールデンゲートブリッジの写真とTwitterのヘッダーを使用しています。
クレジット:Kare AndersonKareがTwitterプロフィールで行ったようにイメージを繰り返すことで、視覚的効果が強化され、小さなモニターには収まりませんが、訪問者が背景イメージを認識するのに役立ちます。
クレジット:Kare Anderson垂直方向に配置されたテキストを使用することは、メッセージが小さくて大きなスクリーンに確実に届くようにするもう一つの方法です。
背景画像を中心にする
Twitterの背景画像が高画質または低解像度で切り取られたり、奇妙に切り取られたりすることで、あなたが示した問題の多くは、背景を左に揃えるのではなく中心に配置することで解決できます。
Twitterはもともと背景画像の左揃えのみを提供していました。選択した位置に画像をクリックしてドラッグすることで、画像を中央に配置できるようになりました。
クレジット:Erika Barker画面の大きさや大きさにかかわらず、タイムライン、プロファイル写真、ヘッダーグラフィックが表示されるデザイン領域の中央が常に中央に表示されるため、背景を中心にすると大きな違いがあります。
背景を中心にすると、画面の大きさや大きさにかかわらず、背景がTwitterプロファイルの中央領域と同じ位置にとどまることを意味します。これは、背景が左に揃えられているときに発生する多くの問題を解決しますが、中央の中央領域は画面のサイズに応じて背景の異なる部分をカバーします。
写真家Erika Barker(@erikabarker)は、ヘッダー領域の背景画像のセクションを使用して、巧妙な錯覚を作成します。この効果は、ヘッダーと背景が切り取られ、別々にアップロードされたにもかかわらず、すべて1つの画像であるように見えます。
クレジット:Erika Barkerしかし、このような統合されたデザインは、背景とヘッダーイメージが画面の大きさに関係なく同じ距離を維持する場合にのみ機能し、背景があれば動作しません中心にない。
最初の画像では、Erikaのページは、解像度が1920 x 1080に設定されたモニタで表示されます。2番目の画像では、1024 xに設定された解像度でモニタに表示されるのと同じデザインが表示されます768。不動産の重要な違いにもかかわらず、デザインは両方のサイズで機能します。なぜなら、中央に配置された背景と中央のヘッダーは、小さな画面と大画面に完全に並んでいるからです。
ヘッダーと背景イメージを統合するデザインを作成する場合は、背景イメージがモバイルデバイスに表示されないので、ヘッダーイメージも単独で動作する必要があります。