タグ

fontとuiに関するyorozunaのブックマーク (2)

  • 【厳選】UIに使える欧文書体まとめ|てっちゃん

    デザイナーを目指している人や現役のデザイナーにとって、デザインのバリエーションを増やすことは重要なことだと思います。 グラフィックデザインであれば様々な書体を使い分けたりできますが、WebサイトやアプリのUIとなると視認性や可読性の問題からフォント選びが難しくなり、結局システムフォントに落ち着いてしまうこともあるでしょう。 今回はUIに使えるようなフォントを以下の基準で選別しました。 1.  視認性・可読性が高い 2.  ウェイトの種類が豊富 3.  入手しやすい(フリーフォントなど)これらを満たす日語書体を探すとなると有料かつ数も少ないため、欧文のみに絞って8書体を選びました。もちろんそのまま使ってもいいし、ヒラギノ角ゴやNoto Sans CJK JPなどの無料の和文書体と合わせて使えます。 それぞれのフォントに、視認性(誤読がなく見やすいか)、可読性(読みやすく疲れないか)、汎用性

    【厳選】UIに使える欧文書体まとめ|てっちゃん
  • 基本的だけど大切なタイポグラフィのシンプルな14のルール

    ウェブデザインをはじめ、印刷にも役立つ基的だけど大切なタイポグラフィのルールをfred designから紹介します。 Simple rules for good typography もしくは、Typophile 下記は、その意訳です。 はじめに ここにウェブや印刷のためのタイポグラフィに役立つ基的なルールがあります。もちろん、このルールは基であり、そしてルールは破られることを意図されているものです。 しかしながら、もしあなたが一般的にきちんとしていて美しくみえる何かを制作するためには良いルールです。 1. たくさんのフォントを使わない ウェブサイトなどのドキュメントに一貫性は非常に重要な要素です。一貫性は統一と一つのアイデンティティーをもたらします。 この一貫性を守るためには、一つのドキュメントに対して3つ以上の異なるフォントを使用しないことです。 2. ヒエラルキー ページ内の階

  • 1