2017/06/16(金)から、Twitterのデザインが一新されましたね。
デザイン変更の中でも、アイコンが丸くなったことはいろんな人にダメージを与えています。
ねとらぼさんの記事、キングジムは丸刈り、アイコンメーカー制作タカラトミーは大激怒 Twitterアイコン円形化で企業公式アカウントが悲しみに包まれるによると、キングジムやタカラトミーなど、もともと四角に最適化されたアカウントは影響を受けていました。
なんか大変そうだなと見てたら、実は私のアプリ、採点簿のTwitterアカウントにも影響がありました。
そう、採点簿は四角をモチーフにしているので、そりゃ切り取られますよねって感じです。
採点簿のアイコン
Twitterの丸いアイコンデザインに抗う方法
私のアイコンは弓道のアプリ採点簿のアプリアイコンなので、言わばアプリの顔です。
もし、大きく変わってしまったらせっかくフォローしてくださっているユーザーさんに気づいて貰えないことも十分ありえますね。
その場合は以下のTweetの様に、丸アイコンに収まる様に四角の画像をリサイズするという方法を使うと思います。
これをやると負けたような気がしてどうしても出来ませんでした。
Twitterの丸いアイコンデザインに順応する方法
四角のアイコンを使っているのが問題なので、丸くデザインし直せば良いということが分かりました。
デザイン専門外の私が、試行錯誤しながら作り上げたアイコンを置いておきますので、皆さんもTwitterの丸いアイコンに対応する参考にしてみて下さい。
四角のアイコンを丸くしてみる
まずは丸くデザインするのが第一段階です。形を崩してもそのアプリだと分かるようなのがいいかなと思い作ってみました。
Twitterのアイコンを丸にしてみた
それっぽく出来ましたが、かなりダサい状態になりました。
アイコンの中の文字位置を調整してみる
恐らく、中のアイコンの位置と文字の位置が微妙だからダサいのだと思い、センター寄せしてみました。
アイコンの中の文字位置を調整
そうすると、矢の部分と簿の漢字が被ってかなり読みにくいアイコンになりました。
文字をアイコンにしてみる
丁度、「点」という文字には真ん中に穴が空いていたので、的心に使えるなと思い、アイコンにしてみることにしました。
点という文字をアイコンにしてみる
文字をアイコンにしたことでちょっとオシャレな感じのアイコンに仕上がりました。
しかし、ここであることに気づきました。
Twitterの丸いアイコンに文字が入っているとハンコに見える
丸の中に文字って、なんかハンコをイメージしますよね?
で、実際にそれっぽく色を塗ってみたら完全にハンコと一致してしまいました。
Twitterの丸いアイコンはハンコと完全に一致
悲しきかな。文字を使ったアイコンは丸い形にすると良くないことが分かりました。
まとめ
- 四角のアイコンはTwitterには向かない
- 四角いアイコンの人は丸いアイコンに抗うのではなく順応したほうが良い
- 文字入りアイコンは丸にするとハンコになる
最後に、アイコン変更に伴う僕の苦悩をダイジェストでお送りします。
それでは聞いて下さい。「採点簿の印鑑が出来るまで」
四角いアイコンがハンコになるまで