Goodpatch Advent Calendar 2016の7日目！ フォントもくもく会 #5でVariable Fontについて調べてみた。2016年9月にVariable Fontというものが発表された。ひとつのフォントファイルで、さまざまなウェイトで表示ができる。 ワルシャワで開催中のATypIカンファレンスにて、バリアブルフォントと呼ばれる新しいタイプのフォントが世界に紹介されました。Apple、Google、Microsoft、およびアドビが共同で開発したバリアブルフォントは、ジョン ハドソン（John Hudson）の言葉を借りれば「ひとつのファイルでありながら複数のフォントのように動作する」フォントです。ひとつのフォントファイルを使い、ファイルサイズを拡大することなくウェイト（太さ）や幅やその他の属性を無限に変更することができたらどうなるか、またデザインにおいてそれがどのよ

世界中で公開されているたくさんのフリーフォントですが、「数が多すぎてどれを使えばいいのか迷ってしまう。」と思ったことがあるひとも多いのではないでしょうか。当サイトでは、無料ダウンロードできる高品質フリーフォントを厳選ピックアップし、定期的にご紹介しています。 どんなデザイン案件にも使いやすい万能フォントから、デザイントレンドの手書きブラシフォントや、人気の高い筆記体など幅広いセレクションから揃えています。商用利用も可能な素材も数多く揃い、利用ライセンスも一緒にまとめていますが、参照元ページを一度確認してご利用ください。 2週間限定！日本語プレミアムフォント、かわいいデザインを楽しむ便利コレクション これが欲しかった！無料のすごいフリーフォント55選 女子文字POP体フォント「モッチーポップ」 女子が書いたモチモチしてコロコロ丸っこい字でポップなフォントを目指して作りました。職場の新卒3年目

コンテンツ・ファーストに対する考え方が、デザイナーに認識、理解されるにつれて、デザイン過程において優れたタイポグラフィの作成がますます重要になってきています。 しかしタイポグラフィの扱いはとてもデリケートで、特にこれから始めようというひとにとって厄介な問題です。このリストでは、よりタイポグラフィ作成を快適に進めることができる無料ツールをまとめてご紹介します。ここで紹介するツールは、コンテンツを改善し、より良いデザインを手がけるのに役立つものばかりが揃います。 ここでは、以下のカテゴリ別に分かれています。 フォントの選択、ダウンロード フォントの組み合わせやスタイリング フォントの縮尺スケール デザインインスピレーション フォント、書体を知ろう！デザイン作成が快適になる無料ツール、拡張機能まとめ フォントの選択、ダウンロード タイポグラフィーの作業プロセスは、フォントの選択から始まります。選

San Francisco Font Family San Francisco はひとつの書体ではなく、SF Pro, SF Compact などと呼ばれ、それぞれに Text, Display, Rounded バージョンが存在します。Text よりも Display の方が多くのウェイトを揃えているのは、Text は視認性を重視した書体ゆえ、細いものは利用する想定にないからなのだと思われます。SFシリーズはVariable fontに対応しています。 SF Pro vs. SF Compact SF Pro は macOS や iOS, tvOS デバイスのシステムフォントとして採用されています。SF Compact は Apple Watch のシステムフォントとして採用されています。Compact は字が四角形に近い形をしていて、Apple Watch のような小さなデバイスでも視

AXIS180号の表紙インタビューに登場いただいた落合陽一さんは、1987年生まれの若き研究者にして、気鋭のメディアアーティスト。2015年から筑波大学助教に就任し、現在、デジタルネイチャー研究室を主宰している。研究論文はシーグラフなどの国際会議で発表し、CGやコンピュータサイエンスの学会誌にも掲載されている。メディアアーティストとして発表した作品は、アルス・エレクトロニカやシーグラフ・アート・ギャラリーをはじめとして、各地で高い評価を受けている。2015年に刊行した『魔法の世紀』では、20世紀から21世紀への情報技術の急速な変化を、「映像の世紀」から「魔法の世紀」への移行と分析。このパラダイム転換は大きな話題を呼んだ。 プレゼンテーション用の資料などでAXISフォントを使っていただいていると聞きました。 大学生の頃から愛用しています。学生時代って、自分なりに制作環境を整えていく時期じゃな

昨日試験的に公開してみた新フォント「F5.6」に思った以上の反響があったので、連載の方をちょこっとお休みしてこちらでもう少し詳しく解説します。 コンセプト ライカのレンズなどに使用されている書体や機械彫刻用標準書体のような、機械的制約の中から生まれた独特の雰囲気の書体に、SF映画やアニメ作品などに出てくる直線な書体の要素を組み合わせ、自分なりに解釈・再構築してみよう。 という目標のもと作成しました。ようするに趣味全開です。 ちなみに書体名「F5.6」はカメラの絞り値が由来。 デザイン 全体的にはライカの書体に倣って文字幅や線幅が（なるべく）均一に見えるようにしました。縦横の比率は大文字の「O」を基準にちょうど3:2のバランスにしています。APS-Cイメージセンサーと同じ比率ですね。 縦長気味なので組んでも間延びしません。 線幅は横幅のちょうど1/5の太さに。小サイズでの視認性向上のため一般

noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック（経験）ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、「読書体験」における「可読性」のパートのメモ。noteチームにとりあえず提案する予定の諸々です（現時点では個人の見解です）。基本的には「当たり前のことを、当たり前に」やる予定。「これもやっとけ」的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも

OS XではMarvericks (10.9) から「游ゴシック体」と「游明朝体」が標準搭載されたことで話題になりましたが、実はiOSでも6以上からこれらのフォントが使用できます。 iOS 6から追加ダウンロードフォントという仕組みが導入され、游ゴシック体などのフォントはその追加ダウンロードフォントという形で提供されています。 アプリケーションからは必要に応じてフォントをダウンロードして利用します。 フォント一覧 iOS 6で使えるフォントはアップルの下記のページに記載されています。 このページの下の方に追加情報として記載されているフォントがダウンロードフォントになります。 iOS 6：フォントリスト (http://support.apple.com/kb/HT5484?viewlocale=ja_JP&locale=ja_JP) 上記のページに記載されている追加ダウンロードフォントのう

こんにちは、ユーザファースト推進部デザイングループの元山です。 デザイナーの皆さんはWebやアプリなどをデザインする上でフォントを作った事があるでしょうか？ ずいぶんと前から「これからはWebフォントの時代だ」なんて言われながらも、現実は中々使うのが難しいなぁと感じている方は多いかもしれません。 今回はクックパッドで実際に作ったオリジナルフォントを使ったWebやアプリのデザインについて事例を交えながら紹介してみたいと思います。 クックパッドでの事例 印象と機能を向上させるデザインのためのフォント ブラウザやアプリの標準のフォントではない特殊なフォントを使う理由として真っ先にあげられるのは、やはり文字の雰囲気や見た目でデザイン的な印象や見え方を向上することができる点だと思います。最近ではAppleのWebサイトもオリジナルのWebFontを使ったデザインに変わりましたね。 クックパッドでは特

リガチャなアイコンフォントを自作しようとするとけっこう大変そうで、そのためのアプリを揃えて操れるようになったり、リガチャの仕様を把握したり、専用のCSSを書いたりする必要がある。そういった正攻法のやり方としては、このページがとてもわかりやすかった。また、実際にそのページの方法によって制作されたLigature Symbolsも魅力的。 ところが自分が欲しいのは、Twitterで使っているアバターアイコンと、ブログのボタン等で使う5〜6個のアイコンを含んだ最小のセットで良くて、そのために前述のような本気を出して作るのは、なかなか重い腰があがらずにいたところ、アイコンフォントを手軽に生成できるサービスIcoMoonの中に、そのリガチャを作成する機能もあることに気がついた。^1 それを使ってみたら、予想以上に簡単にリガチャなアイコンフォントをサクッと作れた。 上のはそのIcoMoonを使って作っ

iOS 7用のアイコン探すの、面倒ですよね。 サイズ毎に違う画像を用意しないといけないし、 フリーの物は面倒なライセンスだったり、種類が少なくて欲しいのが無かったりします。 そんなあなたにFontAwesomeKit。 FontAwesomeKit FontAwesomeKitはアイコンフォントから画像を動的に生成するライブラリです。 メリット 種類が豊富 FontAwesomeやioniconsといった種類が豊富な、複数のアイコンフォントに対応しています。 使いやすいライセンス FontAwesomeKit自体はMIT License、 各フォントはSIL Open Font Licenseや、MIT Licenseなど、使いやすいライセンスで提供されています。 サイズ調整や差し替えが簡単 フォントから指定したサイズのUIImageを生成できるため、 サイズを調整したり、別のアイコンに差

古い町並みには、洗練されていないけれど個性的で味のある文字がたくさんあります。このプロジェクトは、そんなステキな文字たちを「のらもじ」と名付け、それを 発見 → 分析 → フォント化 を進めていく活動です。フォントはインストールしてお使い頂けます。 We can find a lot of font in old towns. Those may not be so sophisticated but has unique charm. In this project, we named such characters “NORAMOJI”. We aim to “Find > Analyze > Reproduce” them. Users can intall and use the font.

最早至る所で見聞きするフラットデザイン。Appleを初めGoogleや各ウェブサービス、アプリケーションのUIでもどんどん取り入れられています。ご存知の通り凹凸が無く巧みに配色を考えられた美しいデザインで、しばらくトレンドとなる事は間違いないでしょう。 そこでやはり気になるのがフォント。こだわりだせば切りが無いものですが、一度これというものに出会うとデザインの基盤として大活躍してくれます。 今回Webで見つけて早速持っているMac全てにインストールしたフォントはこちら。 M+ FONTSの紹介 M+ OUTLINE FONTS はコンピュータなどでの個人利用をはじめ、商業目的での利用、フォント内容の改変、改変後の再配布にも制限の無い、自由なライセンスで公開しているアウトラインフォントです。 海外のフォントはかっこいいのがたくさんありますが、結局英数字だけなので日本語を使用したい場合はバラン

特定のフォントを愛する人が、そのフォントの一体どこがいいのか、どうしてそのフォントでなくてはダメなのかを語る、フォントについてのAdvent Calendarです。 条件は何か一つ好きなフォントについてその魅力を語ること、タイトルに「#LOVEFONT」の文字を入れること。それだけです。 #LOVEFONTとは？ [http://webcre8.jp/think/love-font-impact.html#title-08]

Windows上でフォントを綺麗に表示するソフトとして、現在はgdi++ Helium版やgdipp、ezgdiというソフトウェアがよく使われています。 これに対して最近、同じgdi++派生であるMacTypeというソフトがなかなか良さそうだと注目されるようになり、gdi++ユーザの間では、「gdi++ Heliumを越えたのではないか」、「MacTypeのほうがより詳細に設定ができる」などと話題になっています。 しかし、MacTypeの情報の多くは中国語であり、日本ではまだあまり知られていないソフトウェアのようです。 そこで今回は、日本語でMacTypeのインストール方法とその特徴について紹介したいと思います。 目次 1. サンプル2. MacTypeの特徴2.1. 64bitアプリケーションに対応！2.2. 設定作成ツールが付属！2.3. プロセスごとの適用状況確認ツールも付属！2.4

A game to learn how to kern type