web-dev-qa-db-ja.com

マージンを広くすると読みやすさが向上しますか?

ブラウザウィンドウとコンテンツの間のスペースについて話しています。テキストが端に近すぎると読むのが不快であることがわかり、これに適用されるルールがあるかどうか疑問に思っていました。

3
ghislaineguerin

マージンが狭いと、空白の削減を意味する場合があります(特定の設計によって異なります)。

リストの分割 は、マイクロ空白と読みやすさを関連付けます 。ただし、これは文字と単語の間のスペースを指します。必ずしもマージンではありません。それはマクロ空白です。

マクロ空白は、デザインに優雅さと落ち着きを与えることができます。また、重要な機能に目を向けるのにも役立ちます。

によると、空白のパラドックスに書いているのではなく、書いている

十分なマージンと明確でシンプルなレイアウトにより、目が働きやすくなっています。乱雑なレイアウトはすぐに目を疲れさせ、明瞭さを妨げます。

ニールソン はまた、空白文字が理解力を高めるという結果もサポートしています

流動的なレイアウトに関しては、解像度が大きいと余白が多くなりすぎて問題が発生する可能性があります。余白がつぶれるような小さな画面で表示すると、これが反転する可能性があります(全体のサイズに対する割合です)。したがって、制御が難しく、必然的に空白の欠如が読みやすさに影響を与える可能性のあるシナリオがあります。

これを軽減するために、よりシンプルなデザインを試すことができます。大きなモニターのスペースを埋めるデザインは、小さなモニターでは乱雑に見える場合があります。多くの場合、より単純な設計は、小さい解像度に適しています。多くのレスポンシブデザインでは、コンテンツや機能を小さな画面に表示します。

おそらく他の技術的アプローチが必要です。しかし、それはあなたが行くつもりかどれくらい小さいかに依存します。 Elastic vs Fixed vs Fluid の長所と短所を検討してください。

極端な変更については、別のレイアウトを使用することを検討してください。デザインはある程度柔軟なものになります。使いやすさのために、マージンの最大サイズと最小サイズを設定します。

6
Jay

行の長さを制御することは読みやすさにとって非常に重要であり、これを行うには多くの方法があり、マージンはそのうちの1つにすぎません。 「読みやすくするための行の長さ」をグーグルして、最適な行の長さの提案、調査、および引数を見つけることができます。

行の長さの問題を超えて、マージンは読みやすくするために重要ですが、画面が電話のように非常に狭い場合は、マージンを犠牲にする必要があります。これはバランスをとる行為になります-ある程度のマージンが必要ですが、テキスト行の長さをあまり減らしたくありません。

1
obelia