JavaScriptのロゴ

何でできているか

黄色の正方形と、その右下に置いた黒い「JS」の2文字でできています。公式に定められたロゴではなく、コミュニティで広く使われている非公式のロゴです。

形

正方形の角は丸めずに直角のままです。JS の2文字は右下の隅に寄せてあり、S の右端と下端が正方形の縁のすぐ近くまで来ています。正方形の上半分と左側は何も置かれていない黄色の面です。

文字は太く、線の太さが均一な飾りのない書体です。J の下のカーブと S のカーブは丸みが似ていて、2文字の高さはそろっています。

色

黄色と黒の2色です。どちらも中間の色を持たず、面と文字がはっきり分かれています。

この作りが効いている理由

黄色と黒は、明るさの差がとても大きい組み合わせです。警告の標識に使われるのと同じ配色で、遠くからでも小さくても目に入ります。色の数を2つに絞り、その2つの明暗差を最大にするのは、小さなアイコンで見分けをつけるための基本の手です。

文字を右下の隅に寄せたことで、正方形の大部分が色の面として残ります。ファイル一覧やブラウザのタブのように小さく並ぶ場面では、文字を読む前に黄色い四角で見分けがつきます。

正方形・2色・2文字という単純さは、公式のロゴが無くても誰もが同じものを描き直せる作りでもあります。描き直しやすい形は、広まりやすい形です。