目次:
ビデオ: End of Space – Creating a Prison for Humanity 2024
ウェブのためのインフォグラフィックのサイジングの課題は、デザインのサイズが今や変わっていること、標準が存在しないこと話す。 HTML5の登場によりもたらされた「レスポンシブデザイン」は、Webデザインの展望を永久に変えました。
印刷されたグラフィックとは異なり、誰もが同じサイズでそれを体験すると、Webグラフィックの実際のサイズはリーダーのデバイスによって変わります。デバイス画面の範囲は、デスクトップコンピュータの場合は27 "からスマートフォンの場合は5"です。
あなたの ユーザーを常に最適化します。ウェブ解析ソフトウェアを使用して、人々があなたのサイトにどのようにアクセスしているかを判断し、そのデータに基づいて意思決定を行います。
つまり、オンラインで仕事をしているときは、いくつかの要素について考える必要があります。
インフォグラフィックスの画面アスペクト比
レスポンシブデザイン は、幅広いデバイスでビジュアルイメージを明瞭かつ見やすくしようとするWebデザイン原則です。インフォグラフィックデザイナーの場合、このアプローチの美しさは、あなたの作品がそれが閲覧された画面に自動的に適合することです。
<！ - 2 - >デザイナーは、ノートパソコンやスマートフォンに適した作品のアスペクト比を計算する必要はありません。
HTML技術の使用が増えているため、レスポンシブなデザインが標準となっています。これらのテクノロジを使用して恩恵を受けるには、プログラマである必要はありません。この技術をあなたの仕事にフェーズすることで、よりアクセスしやすく読みやすくなり、確かにインフォグラフィックデザイナーとして貴重な仕事のスキルになるでしょう。
<！ - 3 - >レスポンシブデザインを使用していない場合は、ターゲットオーディエンスがあなたのインフォグラフィックをどこに見ているのかを考え、そこから後ろ向きに作業します。ほとんどの読者が特定のプラットフォームや画面の割合で素材を入手している場合は、それを考慮して設計します。
ユーザーはさらに多くを見るために下にスクロールするとは限りませんので、あなたのインフォグラフィックを最初に見たときに読者に見せたい情報を考えてください。
印刷とウェブの同時使用のためにスケーリングする必要がある作業については、新聞で作業し、インフォグラフィックは印刷版とそのWebサイトでオンラインで実行されます。彼らはあなたの作業を容易に拡大することができます。
インフォグラフィックスの画面解像度
ウェブサイトデザインで最も一般的で基本的な質問の1つは、使用するモニター画面の解像度です。多少役に立たない答えは、あなたの仕事は最も一般的な解決策のために最適化されるべきですが、それはすべての作業に役立つはずです。
一方、すべての解像度、プラットフォーム、ブラウザで同じように見えるデザインは存在しないため、作成するのは現実的な目標ではありません。あなたが目指しているのはバランスです。最も一般的な条件下で完璧に見え、それほど典型的ではない状況では本当によく見えるものです。
ウェブサイトStatCounterは、トップ画面の解像度、モバイル解像度、使用中のブラウザなど、さまざまな有用な要因について統計情報を監視します。
作業を確認するには、さまざまなブラウザで作業を確認し、ブラウザウィンドウのサイズを変更してさまざまな条件で作業がどのように見えるかを確認します。そして常にあなたの聴衆を念頭に置いてデザインしてください。たとえば、ターゲットオーディエンスが主にモバイルデバイスを使用していることがわかっている場合は、モバイルを意識して設計します。
