[B! フォント] pykgg476のブックマーク

少しの工夫でグッと良くなる！タイポグラフィTIPS｜kyon

VASILYのデザインチームでは、「IQON」をはじめとするUIデザインに多くの時間を充てていますが、ファッションブランドとのタイアップ企画や、採用イベント用の広報物など、ビジュアルデザインにも力を入れています。下記は今週開催されているtry! Swiftでの様子です。ブースのグラフィックや配布パンフレットなどを社内で制作しました。そういったこともあり、VASILYのデザインチームでは基礎デザインスキルのひとつとして、タイポグラフィも大切にしています。 UIデザインをメインに取り組んできた方や、Webデザインからスタートした方の中には、タイポグラフィに苦手意識を持っているデザイナーもいるかもしれません。タイポグラフィは突き詰めれば突き詰めるほど奥深いデザインですが、今回はそんな苦手意識のある方や、これまで取り組む機会がなかった方向けに、今すぐ使えるタイポグラフィTIPSをご紹介します

pykgg476 2018/03/08

リンク

Yaku Han JP - 約物半角専用のフォント

ゴシック体明朝体丸ゴシックすべてカッコのみ Hiragino Noto 横書き縦書き w100 w200 w300 w400 w500 w600 w700 w800 w900 0.625rem 0.75rem 0.875rem 1rem 1.125rem 1.25rem 1.5rem 2rem Before 「約物半角専用のWebフォント」を優先的に当てることによって、Webテキストの日本語に含まれる約物を半角にすることができました。例えば「かっこ」や『二重かっこ』、【バッジに使いそうなかっこ】などを半角にできます。ウェイトは9種類。Noto Sans JPに沿っています。  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.1/dist

pykgg476 2017/10/03

リンク

フォントの選び方シート「so you need a typeface」

フォントでデザインや使い勝手、受ける印象は大きく変わります。それだけにデザインにおいてフォント選びは非常にシビアな部分であり、大きなところです。今日紹介するのはそんなフォント選びのヒントになる一枚のシート「so you need a typeface」を紹介したいと思います。 ※クリックすると大きい画像を見ることができます。中央からスタートし、まずは用途から決めるようになっています。用途はBOOK,INFO GRAPHIC,NEWSPAPER,LOGOなどなど様々な用途が考えられています。詳しくは以下用途が決まれば次はそれぞれの用途に応じての質問に答えていくと最終的に、フォント名に行き着くようになっています。海外のものなので、対応しているフォントは欧文フォントのみとなりますが、ベーシックなフォントがほとんどなので、日本の制作環境でもよく見るフォントがほとんどだと思います。そのフォン