観客に向けたあなたの顔

ウェブサイトは企業の顔であり、訪問者に対してあなたの品質やサービスを伝えます。人々はコンピュータだけでなく、洗練されたデバイスでどこでもインターネットが利用できるため、あなたのウェブサイトを閲覧することが一般的です。私たちは現在、3Gおよび4G対応のタブレット、ドングル装備のノートパソコン、M2Mモバイルスマートフォンなど、さまざまな種類のインターネットデバイスを使用しています。これらのデバイスはそれぞれ異なる種類の小さな画面サイズを持っています。また、手頃な価格のLCDおよびLEDモニターが市場に出回っているため、大きな画面でインターネットを閲覧することを好む人もいます。Ciscoの報告によると、モバイルデータトラフィックは2017年に10エクサバイトを超え、2013年には電話の数が人間の数を上回るとされています。この報告は、小型デバイスのデザインを考慮することがいかに重要であるかを示しています。

解像度ファクター

訪問者があなたのシステムと同じ解像度を使用しているとは言えません。標準の最低解像度である544ピクセル幅に適したウェブページは、他の解像度でも適合します。10年前、1024 × 768が最も一般的なディスプレイ解像度でした。多くのウェブサイトは800 × 600フォーマットからこのフォーマットに再設計されました。しかし、CADユーザー、グラフィックアーティスト、ビデオゲームプレイヤーは、1600 × 1200解像度でコンピュータを使用しています。この解像度はUXGAと呼ばれています。 コンピュータはテレビよりも高い解像度を持っていることがわかります。以下に最も使用されている解像度を確認してください。

ウェブデザイナーが確認する必要があること

ウェブデザイナーは、すべての画面が彼のウェブサイトを正しいアラインメントで表示することを確認する必要があります。ウェブサイトを作成した後、彼はすべての画面でウェブサイトの見た目と感触をチェックしなければなりません。したがって、ウェブサイトが異なるコンピュータやデバイスで異なって見えることを念頭に置いてデザインすることが重要です。ウェブサイトを完成させてホスティングした後、ウェブページがデバイスの画面に収まらない場合、ブラウザは横スクロールを追加します。同様に、縦の長さに収まらない場合は縦スクロールも発生します。ウェブサイト全体を縦の長さに収めるのは非常に難しいですが、横の長さをデザインすることは確実にできます。

 グラフィックスとテーブルに関するヒント

グラフィックスとテーブルは固定幅です。

幅を制御して、合計の長さが750ピクセル未満になるようにしてください。

最小幅を指定しないでください。

ブラウザにテーブルの幅を調整させて、セル内に入るテキストやグラフィックに合わせるようにしてください。

完全な表示

テーブルの幅を100%に指定します; テーブルを幅いっぱいに完全に埋める必要がある場合。

ウェブサイトをテストするためのオンラインツール

これらのツールを使用すると、異なる画面でのウェブサイトの表示を確認できます。 異なる解像度でウェブサイトを表示し、適切なデザイン変更を行うことができます。

Responsive Design Checker.com

Browser Shots.org

Wave. Webaim. org / report

Quirk Tools. com / screenfly /