質問: 本家もかなり酷いですけど、視認性わるくないですか? どうもQ&AサイトってろくでもないUIが多い気がします。 * (パッと見の見てくれだけは良い) * (横幅狭すぎ) 具体的には 1. 構成要素の区切り境界線がない、または曖昧すぎ 2. 画像・アイコンが適切に利用されてない 3. 行間隔おかしい 「そもそも読みにくくて使いたいと思わない」と感じます。 どう思います?平気ですか?
回答: 行間に関しては私も改善の余地があると思います。具体的には、投稿本文はもっと行間を広げてよいと思います。 現在のCSSで ``` .post-text { line-height: 1.3em; } ``` となっているところを、1.5emにしてよいかと思います。 > > 「TrueTypeフォント パーフェクトコレクション」によれば、欧文の行間(レディング)はフォント・サイズの20%くらいでOKだそうですが、和文の場合は50%、もしくは75%くらいが適切だそうです。 > > (ソース) > > > 日本語のテキストでは一般的にフォントサイズの1.5倍が読みやすい行の高さとされている。 > > (ソース) > > > 例として、複数行にわたる段落は少し詰まった感じがします: 私は今よくこの関係者という点の時に向っますでしょ。いくらでも毎日で徴顔はことにこの尊敬ましょですかもを与えているですがは修養するずですから、こうにも云っあっあるですまし。expectsを云うです訳はついに前の初めてないますある。ほとんど張君で乱暴個人どう尊敬をしあり哲学この国家私か留学にというお増減でですますなて、その偶然もそれか大学生徒に云いから、嘉納さんの事に風俗のいつにとにかくお威圧とありてそれ道具でお遠慮に飲んようにひとまず大観察に利くたありて、けっしてつい挨拶で命じますがいるた気から考えるですなけれ。 (私の環境でのスクリーンショット) また、入れ子のリストの行間も調整の余地があると思います。 * いろは + にほへと ("いろは" との間隔がせまい) + ちりぬるを ("にほへと" との間隔が広い) * わかよ + たれそ + つねならむ (私の環境でのスクリーンショット) 環境: Google Chrome / Mac OS X 10.10 (retina)