マリオのUIがフラットデザインになった日を知っているか 〜 【視伝研】UIデザインの歴史を紐解く｜Yamashita Angelica

※ おことわり ※ この記事内で取り扱っているゲーム作品について、私は開発上の関わりは一切ありません。あくまでいち個人・いちファンとしての考察であることをご承知おきください。 今回の視伝研テーマは【UIデザインの歴史を紐解く】です。 年表形式でUIデザインの歴史を作りながらメンバーと意見を交換しました。PCやスマートフォンのOSのUIはもちろん、乗り物の操縦桿やSNSのデザインなど、さまざまな観点で資料を集めてみました。 そこで、元ゲーム屋の性として、個人的に楽しくなってしまうのはやっぱりゲームUIの歴史なのですが… なんか、ゲームのUIってこんなイメージありませんか。 ゲームUIデザイナーを目指す初心者が作りがちなやつ （一応弁明するとこれは1〜2分くらいで作った雑UIです）もちろんこういうのを作れることは大事なんだけど、「ゲームでよくあるやつ」以外のデザインの引き出しがないままだといず

[casm]

「なんか、ゲームのUIってこんなイメージありませんか。」　はい　▶︎いいえ

[Librakun]

Win8が先でiosのフラットデザインは後追い https://w.wiki/6bkQ https://dev.classmethod.jp/articles/consideration-modernui/

[coluli]

すげえな。メトロデザインが完全になかったことになってる。歴史修正主義。

[daigo0117]

あの頃フラットデザインを最初に本格採用したのはwin8。iOS7の約一年前。当時は低スペなスマホ環境にも耐えうるデザインが求められていて、時代のニーズとマッチして一気に広まった。なので文脈は一緒なんじゃないかな

[kaorun]

時期的にMetroの影響と考えるのが妥当。 https://jp.quora.com/%E3%81%AA%E3%81%9C%E3%82%B9%E3%83%9E%E3%83%9B%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%81%AF%E8%BF%91%E5%B9%B4%E7%AB%8B%E4%BD%93%E7%9A%84%E3%81%AA%E3%83%9D%E3%83%83%E3%83%97/answers/137669350

[sisya]

ゲーム画面が高精細になり、ごてごてさせて目立たせなくても視認できるようになったことが大きいように思う。デザインの流行でフラットになったweb系とは違う道筋で同じような傾向に至ったような印象。面白い。

[eiki_okuma]

リッチデザインのデザインフォントは翻訳でコストが爆上がりするのだ！

[behuckleberry02]

Ｗii Uのパッド画面とSwitchはタッチ操作も可能なように意識して作られているのでスマホに似た感じになるのだと思いますよ。特にWii Uはメイン画面とパッド画面の機能の違いを意識した上で見るべき。

[punkgame]

フラットデザインはwindows phoneが先でしょ。2010年よ。あのデザイン大好きだったんだけどなぁ

[NOV1975]

連続性の比較対象としてApple製品ってやりたかったんだろうけどまさにそのせいで歴史が歪んでる感じはするな（そもそもOS Xの成り立ちとか考えると企業としてのデザインの連続性とか関係ないしな）

[yarumato]

“スーパーマリオワールド（スーパーファミコン／1990）。一方その頃AppleはMac OS System 7（1991）が登場。”

[imaginaration]

『ゲームの歴史』のように中途半端な知識で語ると火傷する分野なんだな、と…。

[nezuku]

ブコメの考察の方がためになるオチになってしまっているような / 近い領域でもMetro辺り言及なく、Appleの世界線しか視野にない感じなのが無理な考察になっちゃっているというか

[GamingSoboroDon]

デザイナーとしてはプロだけど歴史研究家としては素人な人が書いたブログってことね

[taruhachi]

ゲームの歴史研究って火傷しやすいんだろうなぁ。トレンドとしてそういうものが流行った。くらいの個人的見解として読んだ。

[tettekete37564]

“フ ァ ミ コ ン に 似 て い る” < フラットデザインに対する印象がそんな感じ。そもそもフラットデザインへの移行はディスプレイ解像度の微細化と拡大に伴うリソースの互換性と製作・維持コストが原動力と思われ

[kenkenpa198]

おもしろい〜 ポケモンシリーズもすごくわかりやすいよね

[eachtime]

テキトーすぎる内容なので、なんじゃこれと思ったら、ゆめみの人か。どうりで。

[mcksw]

フラットデザインの認識が全く違ってて全然ピンと来ねえ！！！／ローカライズ都合で文字をデバイスフォントにできるレイアウトや装飾にしたとか、タッチ操作が発生したとか、デザイン変更の理由は外部要因が主だよ

[knok]

初代ACマリオブラザーズはステージが進むごとに新しい敵がでる直前に倒し方や動きのデモがある。原初のチュートリアルですよ

[yoshi-na]

UIの話する時にAppleを軸にするから怒られるんだぞ！

[niam]

うーん、Appleと任天堂は規模も戦略も歴史的経緯も全然違う会社なので、2社の同時期の代表的ソフトウェアを見比べただけじゃ、何も分析した事になってない。UIでも大体は学術論文の方が先行してるのでそっち見ないと。

[cl-gaku]

“いわゆる「ゲームっぽい」UIになってきました。”おっさんすぎるせいかなんもわからん。最初から完全にゲームっぽいやんけ

[HiddenList]

かつて　64ドリームで漫画連載していた　中植せんせのアートワークじゃのう　そうとわかれば　ドクターペッパーで乾杯じゃ　ベーコン餅も　持ってこい

[el-bronco]

フラットの方が好きなんだよな。情報量が多いとなんか疲れるし

[ippatsu2009]

ぜんぜん意識してなかったな

[tomono-blog]

まあ、文字周りは翻訳の問題もあり、割と装飾はしたくないですね。

[Byucky]

自分も個性豊かともいえるUIが多言語化のために無個性になっていく現場にいたわ。ディスプレイの影響もある。特定の文字は小さい表示だと文字が潰れてしまうこともある。

[ftype]

Appleが好きなんだねとしか

[pwatermark]

俺Metro好きだったんだけどなあ、万人受けしなかったのも分かるんだけどさ

[onionskin]

すんばらしい記事。こういう市井の研究もっと読みたい。

[kamiokando]

フラットデザインといえばTo DoアプリのAny.Doの印象が強い。

[wdnsdy]

確かに10年くらい前くらいに色んなのが突然フラットになっていく流行りはあったな。なんか懐かしい。当時はしゃらくせえと思ってたわ

[versatile]

フラットデザイン警察ってのが居そう

[uunfo]

ちょっと意味がわからない→『いわゆる「ゲームっぽい」UIになってきました』／メニューの文字とかを水平ではなく斜めに配置するようになったのっていつからかな。3D化の影響？

[inazuma2073]

キャラや背景が3Dで表現される場合、UIをフラットにしてこれUIっすよ！って区別したほうが見やすいと思うのです。ローポリ時代にはどのメーカーもそれに気がついてなかった感。

[taro-r]

勉強になった。

[edamametomato]

WiiUのマリオ3Dワールドやって「すごい今風のオシャレUIになってる！」って感動したの思い出した。Miiverseのハンコ文化やアートワークと相性も良かったんですよ。NEWや3Dランドシリーズはまだ昔のデザイン踏襲してた記憶

[sds-page]

コストの話も分かるが量産型中華ゲー臭くなって安っぽく感じる。お前らが創英角ポップ体に持つのと同じ感情だよ