レスポンシブデザインは単一のテクノロジーによるものではなく、ウェブページにモバイルとデスクトップユーザー双方にとってのニーズに合わせることが可能なテクノロジーの組み合わせです。レスポンシブデザインにとって最重要なことは柔軟性です。レイアウトや画像サイズ、テキストの集合体など全てにおいて重要です。柔軟性はあなたのサイトにとって、いかなるコンテンツにも適応可能な流動性を与えてくれます。さぁ、その中心的な構成要素を見ていきましょう。
レスポンシブな画像や動画を使用しましょう
画像は自然とレスポンシブなものではありません。あなたはそれらに手を加える必要があります。流動的な画像や動画はサイズだけでなくクロッピングにおいても、レスポンシブデザインにおいて非干渉的なものです。
ヒント:
・画像はHTMLコンテンツに十分な空きがある限り、元の寸法でレンダリングされるべきです。小さなスクリーン上で、画像をトリミングすることは影響を与えてしまいます。
・「スカラー・ベクター・グラフィックス」を試してみましょう。ラスターグラフィックとは異なり、SVGはピクセルではなく画像をベースに解像度を変更するので、どのサイズでも同じ状態を保つことができます。
フォントサイズに注意しましょう
タイポグラフィはあらゆ
スポンサーリンク
レスポンシブデザインの基本をすべて解説！【どんな端末でも見やすいサイトを作るコツ】
マーケティング最新
コメント