web-dev-qa-db-ja.com

Webデザインで画像の下または横にテキストを配置しますか?

私は多くのウェブサイトの写真(テーマデモページ)で、一般的にテキストが横ではなく下にあることに気づきました。多くのウェブサイトがそのようなデザインを使用している理由はありますか?

Wpテーマの例: HeraldThe Voux ...

テキストと画像が並んでいてキラキラがない珍しいwpテーマの例: Iconic One 、...

記事に要約が含まれず、ホームページの画像の内部または下部の見出しのみが含まれるという現象の背後にあるデザイン上の決定は何ですか?

2
user3748173

テキストを横に置いて画像を吹き飛ばす理由は、ウェブサイトのスペースを活用するためです。

Wpの例 Herald は、雑誌の種類のウェブサイトで、記事の頻度が高くなり、ページに最大数の記事を表示するために、テキストが画像の下に配置されます。また、タイトルは、読者がタイトル自体を読んで記事をクリックするようにする雑誌のようなWebサイトでは、ここでより重要です。

しかし、wpの例 Iconic One はブログの種類のWebサイトであり、頻繁に投稿されることはなく、説明も読者に記事を読んでもらう上で重要な役割を果たします。

結論は、ウェブサイトに表示される記事が多い場合は画像の下にコンテンツを保持し、それ以外の場合は画像の横にあるコンテンツを表示することです。 Webサイトで両方の種類のアプローチを使用すると、ユーザーエクスペリエンスも向上します。

1

この答え は、この質問には関係があると思います。下にテキストを配置するのが一般的です。

0
Madalina Taina

画像の特定の位置にテキストを配置する特定の理由や調査はありません。プロジェクトの要件に従って配置されています。したがって、このシナリオではあまり考えすぎる必要はありません。

0
Jasmin Javia

私の経験では、応答性と乱雑さの観点からデザインの選択を組み立てない限り、テキストがどこに行くかは問題ではありません。

比較的狭いビューポートでは多くのコンテンツを並べて圧縮できないため、画像の下のテキストはモバイルWebサイトではるかにうまく機能します。スペースを空けるには、概要を折りたたむか、テキストを画像の下に配置します。大きな画面ではそれほど重要ではありませんが、要約のテキストの本文が大きくない場合は、並べて配置することを好むデザイナーもいます。

すべては、ビューポートが乱雑にならないように、スペースを使用または解放することになります。

0
Jason Cemra

また、画像の下に要約を配置することもできますが、それは賢明な方法で行う必要があります。これにより、デザインが理由なくスペースを殺してはなりません。画像のホバーに関する概要を表示できます。一方、画像の横のテキストは、内部の一覧ページや、より多くの要約が前に表示されている場合に適しています。

0
Sudarshan T