iOSとAndroidでアイコンを見比べてみた

iOSとAndroidでアイコンを見比べてみた

iOS、Android共に様々なアイコンがありますが、同じ機能でアイコンが違う、アイコンが同じなのに機能が違うなど混乱するアイコンを色々発見したのでまとめてみました。
Clock Icon2022.09.21

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

アイコンの違い、意識することはありますか?

私は業務にてiOS、Androidどちらも利用することがあります。その際アイコンの違いで機能を使えないことや、アイコンが同じであるが故に目的の機能を使えないことがあります。あとはiOSにGoogle関連のアプリ(G-mailやChromeなど)を入れて使用している方も、同じような状況に陥ることがあるのではないでしょうか。
そこで今回はiOSとAndroidのアイコンを比較してみました。

iOSとAndroidで異なるコンポーネント

アプリ開発経験のある方ならお馴染みですが、iOSとAndroidはコンポーネントが違います。コンポーネントとはアプリを作るパーツのことです。iOSはAppleが作成したHuman Interface Guidelines、AndroidだとGoogleが作成したMaterial Designというコンポーネントを元としてアプリを作成します。それぞれで作成し用途を定めたアイコンがあるため、時には類似しているものもあれば全く異なるもの、また見た目は類似しているけれども用途が異なるものなどが存在するわけです。

iOSとAndroid 機能が同じでアイコン違い

これは結構あるので順番に列挙していきます。

前画面に戻る

back

ブックマーク

Bookmark

シェア

Share

プライバシー

Privacy

iOSとAndroid アイコンが同じで機能違い

ウェブブラウザアプリ

同様の機能を備えたアプリでアイコンが存在しています。個人的にこのパターンは混乱を覚えます。

similar01

左のSafari(iOS)はホーム画面にリンクのショートカットアイコンを追加する操作、右のChrome(Android)はアプリ内で新しいタブを追加する操作です。

地図アプリ

similar02

円の中にプラスボタンがあります。円に塗りと線の違いはあれど、ほぼ同じパーツでできたアイコンです。
左のアイコンはマップ上に自分のよく使う地点を追加するため、右は場所のクチコミを投稿するためのアイコンです。

さいごに

実際にアイコンを追加する際はそれぞれどのコンポーネントに準拠して作成したデザインかを確認し、アイコンを追加するのがいいと思います。
このアイコンも…?という例が思い当たる方いたら、私に教えてください。

Share this article

facebook logohatena logotwitter logo

© Classmethod, Inc. All rights reserved.