[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

1104users がブックマーク コメント 166

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

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

おすすめタグタグについて

よく使うタグ

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

1104 users note.com/ritar

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

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

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント166件

  • 注目コメント
  • 新着コメント
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への言及ないってのは謎だなぁ

その他
koogawa
もう2年前の記事なんですな。デザイナーさんのこういったお話は面白いので、もっと読みたい

その他
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乗せるの大っ嫌いなのでやめてほしい

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

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

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

関連記事

usersに達しました!

さんが1番目にブックマークした記事「UIから「白」が消...」が注目されています。

気持ちをシェアしよう

ツイートする

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

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

ブックマークしたユーザー

  • tsubogon2025年06月12日 tsubogon
  • rokuokun2025年06月11日 rokuokun
  • shn_hsn2025年06月11日 shn_hsn
  • wavisavi2025年06月11日 wavisavi
  • koogawa2025年06月11日 koogawa
  • walnuts10182025年06月10日 walnuts1018
  • yutashx2025年06月10日 yutashx
  • aki772025年06月10日 aki77
  • stntaku2024年07月15日 stntaku
  • kappaseijin2023年12月10日 kappaseijin
  • danse2023年07月23日 danse
  • Nilfs2023年03月31日 Nilfs
  • tick2tack2023年01月28日 tick2tack
  • marmot11232023年01月27日 marmot1123
  • teruyastar2023年01月19日 teruyastar
  • mikage0142023年01月16日 mikage014
  • zu22023年01月15日 zu2
  • hamaco2023年01月07日 hamaco
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /