web-dev-qa-db-ja.com

ウェブサイトのテキストを揃える最良の方法は?

Webサイトでのテキストの配置について知りたい。たとえばブログの場合、テキストを左揃えにするか、正当化するほうがよいでしょうか。正当化されたテキストの外観は気に入っていますが、欠点があるかどうかはわかりません。

8
Corey

一般的に、左揃えのテキストが適しています。私たちは左から右に(少なくとも西洋では)とにかく読むので、これから逸脱すると、必然的に読みやすさが低下します。時々、バリアントの使用が良い場合があります-特に対照的に何かに注意を向けたい場合。ただし、ほとんどの場合、退屈な古い左揃えのままにすることをお勧めします。

これをサポートする研究は世の中にありますが、私は通常それらを気にしません。代わりに、ブログやコミュニティフォーラム(これやStack Exchangeファミリのいずれか)や、最も人気のあるサイトを調べます。 Amazon.comのレビュー、Facebookのウォールへの投稿、お気に入りの有名人のツイート、Googleの検索エンジンのリスト結果を見てみてください。これは、左揃えが適切な方法であると私に伝えるのに十分です。それでも証拠が足りない場合は、ベストセラーリストから数冊の本または数十冊の雑誌を入手して、彼らが何をしているかを確認します。かなり一貫したパターンが表示されると思います。

:)

4
Brian Flanagan

完全に正当化されたテキストには欠点があります。これは、W3Cが Webコンテンツアクセシビリティガイドライン2.0 のテクニックと失敗で述べていたことでした。

認知障害を持つ多くの人々は、正当化された(左と右の両方のマージンに揃えられた)テキストのブロックに大きな問題を抱えています。単語間のスペースは、ページの下に流れる「白の川」を作成します。これにより、一部の人々はテキストを読みにくくする場合があります。この失敗は、この紛らわしいテキストレイアウトが発生する状況を示しています。この問題を回避する最善の方法は、完全に揃えられた(左マージンと右マージンの両方に揃えられた)テキストレイアウトを作成しないことです。

これは、ハイフネーションが適切に行われていない場合に特に当てはまります。私は完全に揃えられたテキストを避け、すべてではないにしても、ほとんどの場合左揃えにします。

4
ghoppe

あなたがこの記事を読むべきであるテキストの配置に関して、それは多くを伝えます:) http://uxmovement.com/content/why-you-should-never-center-align-paragraph-text

私見では、主にメニュー、タブタイトル、場合によってはH1でもサイトに適している場合は、中央揃えを使用する必要があります。

1

私は常に正当化されたテキストが過大評価されることを発見しました。細心の注意を払わない限り、正当化されたテキストは、単語間に大きなスペースがある行などのアーティファクトを引き起こす可能性があります。私はそれを提案します:

  • 線幅が狭くなるほど、アーティファクトが発生する可能性が高くなるため、正当化されたテキストを検討する必要が少なくなります。

  • コピーが更新される可能性が高いほど、正当化されたテキストを考慮する必要が少なくなります。コピーを更新すると、アーティファクトが原因でレイアウトがめちゃくちゃにならないようにするために追加の作業が必要になるためです。

0
Hisham

もちろん、正当化されたテキストは、堅固でボックスのような感覚を持っています。しかし、それに関するさまざまな記事を読んだ限り、読みやすさのために、左揃えで1行あたり13〜16語を使用することをお勧めします。

0
ARTniyet