ブランドカラーを赤に刷新

ShotomaticのWebサイトをご覧になっている方は、すでにブランド変更に気づいていたかもしれません。アプリでも従来の紫を多用した配色を、ブランドレッドとチャコールを基調とする配色へ変更しました。Webサイト、ロゴ、アプリに統一感を持たせつつ、広い面はニュートラルな色に保ち、macOSらしい落ち着いた見た目に仕上げています。

ブランドの方向性

今回の変更で重視したのは、アプリをWebサイトやShotomaticロゴと同じ製品だとひと目で分かるようにすることです。

変更前と変更後

変更前のアプリでは、一般的な紫のアクセントを中心に使っていました。

変更後は、Shotomaticのブランドレッドとチャコールに統一されています。

改善点

• 従来の紫をブランドレッドに変更し、選択、進行状況、チェック済みの状態に使用しました
• チャコールを境界線や強調に使用し、画面の構造が分かりやすくなりました
• ロゴやWebサイトと配色を統一し、アプリだけが別のアクセントを使っている印象をなくしました
• 共通するUIの状態表示を整理し、撮影方法ごとに異なるアクセントが混在しないようにしました
• パネルや繰り返し表示される面をニュートラルに保ち、視覚的なノイズを抑えました

変更の効果

状態の変化を見分けやすくしながら、Webサイトとアプリに共通するShotomaticらしさを持たせました。重要な操作は目立たせつつ、画面全体は落ち着いた印象です。

Shotomatic v1.7.0にアップデートすると、刷新されたブランドカラーをアプリ全体で利用できます。