2015年9月10日のブックマーク (1件)

  • テキストの扱いに困っている方へ - エンジニアのための「っぽい」デザイン術

    不眠症なのでもう一記事。 今回は ・記事タイトル ・見出し文章 ・投稿日時 ・コメント数 ・お気に入り数 というよく一緒に扱うテキストの整理の仕方について書いて行きます。 写真素材は暗黙のフリー素材と化して10年の地元の友達です。 さて、まず困っている方のデザインを再現してみました。 かなり見づらいですね。 なぜ見づらいのかというと、主に2点 ・文字の太さ(font-weight)が均一 ・隙間(padding)が少ない これを解決するには、 まずこの赤枠分くらいのpaddingとってみてください。 これだけで大分見え方変わると思います。 次にタイトル以外の文字のfont-weightを細くしてみてください。 お〜変わってきましたね。 続けて、これは個人の好みによりけりなのですが最近私や社会は 割とh1要素であっても細いfontを当てたりするので タイトルとその他要素のfont-weigh

    テキストの扱いに困っている方へ - エンジニアのための「っぽい」デザイン術