フォントかるた祭りに参加してきました - てくすた
こんにちは、UIデザイナーのtakaiです。 みなさんは「フォントかるた」をご存知でしょうか。 昨年、SNSを通じてデザイナーやボードゲーム好きの間でじわじわ話題になり、フォントかるた制作チームによって製品化されたこのゲーム。 弊社ボードゲーム部でも盛り上がりをみせており、ちょうどイベントが開催されると言う事で参加してきました。 fontplus.connpass.com フォントかるたについて 一言で説明すると、競技カルタのフォント版です。 普段使用されているフォントの中から48種類が選ばれ、取り札にはその書体でテキストが書かれています。 読み手が読み上げた書体の特徴や解説から書体を推測し、取り札を取っていくゲームです。 www.fontkaruta.com イベント前半 イベントはフォントかるた開発チームの4名が登壇され、 前半はプロダクト制作にまつわる制作裏話がロールプレイングゲーム
置くだけタイポグラフィ
コンセント社内でのウェブフォントセミナーにて発表したスライド。書体を単体で愛でるだけでなく、文字を「置く」という観点からの考察。 --- アートディレクター 江島任 手をつかえ プレビュー動画 on Vimeo https://vimeo.com/171884522 InstagramやAirbnbなどのUIデザインに見る新しいトレンド | UX MILK http://uxmilk.jp/48364 The Future of Mobile Content: Facebook Instant Articles vs. Google AMP http://www.business2community.com/brandviews/upwork/future-mobile-content-facebook-instant-articles-vs-google-amp-01589166#wfs
なぜ「ヒラギノ角ゴ」は美しいか｜みさきんぎょ｜note
1番読まれているフォント「1番読まれている和文（日本語）フォントは？」 と訊かれたら，僕は「ヒラギノ角ゴ」と即答する。 なぜなら，ヒラギノ角ゴ（ヒラギノ角ゴシック・ヒラギノ角ゴシック体）は，iOSのシステムフォントだからである。即ち，iPhone上では，LINEのメッセージ（下画像）・Twitterのツイート・Googleの検索結果・画面に表示されるキーボードの文字・「設定」App内のテキスト・そしてこの文章など，ほぼ全ての日本語がヒラギノ角ゴで記述されているということだ。 iPhoneだけではない。例えば，日本の多くの高速道路の標識にもヒラギノ角ゴが採用されている（詳細は後述）。 このように，さまざまな場面で使われるからには，それ相応の理由があるはずである。それでは，このフォントのもつとある特徴を紹介しよう。 ヒラギノ角ゴの特徴 ヒラギノは字游工房がデザインし，大日本スクリーン製造（後の
何もしないためのデザイン
豆腐がある。日本ならどこのスーパーでも売っている豆腐のことだ。そのパッケージは簡易で必要十分なものだ。大抵は箱状で、上部をビニールで密閉されている。豆腐のパッケージの箱はそこそこ丈夫で、食卓にそのまま出すこともできる。一人暮らしならばそれでも良いかもしれないが、やはり必要な分だけ切り分け、器に盛るだろう。 それはそうした方がおいしく感じることができるからだ。器に盛ろうと盛るまいと豆腐自体は変化しないので、その味が変わるというのもおかしな話なのだが、人はそれほど客観的で絶対的な感覚を持ってはいない。 ただし、豆腐をおいしく食べることが主で、器に盛ることは主ではない。ここを間違えるとおかしなことになる。だから「器がきれい！」ではダメだし、また「器に盛られた豆腐がきれい！」でも微妙だ。ただただその豆腐をおいしく食べられるように、できるだけそれ以上何もしないように盛り付けるとよいだろう。 そのよう
文字をつくる 9人の書体デザイナー - console.blog(self);
もっと文字のこと、フォントのことを知りたいな、と思って読んでみた。文字がどうやって作られてきたのか、全然知らなかった。本書でその過程を知ることができた。 本書で紹介されている9人の書体デザイナーの方々。 鳥海 修（ヒラギノ、こぶりなゴシック、游書体ライブラリー） 杉本 幸治（本明朝） 鈴木 功（AXISフォントなど） 西塚 涼子（りょう、りょうゴシック、かづらき） 大平 善道（ZENオールド明朝、ZENアンチックなど） 片岡 朗（丸明オールドなど） 小林 章（Cliffordなど数々の欧文書体） 小宮山 博史（平成明朝体など） 小塚 昌彦（新ゴ、小塚明朝、小塚ゴシックなど） この本の製作過程をまとめたblogやtwitterもある。 文字の本を作っています。 文字の本を作っています。 - Twitter 鳥海 修 Macを使っていれば必ず目にするヒラギノシリーズ、Windows 8.1に入
プロデザイナーが教えてくれた、フォント組み合わせ実践テクニック8個まとめ
海外デザインブログCanva Design School Blogで公開された「The Ultimate Guide to Font Pairing」、「Font Pairing Like a Pro – Part Two」より許可をもらい、まとめて日本語抄訳しています。 良いグラフィックデザインは間違いからは生まれず、うまいフォントの組み合わせなしではつくることはできません。 このフォント組み合わせガイドでは、フォントを使ったデザインを美しく仕上げる、シンプルで効果的なテクニックをご紹介します。デザイナーではない人に向けて、フォントデザインの手助けをしてくれる、基本的な用語も一緒にまとめています。 詳細は以下から。 01. 心地よい直線ラインを加えよう。 サンセリフフォントは、まっすぐの直線ラインを加えるこで、イメージ写真の上に配置するのに良く、読みやすさにもつながります。 太字フォント
5分で学ぶフォントの歴史500年｜時代背景とタイポグラフィ｜スマートキャンプ デザインブログ
スマートキャンプデザインブログです。 今回は、タイポグラフィの歴史について、スマートキャンプ八尋（やひろ）が解説します。 タイポグラフィとは現在では、印刷技術、文字のデザインやその配列など、文字（タイプ）のデザイン全体を表す言葉になっています。 元の意味としては、活版印刷術や、印刷のために活字を組み合わせて使用することを指しました。 タイポグラフィの誕生歴史上初めてタイポグラフィが誕生したのは15世紀のことです。ヨーロッパでは手書きによって本が生産されており、多くの時間を要していました。 そのような時代背景の中、ドイツ人で活版印刷術の発明家である、ヨハネス・グーテンベルクによって「ブラックレター（Black Letter）」というタイプフェイスが作り出されました。 しかしこのタイプは、当時の手書きの文字を参考に作られているため、縦線が太く印刷するとつぶれてしまうことがありました。 字がつぶ
現役デザイナーが実践している、フォント組み合わせ10個の黄金ルール
海外デザインブログCanva Design School Blogで公開された「10 Golden Rules You Should Live by When Combining Fonts: Tips from a Designer」の著者より許可をもらい、要点をまとめて日本語抄訳しています。 デザインやアートの世界には、変えることができないいくつかのルールがあります。基本ルールを知ることで、自由にルールを壊すこともできるようになります。では、フォントの効果的な組み合わせ方はどのように学べよいでしょう。デザインとしてうまく利用できると証明されている、いくつかのガイドラインを見ていきながら、実践的なデザインの基本を学んでいきましょう。 詳細は以下から。 01. デザインに合ったフォントを選ぼう 多くのフォントはカジュアルさや、陽気さ、真面目さ、エレガントさなど、他とは異なる雰囲気（英: M
おしゃれなチラシの作り方：誰でもできるデザインのコツ14個
今回はおしゃれなデザインのチラシ（フライヤー）をサクッと作成する方法を解説します。どれも特別なテクニックや技術は必要なく、すぐに実践できるものです。
San Francisco フォントを探る - Qiita
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 のような小さなデバイスでも視
フォントの気持ちになる - にせねこメモ
フォントの気持ちになるですよ。 ……正確にはフォントというより、フォントレンダリングソフトウェアの気持ちになってフォントを読んでみよう、という感じでごぜーますが。 フォントの準備 …………。 さて。 読むフォントは、容量が小さいとありがたいのですが、ちょっと探しただけでは見つからなかったので、Noto Sans RegularをFont Squirrel Webfont Generator使ってASCIIの小文字アルファベットだけにしたものを用意しました。だいたい9KB位。 用意したフォントはここからダウンロードできます: font.ttf さて、適当なバイナリエディタでフォントを開き、16進ダンプを印刷します。 一応、印刷したPDFのリンクを張っておきます: font.pdf ……えーと、別に印刷する必要なかったですね。バイナリエディタで見ていきます。今回はStirlingを使いました。
Google Developers Blog: Google Fonts launches Japanese support
Posted by the Google Fonts team The Google Fonts catalog now includes Japanese web fonts. Since shipping Korean in February, we have been working to optimize the font slicing system and extend it to support Japanese. The optimization efforts proved fruitful—Korean users now transfer on average over 30% fewer bytes than our previous best solution. This type of on-going optimization is a major goal
デザイナーが持っていたい、すごい新作フリーフォント素材54個まとめ
全体のイメージを決める重要な要素のひとつ「フォント選び」。素材がありすぎてどれを使ったら良いか分からないと、悩んでしまうこともしばしば。手持ちのフォントコレクションを定期的にアップデートして、クリエイティブな作品をつくってみましょう。 今回は、最近公開された無料ダウンロードできるフリーフォント素材をまとめてご紹介します。太さに応じて豊富なウエイトが用意された書体から、今年のトレンドでもある手書き、ブラシスタイルの他に、人気の高い美しい筆記体デザインなどが揃っています。 商用可で完全無料！2017年公開のフリーフォント素材129個総まとめ デザイナーが持っていたい、すごい新作フリーフォント素材まとめ Handwritten Font Collection 収録されている5つの書体を一緒に利用するだけで、海外のカフェのようなオシャレデザインを完成できるフォントコレクション。 ※ 個人、商用利用
読みやすいフォントの CSS 設定例 | murashun.jp
［ ＋ expand ］美しいフォントとはフォントの種類ゴシック体 vs 明朝体Web フォント総称ファミリーfont-family の設定例フォントのサイズフォントの色フォントの文字間隔フォントの行間まとめ関連記事美しいフォントとは 昔から Windows のユーザでしたが、初めて Mac のフォントを見たときの衝撃は今でも忘れられません。Windows と比べて Mac のフォントの美しさは際立っていました。その美しいフォントは "ヒラギノ" と呼ばれ、Mac の中心的なフォントのひとつで、これ以上に美しい日本語のフォントは見たことがありません。 Windows と Mac ではフォントのレンダリング方法が異なるため、今日に至っても Windows のフォントが美しくない問題は解決されていません。しかし、Windows は Vista 以降から "メイリオ" と呼ばれるフォントが収録さ
あそこで使われている、あのフォント。についてまとめてみました
今回は、デザイナーであればついつい食い付いてしまう「フォントの話」についてです。ウェブサイトや公共交通機関など、日常的に目にするところでどんなフォントが使われているのか、改めてまとめてみました。 Appleのウェブサイトで使われている有名な組み合わせと言えば、「AXIS」と「Myriad」です。 他の日本語フォントと比較すると分かりますが、「AXIS」は直線フォルムで先進的な印象を与えるため、Appleのブランドイメージと良く合っています。 そのAXISに、Frutigerよりもやや有機的で愛嬌のある「Myriad」を組み合わせることで、冷たすぎる印象になるのを和らげていると思います。 Apple公式サイトのCSSを見ると、「Apple TP」というフォントが指定されていますが、これはAXISとMyriadのオリジナル合成フォントパッケージのようです。 ただ合成フォントにしただけでなく、フ
Variable Fontについて - console.blog(self);
Goodpatch Advent Calendar 2016の7日目！ フォントもくもく会 #5でVariable Fontについて調べてみた。2016年9月にVariable Fontというものが発表された。ひとつのフォントファイルで、さまざまなウェイトで表示ができる。 ワルシャワで開催中のATypIカンファレンスにて、バリアブルフォントと呼ばれる新しいタイプのフォントが世界に紹介されました。Apple、Google、Microsoft、およびアドビが共同で開発したバリアブルフォントは、ジョン ハドソン（John Hudson）の言葉を借りれば「ひとつのファイルでありながら複数のフォントのように動作する」フォントです。ひとつのフォントファイルを使い、ファイルサイズを拡大することなくウェイト（太さ）や幅やその他の属性を無限に変更することができたらどうなるか、またデザインにおいてそれがどのよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイナーが持っていたい、Googleフォントおすすめ12選
フォント、作るほうの話
場面に合わせて使いわけよう！デザイナーなら知っておきたい、美しい和文フォント10選 - Moxbit
ゴシック体史研究の最前線
