Twitterのデザインが変更！戻す方法は？アイコンが正円化、他のアイコンも軒並み丸く変更された模様　突然のデザイン変更にネット上で困惑の声

2017年6月16日、突如としてTwitterのデザインやUIが変更になり話題になっているようです。ネット上の反応や戻す方法について調べてみました。

http://kevin.lexblog.com/2011/11/30/who-sees-your-replies-in-twitter/

Twitterデザイン変更に対するネット上の反応

TwitterのUI このデザインが好きだと言う人も中にはいそうだからデザインを旧ヴァージョンに戻す機能を付ければ全て解決だろと

— 苗ちゃん❤大好き！（ずんた＠元広報） (@zunta_naechan) 2017年6月15日

@TwitterJP
本日のアップデートについてアイコンの形状を事前告知もなしに正方形から正円に変更するのは、いままで正方形に合わせてデザインされてきた多種多様なアイコンの利用価値が一気に消失、激減、使用不可になる改悪だと感じます正方形に戻すか、選択式に修正していただきたいです

— たつ@トラック泊地提督【甲10】 (@tatsu_cook) 2017年6月15日

TwitterのWebUIが変わってアイコンが正円になったんだけど、これって人によっては正方形を前提にアイコンをデザインしている人もいるだろうし、深刻というほどではないけど困るユーザはいそう

— すねお (@suneo3476Pro) 2017年6月15日

ん？あれ？急にTwitterのデザイン変わった？何かロリった？☺ pic.twitter.com/RyLjSoUI1b

— すう✱🍛(ふわとろ抹茶復活祭) (@puyosuna) 2017年6月15日

Twitterのデザインが変わったらしい、、
アプデしないでおくか

— せいや (@seiyabeats) 2017年6月15日

Ｔｗｉｔｔｅｒのデザインがいきなり変わったのだけど
同じように変わった人いますか？

— 烈 (@wingfree00) 2017年6月15日

いつの間にかPC版Twitterのデザインが変わってる・・・

— ジューン (@juneflyday) 2017年6月15日

Twitterのデザインってトレンド入りしてたからどこが？って思ったらモバイル版とPC版なんだね〜‼️
かわいいけどアイコンは四角の方が好きだね…
まあ、アプリでしてるから関係ないけど…σ(^_^;)

— ユウ (@8681Y) 2017年6月15日

あれ、twitterのデザインがらりと変わった

— ボカニン@失踪中 (@wbocaninw) 2017年6月15日

Twitterのデザインへんなんなったー😵アイコン丸いの違和感ー😵てかフォントサイズ固定やめーやー😵

— YSDてゃん* (@zainof55) 2017年6月15日

Twitterもフラットデザインの波に呑まれてしまったか。

— 粉塵ex (@powderdust001) 2017年6月15日

Twitterもフラットデザインの波に呑まれてしまったか。

— 粉塵ex (@powderdust001) 2017年6月15日

Twitter Webのデザインが大幅に変わっててアレ

— DR YOSHITAKA (@Ag_smith) 2017年6月15日

日付けまたいでTwitter公式のUIのデザインが変わった…？　なぜ角マルにするかね。

— 橋本麻里 (@hashimoto_tokyo) 2017年6月15日

Twitterのデザインを元に戻す方法は？

調べてみると以下のような方法が見つかりましたが、かなり昔のツイッターのバージョンの際のもののようで現在変更されたデザインを戻す事は出来ないようでした。

TwitterのUI（ユーザインタフェース）が変わった。

使い慣れた画面の仕様が変更されると、煩わしいと思う人もいるようだ。

幸い、Twitterの場合、古いUIに戻す方法が用意されている。

１．画面右上の自分のアカウント名をクリック

２．「プレビューをやめる」をクリック

以上で古いUIに戻すことができる。

http://houhouzensho.blog110.fc2.com/blog-entry-423.html

もしかしたら前のデザインの方が良かった人の為に、ブラウザ版であればGoogleChromeなどの拡張機能でデザインを戻すプラグインが実装されるかもしれませんね。

Twitterのクソ丸デザインを元に戻すたった3行の魔法です。お納めください pic.twitter.com/euEstYk8Q3

— 御宮 (@v0x4_F) 2017年6月15日

こちらは今回のデザイン変更にも有用のようです。やはりユーザースタイルシートを使用するしか今のところは方法が無さそうですね。

Twitterの丸くなったアイコンを元に戻すUserCSS

早速Twitterデザインを従来のUI風に戻すユーザースタイルシートを紹介している方も出てきているようです。

Twitterの丸くなったアイコンを元に戻すUserCSS – Qiita –

.edge-design .Avatar,
.edge-design .DashboardProfileCard-avatarImage,
.edge-design .DashboardProfileCard-avatarLink,
.edge-design .Gallery.is-tweetless .Gallery-content,
.edge-design .Gallery.is-tweetless .Gallery-media,
.edge-design .MomentCapsuleCover .MomentUserByline-avatar,
.edge-design .MomentCapsuleItemTweet–withText .MomentUserByline-avatar,
.edge-design .MomentCapsuleSummary .MomentUserByline-avatar,
.edge-design .MomentMakerRecommendedTweetsSearch–users .MomentMakerRecommendedTweetsSearch-userContainer .avatar,
.edge-design .ProfileAvatar,
.edge-design .ProfileAvatar-image,
.edge-design .ProfileAvatar-placeholderImage,
.edge-design .ProfileAvatarEditing,
.edge-design .ProfileAvatarEditing-button,
.edge-design .ProfileAvatarEditing-overlay,
.edge-design .ProfileCard-avatarImage,
.edge-design .ProfileCard-avatarLink,
.edge-design .ProfileCardMini-avatarImage,
.edge-design .ProfileListItem-avatar,
.edge-design .ProfileUserList .Avatar {
border-radius: 7px;
}

.edge-design .avatar {
border-radius: 7px;
}

StylishとかStylebotとかの拡張機能を使うと良いです。漏れがあったら編集リクエストください。

http://qiita.com/foooomio/items/a8307820aabab37e02f2

UserCSS（ユーザーカスケーディングスタイルシート）とは？

ユーザースタイルシートを利用すると、ユーザ独自の CSS を自分の管理外のサイトにも適用できる。

今回は Chrome 拡張の Stylebot を用いてユーザスタイルシートを設定する。Stylebot はユーザスタイルシートの管理をしてくれる拡張機能である。

http://monopocket.jp/blog/css/2395/

要するにブラウザのプラグイン機能を使って強引に見た目を変更する手法のようですね。どうしても今のデザインが受け付けない！という方は試してみると良いかもしれません。

Chrome でユーザースタイルシートを設定する方法

管理人のまとめ

これまでにもtwitterのuiは事前アナウンスなしで度々小変更してきたようですが、今回はいきなりガッツリとデザインが変わっていて困惑しているユーザーも多数居るようです。

前のデザインに戻せる機能なども同時に実装してくれると良いのになと思いました。