オリジナルフォントを使ったデザイン - クックパッド開発者ブログ

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

[Yoshiori]

これ、マジ便利で「xxx の画像欲しいんだけど〜」「シンボルフォントでxxxってあるのでそれ使って下さい」ってことが何度も！！！

[kanflu]

id:otchy210 それは http://fontello.com/ で

[mrkn]

いいはなし

[mirakui]

kudakurage先生のリガチャ芸だ

[lenore]

このスーパーのチラシ風フォントは良く合ってる

[fujya]

べんり！

[UDONCHAN]

便利情報

[yulily100]

ためしてみよう

[glat_design]

実務に活かしてますね。さすが！ /

[solidstatesociety]

すこしづつちゃんとやる強さ

[ka2nn]

大変便利に使った

[peroon]

フォントの作り方

[sora_h]

@ainame kore

[ainame]

オリジナルフォントかわいい

[nakagaw]

シンボルフォント

[wakame1367]

2014-10-14 オリジナルフォントを使ったデザイン Design こんにちは、ユーザファースト推進部デザイングループの元山です。 デザイナーの皆さんはWebやアプリなどをデザインする上でフォントを作った事があるでしょうか？ ず

[Jxck]

Ligature(合字)でシンボルを呼ぶ。凄いなぁ。

[elim]

クックパッドの取り組みはいつも素晴しいなあ

[ikosin]

紙のデザイン有用

[dann]

“Glyphs Mini”

[karur4n]

めっちゃ見やすい

[gayou]

cookpadの取り組み

[iqm]

若干、闇魔法っぽいけど確かによい使い方だ...!

[higashinshin]

クックパッドすごいな！ オリジナルフォントを使ったデザイン - クックパッド開発者ブログ

[trashtoy]

チラシ風フォント、しっくりしすぎて凄い

[kazumi_wakatsu]

使う文字だけで構成された専用フォント作って軽くしよう作戦か。決められた文字しか使わない箇所なら値段以外だと日時表記とかに良さそう。

[nunchaku]

今日はちょうどフォントの本読んでた　フォントにすると便利なんだね！みんなが使いやすいのすばらしいですね

[asonas]

めっちゃいい...

[karasunekoneko]

アイコンをフォントにするのまだやったことないからやってみたいなあ。/ オリジナルフォントを使ったデザイン - クックパッド開発者ブログ

[nagayama]

ʕ•ᴥ•ʔ

[udzura]

激強い

[Nkzn]

すげー

[norip44]

単にフォントを使ってデザインしようという話かとおもいきや、もうちょっと深かった。

[vvakame]

つよい

[mixyeppy]

フォントって大切ですね。

[teroma2]

「IcoMoonというサービスはSVG形式で作ったオリジナルのシンボルをフォントにできたり、サイズやフォント名、ユニコードやLigatureまで設定してフォントを生成できるのでとても便利」[フォント][デザイン][webデザイン][まと

[stanaka]

くらげさん!