📱

TitechApp for AppleOS のアイコンを変更することにしました —— デザイナーより

2023/01/06に公開

1 はじめに

TitechApp for AppleOS のアプリアイコンが新しくなります.

https://twitter.com/7_6_/status/1611019174339567616?s=20&t=uPwg2M2KKDWZcVddwxktHg

今回の刷新に至った理由と経緯を説明しようと思います.そもそものきっかけは,TitechApp for macOS のアイコンが丸いのってちょっと浮いている気がするね,という話がサークル内で出たことでした.

私の mac の Dock です.左から6番目にいますね.形が違う上に微妙に他のアプリと比べてデカいですね.

これを解消したい・それならこの機会に iOS・iPadOS 版も合わせてアイコンをリニューアルしよう!とか,そんな会話があって決まったと思います.

2 現在のアプリアイコンのトレンドがどうなっているのか

今回はベンチマークとして主に Apple 純正アプリを採用しました.現在 Apple の純正アプリには,次のような単色グラデーション背景+白オブジェクトの組み合わせのシンプルなアイコンが多くなっています.

TitechApp もこのようなデザインのアイコンを目指しました.サークル内でメンバーと意見交換した上で以下の要件を設定しました.

  • 先ほど挙げたような「単色グラデーション背景+白オブジェクトの組み合わせ」になっていること
  • 現状のアイコンからデザインが大きく離れすぎないこと
  • 線やパーツの少ない,視認しやすいアイコンになっていること

3 新しいアプリアイコンと,おまけ

前節最後に挙げた要件を満たすようなアイコンのデザインパターンをいくつか作成した上で次の 2 案を最終案とし,ここから絞り込む段階で意見が割れたのでユーザ側で好きな方を選べるようにしよう,ということで落ち着きました.左が旧アイコンをイメージしたもの,右がよりベンチマークに近づけたものになっています(個人的にはメールクライアントのアイコンの雰囲気をイメージしました).

せっかくなので,新しいアイコン2つだけでなく旧アイコン2つも合わせた計4つから選べるようにしました.こういう謎機能を考えている時が1番楽しいです.

個人的には旧アイコンの雰囲気を大事にしつつトレンドにも即したデザインになったんじゃないかなと思っています.アイコン変更機能も色々触って遊んでみてください.

今後とも TitechApp をよろしくお願いします!

Titech App Project・UXUI デザインエンジニア Ray

Discussion