インスタグラムのロゴのフォントやアイコンを「いいな」とは感じる人は多いでしょう。そのインスタグラムのロゴのフォントやアイコンが、制限付きながら使えるということをご存知でしょうか。今回はインスタグラムのフォントとアイコンの入手方法を注意事項とともにお伝えします。
インスタグラムの公式ロゴマーク(アイコンやグリフといったマークと、文字のロゴとを合わせたものをロゴマークといいます)は、非常にシンプルでスタイリッシュです。特にインスタグラムのアイコンは洗練されていて、ちょっと見にはインスタントカメラを基にしたとは見えないほどです。
こうしたインスタグラムのアイコンのようなシンプルで平面的なデザインをフラットデザインと呼びます。2013年にAppleがiOS7で導入したことで一気に普及したデザインで、シンプルでかっこよく、データの通信量が減って画面表示が速くなり、ユーザーがアイコンに邪魔されずに本体のコンテンツに集中できる、というメリットがあります。
実はそれ以前のアイコンは、スキューモーフィズムと呼ばれる現実世界のアイテムを模してアイコン化したものが多かったのです。これは今よりもユーザーがスマホに慣れていなかったため「このアプリはリアルで言うとこれこれです」と見せることが重要だと思われていたせいです。
ところが2013年にスティーブ・ジョブズが「いやいや、それってダサいよね」とiOS7のアイコンをすべてフラットデザインに変えてしまいました。その影響を受けて、ほかの全部のアプリも2018年現在のフラットデザインに変更されたのです。
インスタグラムもまたその波に翻弄された一つです。スティーブ・ジョブズから遅れること3年、2016年に現在のフラットデザインのインスタグラム公式ロゴマークが作成されました。
しかしそれまでのインスタグラム公式ロゴマークに使用されていたのは、さっき申し上げたスキューモーフィズムばりばりのインスタントカメラそのままのアイコンデザインだったのです。
2016年のインスタグラム公式ロゴマークの変更で、アイコンと同様にインスタグラムのロゴのフォントも変更されました。
2013年に作成されたそれまでのインスタグラム公式ロゴマークでは、Billabongというフリーフォントが使われていました。このBillabongフォントは割りと太めのマジックで書いたような筆記体で、親しみやすさと暖かさを感じさせてくれました。
インスタグラムが写真投稿アプリであることを強調した、インスタグラム公式ロゴマークにあるインスタントカメラのアイコンの、ちょっと古い感じと合ういいフリーフォントです。
一方、現在のインスタグラムの公式ロゴマークにある、インスタグラムの文字のロゴタイプに使われているフォントは、フラットデザインを採用してシンプルでスタイリッシュになったインスタグラムアイコンに合わせて、ぐっと都会的でスタイリッシュになっています。
このロゴタイプは新たにデザインされたもので、まったく同じフォントはありません。しかし、デザインの基になったと思われるBlue Vinylというフォントがあります。このフォントについては後述します。
現在は使われていませんが、Billabongはいい雰囲気のフォントですし、以前からインスタグラムを利用していた人なら使ってみたいと思うフォントの一つでしょう。しかし、BillabongフォントはWindowsPCやMacには最初からインストールされているフォントではありません。
そこでフリーフォントを配布しているサイトからBillabongフォントをダウンロードしましょう。フリーフォントなので無料で手に入るのがうれしいところです。
フリーフォントのダウンロードサイトは数多くありますが、今回は ALLBESTFONTS.com からBillabongフォントをダウンロードします。
先のリンクでBillabongフォントのダウンロードページに飛ぶと大きな「Billabong」の文字の下に緑色のダウンロードボタンがありますので、これをクリックしてBillabongフォントをダウンロードしてください。
すると、あなたのパソコンのダウンロードフォルダに「Billabong.zip」という圧縮ファイルがダウンロードされたはずです。
これを展開すると、フォントファイルである「Billabong.ttf」とインスタグラムのロゴマークに似せて作成された「instagram-logo.jpg」が手に入ります。
入手したBillabongフォントのTrueTypeフォントファイルは、OSにインストールする必要があります。以下ではmacOSでのインストール方法をお伝えしますが、Windowsでもほぼ同じ手順でBillabongフォントがインストール可能です。
まず展開した「Billabong.ttf」をダブルクリックします。するとフォントの見本が表示されますので「フォントをインストール」をクリックします。
するとMacのフォントを管理するアプリ、Font Bookが立ち上がり、Billabongフォントは無事にOSにインストールされます。
これ以降、あなたのパソコンでは自由に、文字通りフリーなフォントとしてBillabongフォントを利用できます。
パソコンにインストールされたBillabongフォントは、ほかのフォントと同様にさまざまなアプリで利用できます。
フリーフォントのBillabongフォントは文字を扱えるアプリなら、ほぼどんなアプリでも利用できます。今回は試しにmacOSに最初から搭載されているメモ.appでBillabongフォントを使ってみましょう。
まず画面の適当なところでマウスを右クリック(またはCtrlキーを押しながらクリック)してコンテキストメニューを表示させます。そしてその中の「フォント」を選び、横に開いた孫メニューの中から「フォントパネルを表示」をクリックします。
1 / 3
続きを読む