UIから「白」が消える日｜ritar

これは designing plus nine Advent Calendar 19日目の記事です。 こんにちは。ritarと申します。 今年の10月頃、YouTubeに大きいデザイン変更がありました。 アイコンの変更、角丸やレイアウトなど全体的に一新されているのですが、中でも自分が仰天したのは「アンビエントモード」という新機能です。 アンビエントモードこのモードをオンにすると、動画の下側のUI領域が、まるで動画部分から光が漏れているかのようにじんわりと色づきます。 これを見たとき自分は度肝を抜かれました。なんたってUIの領域にコンテンツの色が侵食しているのです。 これを踏まえて、最近UIと色について考えたことを、UIデザインの歴史を振り返りながら記していきます。先に要点を言うと、UIはどんどん「無色透明」になっていくと考えます。これは「技術が生活に浸透することによってUIは存在感を減らし

[abeshinn]

どんなにUIを洗練させても広告一つで台無し

[napsucks]

あれだけ美味しそうでカッコよかったiphoneのスキューモーフィズムデザインも今みるとゴテゴテしていてキッチュで古臭く感じるから不思議。MSのMetroを見た時はこんなショボいのダメだと思ったんだけどな。慣れるもんだ

[blueeyedpenguin]

面白い。現実だと白い紙も環境光の影響を受けて色が変わる。それが表現できる段階にきたのか

[shields-pikes]

透明化していく理由は理解できる。でも、長文表示領域の可読性は透明だとキツい。やはり今後もまだ当分、テキストの背景は白か黒かごく薄いクリーム色やごく薄い青やピンクなどの「紙色」にせざるを得ないのでは。

[sgo2]

枠がどんどん消えていく傾向にあるけど、Windows10で非アクティブウィンドウの枠が見立たなくなり大量に重ねると境界が分らなくなる点は閉口した。(フラットは好きだがやり過ぎ)

[vlxst1224]

面白い。カラバリに自由が利かせられるようになるとスケルトンが台頭し始めることを我々はファミカセやゲームボーイ本体で思い知っているはずなのに新鮮な気持ちになった。FC沙羅曼蛇は僕の宝物です(昭和の老兵より

[xjack]

20年前にlinuxを触り始めたとき、UIが面白いぐらい自由にいじれた。エディタやターミナルの背景を透明にする、なんていうのは真っ先にやったよね。ま、5年も経てば見にくいと気づいて白に戻すのがオチさ。

[gabill]

UIがコンテンツに溶け込んでも、なお自己主張し続ける広告の存在。広告付きの媒体ってこれからどう整合性つけるんだろう。

[sockscat]

面白い。iPhoneがスマホビギナーのために、実在ツールを模したリアルアイコンにした。Material Designがスマホネイティブのために再設計した。Yosemiteから環境を取り入れ始めたけど、必然性が弱くて、透明はまだ白の延長かも

[nezuku]

この流れで話している中でWindows AeroやFluent Design Systemへの言及ないってのは謎だなぁ

[danse]

“色が変化しないUIは「塗り」があることになり、なぜその「塗り」なのかという説明が求められます。”

[Nilfs]

今までの流れの勉強になったけど、また時間が経ったら読み直したい。

[tick2tack]

このながれでFluentの話出ないのか。コンテンツに集中させるという流れは確かによく聞くけど、記事内容は強引なとこあるような

[itochan]

＞そのような複雑な課題に対応するため、ここ数年でDesign Tokensの考え方が発展し、可読性を保ったままカラーパレットを大きく変更することへの知見が深まりました。

[kiyo_hiko]

全部記号アイコンになると一部意味不明なんだが…スマフォ版GMAILとかアイコンの意味わからなくて怖くて使えない、読むだけならスマフォだが送るときはPC版にログインして使う

[orzie]

“UIデザインにおいて白は今後、いつでも使っていい色ではなく、意味を持たせて意図的に用いる色に近づいていく”

[ono_matope]

アンビエントUI、液晶ディスプレイの背面にコンテンツと同期したLEDライトをつけて部屋を照らす流行りのインテリアっぽい。

[localnavi]

透明になっていくのはいいんだけど、見やすさと分かりやすさをどこかに置いてくるのだけは避けたいし避けてほしい。

[k-takahashi]

『UIはどんどん「無色透明」になっていくと考えます。これは「技術が生活に浸透することによってUIは存在感を減らし見えにくくなる」というような比喩的な意味ではなく、もっと文字通りの意味です』

[zzitne]

あー確かに…[**WEB全般][webデザイン][design][ux][ui][color][デザイン]

[mikuti2]

デバイスの表示のデザインが、白ベース→ダークモード→『透明』へと変化している。

[letitbomb78]

アンビエントモードに一切気付かず過ごしてた…俺の目は節穴だ

[cocoasynn]

面白かった

[nilab]

UIから「白」が消える日｜ritar｜note

[Bi-213]

透明になっていくというより、staticだったUIの色をグラフィックに合わせてdynamicに変化させることで調和させ、画面全体を「より良い絵」にする方向性だと思う。

[tpxyid45i]

ライターが大学生とあって驚いた。

[coherent_sheaf]

"UIを脱色したら白や黒になるはずと思っていたのですが、実は「白」でさえ塗られたものであり、透明こそが脱色の行き着く先だったのです""ダークモードの流行が下地を整えてくれたおかげで可能になった表現"

[roirrawedoc]

macの標準uiは前からこれ

[a7BzT3fGyfueU]

これ初見で自分のモニターが壊れてるのかと思った

[diveintounlimit]

興味深い

[tomono-blog]

スマホに慣れてきた人が増えてきたんだろうけど、おかんに優しいUIっていうのも忘れないでいただきたい。

[ysync]

色の前に、タッチUIなんてキャプテンシステムと共に滅びてれば良かったのに。マウスのボタンは一つがいいみたいな感性の奴に合わせる必要なんて無かったはず。

[ET777]

おもしろかった。はてブもうっすらさせよう。半透明でグローがかかる我々。割れてしまいそうなほどに儚い

[kura-2]

見た目や設定は凝った末にたいてい「無」の境地にいたる。飽きない疲れない程度の見た目、設定が最強。UIだけでなくたいがいのソフトの設定も全部同じルート。極力単純にしデフォルトに毛を生やして終了

[ytRino]

アンビエントモードからMaterial Youが脱色であるとつながるというのは面白い。融けるデザインなるほど。Materialもひたすら合成なんだよねー

[tockri]

文章を読ませるUIが白いのは背景色とフォントにコントラストをつけたいからで、ちゃんと「読ませる」という理由があっての着色なので、そこがなくなるとは言ってないから大丈夫

[nag2nag]

白背景がまぶしくて大嫌いだからそれが消えてくれるならなんでもいい。早く滅びろ白背景。

[solidstatesociety]

アンミカがどう思うか

[minesweeper96]

コンテンツの上にUI乗せるの大っ嫌いなのでやめてほしい

[yykh]

“逆に、なぜ今までは背景を真っ白（#FFFFFF）に塗っていたのでしょう？どんな意味があったのでしょう？白は200色あるのに……。” ここだけ読みに来た