Applision (アプリジョン) - iPhoneアプリやiPadアプリのレビューサイト > まとめ・説明書 > 使い方・お悩み > iOS7で使用されているフォント「Helvetica(ヘルベチカ)」について勉強してデザインに取り入れよう!

iOS7で使用されているフォント「Helvetica(ヘルベチカ)」について勉強してデザインに取り入れよう!



iOS7のデザインは、魅力的なエレメントが満載にちりばめられている。
美しいグラデーションのぼかし、半透明のシート、極限まで細いピクトグラム、フラットデザイン、そして今日注目したいのが「あの細いフォント」である。

「あの細いフォント」は、Helvetica(ヘルベチカ)という、デザイナーなら知らない人はいないとまで思える有名・・いや、もはや標準的なフォントだ。

ヘルベチカ(Helvetica)は、1957年にスイス人タイプフェイスデザイナーのマクス・ミーディンガー(英語版) とエドゥアルト・ホフマン(Eduard Hoffmann)が発表したサンセリフのローマ字書体。簡素で落ち着いた書体でありながら説得力に富む力強さが特長で、用途を選ばない幅広い汎用性がある。現在最も使用される書体の一つとなっているほか、出版や広告の業界では必要不可欠な書体として知られる。 今日ではフォントとして誰でも手軽に利用でき、Macintoshでは OS に付属する標準フォントの一つとなり、iOSではシステムフォントである。 「ヘルベチカ」の名称は、ラテン語で「スイス」を意味するHelvetia(ヘルウェティア / ヘルヴェティア)の形容詞形であるHelvetica(ヘルウェティカ / ヘルヴェティカ)に由来する。つまり、ヘルベチカとは「スイスの」を意味する語である。
引用:wikipedia

つまり、Macユーザーにとって当然大変なじみ深く、そしてそうでない人でも広告やロゴで知らないうちに沢山見ているフォントなのです。


さて、この細くそして品に満ちたHelvetica(ヘルベチカ)は、Helvetica Neue Ultra Lightというフォントが採用されている。
Helveticaには、51ウェイトもの種類が存在しているのだ。
現在、ヘルベチカはライノタイプという会社の商品になっている。
Macユーザーにとっては、Helveticaは標準インストールされたフォントであるため、当たり前のようにデザインに使用するわけだが、WindowsではHelveticaは標準インストールされていない。そこで、よく代替えされるのがArial・swissフォントである。そもそもArial・swissはHelveticaの派生型フォントとして登場したもので、Helveticaに大変よく似ている。
ちなみにウェブ上で海外サイトで使用される標準フォントは、大概HelveticaかArialである。

もし、iOS7と同じフォントでデザインを制作したい場合は、ライノタイプ社またはAdobe社から購入する必要がある。

ライノタイプ社:Neue Helvetica® 25 Ultra Light
Adobe社:Helvetica™ Neue 25 Ultra Light

ウェブデザイン・アプリに取り入れてみよう!


さて、フォントのお勉強はこれくらいにして、Helvetica Neue Ultra Lightをウェブデザインやアプリに取り入れてみよう!
ウェブデザインやhtmlベースのアプリなら、CSSにHelvetica Neue Ultra Lightを指定することでiOS7のデザインを楽しむことができる。
ただし、これはMacのsafariおよびiPhone・iPadで閲覧した場合に限る。

やり方は、「font-family: ‘HelveticaNeue-UltraLight’;」と指定しよう!
これで、iOS7のデザインを自分のデザインに簡単に組み込むことができる!しかも無料で。


iOS7


ミニマルなデザインが愛されている昨今、デザイナーとしては是非入手・活用したいフォントのひとつだ。

iPhoneアプリ・iPadアプリの前後記事

omochi
この記事のライター 『omochi』

Applision編集長のomochiです。
「iOS7で使用されているフォント「Helvetica(ヘルベチカ)」について勉強してデザインに取り入れよう!」記事は満足いただけましたか?
他にも人気のデザイン まとめ・説明書 使い方・お悩みを多数おすすめしています。 是非、Google+やtwitter、facebookでフォローお願いします!

合わせて読みたい!関連記事のご紹介

Applision (アプリジョン) - iPhoneアプリやiPadアプリのレビューサイト > まとめ・説明書 > 使い方・お悩み > iOS7で使用されているフォント「Helvetica(ヘルベチカ)」について勉強してデザインに取り入れよう!