Twitterアイコンが丸になったデザイン変更に対応したらハンコになっちゃった？

2017/06/16（金）から、Twitterのデザインが一新されましたね。

デザイン変更の中でも、アイコンが丸くなったことはいろんな人にダメージを与えています。

ねとらぼさんの記事、キングジムは丸刈り、アイコンメーカー制作タカラトミーは大激怒　Twitterアイコン円形化で企業公式アカウントが悲しみに包まれるによると、キングジムやタカラトミーなど、もともと四角に最適化されたアカウントは影響を受けていました。

なんか大変そうだなと見てたら、実は私のアプリ、採点簿のTwitterアカウントにも影響がありました。

そう、採点簿は四角をモチーフにしているので、そりゃ切り取られますよねって感じです。

採点簿のアイコン

Twitterの丸いアイコンデザインに抗う方法

私のアイコンは弓道のアプリ採点簿のアプリアイコンなので、言わばアプリの顔です。

もし、大きく変わってしまったらせっかくフォローしてくださっているユーザーさんに気づいて貰えないことも十分ありえますね。

その場合は以下のTweetの様に、丸アイコンに収まる様に四角の画像をリサイズするという方法を使うと思います。

「意地でも四角アイコンにこだわる人」を描きました。 pic.twitter.com/SjfcsCcxRV

— しらま＠君の射は。 (@siramatmp) 2017年6月16日

これをやると負けたような気がしてどうしても出来ませんでした。

四角のアイコンを使っているのが問題なので、丸くデザインし直せば良いということが分かりました。

デザイン専門外の私が、試行錯誤しながら作り上げたアイコンを置いておきますので、皆さんもTwitterの丸いアイコンに対応する参考にしてみて下さい。

まずは丸くデザインするのが第一段階です。形を崩してもそのアプリだと分かるようなのがいいかなと思い作ってみました。

Twitterのアイコンを丸にしてみた

それっぽく出来ましたが、かなりダサい状態になりました。

恐らく、中のアイコンの位置と文字の位置が微妙だからダサいのだと思い、センター寄せしてみました。

アイコンの中の文字位置を調整

そうすると、矢の部分と簿の漢字が被ってかなり読みにくいアイコンになりました。

丁度、「点」という文字には真ん中に穴が空いていたので、的心に使えるなと思い、アイコンにしてみることにしました。

点という文字をアイコンにしてみる

文字をアイコンにしたことでちょっとオシャレな感じのアイコンに仕上がりました。

しかし、ここであることに気づきました。

丸の中に文字って、なんかハンコをイメージしますよね？

で、実際にそれっぽく色を塗ってみたら完全にハンコと一致してしまいました。

Twitterの丸いアイコンはハンコと完全に一致

悲しきかな。文字を使ったアイコンは丸い形にすると良くないことが分かりました。

最後に、アイコン変更に伴う僕の苦悩をダイジェストでお送りします。

それでは聞いて下さい。「採点簿の印鑑が出来るまで」

四角いアイコンがハンコになるまで