サクサク読めて、アプリ限定の機能も多数！アプリで開くはてなブックマーク閉じる ●はてなブックマークって？●アプリ・拡張の紹介●ユーザー登録●

●ログアウト

なぜスマホアプリのアイコンは近年立体的なポップなものから平面的なものに変わったのですか？

学びカテゴリーの変更を依頼記事元:

jp.quora.com

587 usersがブックマークコメント

119

現在プライベートモードです設定を変更する

587 users jp.quora.com

現在プライベートモードです設定を変更する

みんなの興味と感想が集まることで新しい発見や、深堀りがもっと楽しくアカウントをお持ちの方はログインページへ

記事へのコメント119件

●注目コメント ●新着コメント

Listlessness やっぱMetroよなぁ。で、(ちょこっと立体感が復権するけど︶2014年のGoogleのMaterial Designが決定打になったと思う。／iOS7が2013年 2023/04/19 リンクその他 ● ● ●

tantakatanZ 昔の、立体的でメカメカしく今にも変形しそうなChromeアイコンが好きだった。 2023/04/19 リンクその他 ● ● ●

yarumato “Windows Phoneデザインチーム﹁Metroデザインの原点は、東京の地下鉄の案内板。日本語がわからない米国人にも明快でわかりやすい。東京やロンドンの地下鉄や様々な公共デザインを下地にデザイン言語を煮詰めた﹂” 2023/04/19 リンクその他 ● ● ●

KoshianX あ、Metro Design って東京の地下鉄の案内表示が元だから Metro って名前だったのか!これ Windows 10 まで継承してたしフラットデザインの流行を作り出したと。Windows Phone は本当に偉大だったなあ、売れなかったけど 2023/04/20 リンクその他 ● ● ●

debabocho 富士通東芝から出たWindows phone 7は本当に良い機械だったよ……。限りなく記号的なのに、操作すると生理的な心地よさすら感じられた。メトロUIは、今となっては空前絶後の存在だったと言える。 2023/04/19 リンクその他 ● ● ●

taruhachi こんなリッチなツヤツヤのアイコンが使えまっせ！に手垢がついてダサくなったから、デザインのレギュレーションを作りやすくて各社で統一しやすいデザインに変わっただけだと思ってる。つまりただの流行。 2023/04/20 リンクその他 ● ● ●

fluoride 新スタートレックのUI描写(LCARS?)好きだったのでフラットな方が未来を感じる 2023/04/19 リンクその他 ● ● ●

FutureIsWhatWeAre WP勢としてkaorun氏の回答は納得いく内容 2023/04/19 リンクその他 ● ● ●

butani 笑っちゃうくらいの没落途中の覇権企業しぐさ。完璧な思想と完成度があってもビジネスマターでぐだぐだになる。 2023/04/19 リンクその他 ● ● ●

civicpg SVGじゃなくとも描画命令で描けるアイコンなら×2 ×3してもガビガビにならないからRetinaとか解像度バラバラなスマホ向けに必須だったんじゃないかな。絵文字もそのうちフラットになるかな 2023/04/20 リンクその他 ● ● ●

daigo0117 AIがもう少し融通効くようになってスキューモフィックなデザインの制作コストが下がれば、復権する可能性もあるかもね。 2023/04/22 リンクその他 ● ● ●

wushi ウイジェットと同じで定期的に流行るので気にしたら負け 2023/04/20 リンクその他 ● ● ●

haretaL512 we 2023/04/20 リンクその他 ● ● ●

quick_past フラットは視認性が著しく下がるし、文字で情報を埋めようとする方向に働くから、余計にごちゃごちゃになって嫌い。未だに嫌い。 2023/04/20 リンクその他 ● ● ●

buhoho Chromeアイコンが変わったときも大騒ぎだったけど、未だにあのツヤテカアイコンを意地でも使っている人が一体どれほど居るというのだろうか。もし使ってるならツワモノだ 2023/04/20 リンクその他 ● ● ●

lastline 東京の地下鉄から Windows Phone のメトロデザインを経て、最終的に Android のマテリアルデザインへと至る道 / いわゆるグラデーションを多用し立体感のあるデザインは Apple が強かった 2023/04/20 リンクその他 ● ● ●

natu3kan Windows PhoneのMetroがトレンドの始まりって感じだったのか。 ●windows ●design 2023/04/20 リンクその他 ● ● ●

twry 逆にTwitterのスタンプは何故無駄に立体的になったんや 2023/04/20 リンクその他 ● ● ●

K-Ono Metroなついわ……／MetroじゃなくてEidanにしとけばよかったのに！ 2023/04/20 リンクその他 ● ● ●

gyaam 地下鉄の案内表示に着想を得てるからMetroなのか。知らんかった ●Windows ●デザイン ●歴史 2023/04/20 リンクその他 ● ● ●

pwatermark 小さくしても潰れづらいから元々は小さいスクリーン(スマホとか)でも同じものをそのまま使えるようにしたい、というUIデザイナー側からの要求だと思うよ 2023/04/20 リンクその他 ● ● ●

sgo2 スマホが薄くなったから、立体的なデザインでは収まらなくなったと与太 2023/04/20 リンクその他 ● ● ●

nekonyantaro 物理的なサイズが同じでピクセル解像度が異なる環境でも視覚的に同定可能にするのはフラットでべったり塗ったデザインになる、ということか。 ●UI ●it ●design 2023/04/20 リンクその他 ● ● ●

hiroyuki1983 デザイナーが手抜きを覚えたからだと思ってる、マジで 2023/04/20 リンクその他 ● ● ●

hatebu_ai はてぶのアイコンもいつからかドットからフラットになったよね。いつからだっけか？ 2023/04/20 リンクその他 ● ● ●

paperot 東京メトロを含む地下鉄Métroやその他鉄道の表示デザインにフラットデザインのMetroは由来する、というような話。 2023/04/20 リンクその他 ● ● ●

NOV1975 フラットデザインがダメとは思わないんだけど、結果として境界線を排除するためにデータの実質的な領域が枠より大分小さくなってしまった︵情報量が減る︶ことは未だに首肯していない。 ●web 2023/04/20 リンクその他 ● ● ●

shidho はてなブックマークはQuoraの回答を個別ブクマ出来ない(URLが長すぎて個別回答URLにたどり着かない)ので、先にブックマークした人とそれ見てアクセスした人で反応が変わるのよね。 ●Microsoft ●デザイン 2023/04/20 リンクその他 ● ● ●

yojik アフォーダンス警察24時が取り締まらなきゃいけない回答もあるな 2023/04/20 リンクその他 ● ● ●

fusionstar ﹁なぜならそれまで誰も画面の中にあるボタンを見たことないのです。﹂いや System 6 までの Macintosh や 2.0 までの Windows のボタンも立体的ではなかったよね。 2023/04/20 リンクその他 ● ● ●

alt-native 近年ってメトロ登場してからだいぶ経つんだが 2023/04/20 リンクその他 ● ● ●

fog-og-frog2 押した時のフィードバックが薄いから嫌いだったなーってこともこの回答読むまで忘れてた。人間って慣れるもんやな。。 2023/04/20 リンクその他 ● ● ●

greenbuddha138 サッカーチームのエンブレムも平たくなってる気がする 2023/04/20 リンクその他 ● ● ●

TokSok でもWindowsPhoneのパネルは不評だったよね。 2023/04/20 リンクその他 ● ● ●

aike 2007年のYAMAHA製VOCALOID2エディターもVer1では立体的だったデザインを平面的で色数を抑えたデザインにしたので数年越しの同時多発的な潮流ではあったと思う。 2023/04/20 リンクその他 ● ● ●

yau そういえば、初期iPhoneではデスクトップメタファみたいな古いMacのインタフェースを継承してないと﹁iPhoneらしくない﹂と執拗に叩く狂信者多かったな。どの段階で掌返ししたのやら。 2023/04/20 リンクその他 ● ● ●

hirata_yasuyuki リッチデザインだと開発元によって (場合によっては開発元が同じでもアプリによって) テイストが異なり、全体として統一感に欠けているのがイマイチだった。 2023/04/20 リンクその他 ● ● ●

bml 立体的だと表示処理で電力食うからと思ってました。 2023/04/20 リンクその他 ● ● ●

wtatsuru Metroってそういうことか 2023/04/20 リンクその他 ● ● ●

kabuquery 最初めっちゃ批判されてたような 2023/04/20 リンクその他 ● ● ● 注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の﹁建設的コメント順位付けモデルAPI﹂を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fjp.quora.com%2F%25E3%2581%25AA%25E3%2581%259C%25E3%2582%25B9%25E3%2583%259E%25E3%2583%259B%25E3%2582%25A2%25E3%2583%2597%25E3%2583%25AA%25E3%2581%25AE%25E3%2582%25A2%25E3%2582%25A4%25E3%2582%25B3%25E3%2583%25B3%25E3%2581%25AF%25E8%25BF%2591%25E5%25B9%25B4%25E7%25AB%258B%25E4%25BD%2593%25E7%259A%2584%25E3%2581%25AA%25E3%2583%259D%25E3%2583%2583%25E3%2583%2597" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://akarinohon.com/text/taketori.cgi/https://jp.quora.com/%25E3%2581%25AA%25E3%2581%259C%25E3%2582%25B9%25E3%2583%259E%25E3%2583%259B%25E3%2582%25A2%25E3%2583%2597%25E3%2583%25AA%25E3%2581%25AE%25E3%2582%25A2%25E3%2582%25A4%25E3%2582%25B3%25E3%2583%25B3%25E3%2581%25AF%25E8%25BF%2591%25E5%25B9%25B4%25E7%25AB%258B%25E4%25BD%2593%25E7%259A%2584%25E3%2581%25AA%25E3%2583%259D%25E3%2583%2583%25E3%2583%2597">なぜスマホアプリのアイコンは近年立体的なポップなものから平面的なものに変わったのですか？</a><a href="https://akarinohon.com/text/taketori.cgi/https://b.hatena.ne.jp/entry/s/jp.quora.com/%25E3%2581%25AA%25E3%2581%259C%25E3%2582%25B9%25E3%2583%259E%25E3%2583%259B%25E3%2582%25A2%25E3%2583%2597%25E3%2583%25AA%25E3%2581%25AE%25E3%2582%25A2%25E3%2582%25A4%25E3%2582%25B3%25E3%2583%25B3%25E3%2581%25AF%25E8%25BF%2591%25E5%25B9%25B4%25E7%25AB%258B%25E4%25BD%2593%25E7%259A%2584%25E3%2581%25AA%25E3%2583%259D%25E3%2583%2583%25E3%2583%2597">はてなブックマーク - なぜスマホアプリのアイコンは近年立体的なポップなものから平面的なものに変わったのですか？</a></div></iframe>

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

いまの話題をアプリでチェック！ ●バナー広告なし ●ミュート機能あり ●ダークモード搭載アプリをダウンロード

usersに達しました！

さんが1番目にブックマークした記事﹁なぜスマホアプリ...﹂が注目されています。気持ちをシェアしよう回答 (3件中の1件目) いわゆるフラットデザインと呼ばれるデザインの潮流は明確に原点があります。以下は、マイクロソフトが2010年にデザインイベントMIX10でセッション公開した資料です。 https://www.slideshare.net/stevecla/windows-phone-ui-and-design-language-3511859 オリジナルの資料(Windows Phone UIand Design Language)は公開終了してしまったようなので、slideshareにあるコピーのリンクを貼っておきます。 iPhoneの登場とスマートフォン市場の勃興に... ●ui ●デザイン ●あとで読む ●design ●windows ●microsoft ●history ●フラットデザイン ●アプリ ●資料