- 最近のAirbnbのリデザインでも見られるように、フラットデザインの時代は過ぎ去り、新たな立体的で色彩豊かなデザインの流れが登場している
- 従来のスキューモーフィズムとフラットデザインを超える新しいアプローチを表すために、Diamorph（ダイアモーフ）という用語が紹介されている
- このDiamorphデザイントレンドは、奥行き、質感、光、階層構造を強調し、スクリーンに特化したスタイルを志向している
- AI技術の進化によって、熟練したスキルがなくても、このような立体的デザインを簡単に制作できる環境が整ってきた
- 今後は立体的で創造的なインターフェースが一般化し、UIデザイン業界に新たな転換点が訪れる
序論：フラットデザインの終焉と新たなパラダイム
- 現代のUIデザインでは、フラットデザインの時代が終わり、立体的で色彩豊かなビジュアルの未来が到来している
- この変化はAirbnbの大規模なリデザインで顕著に現れており、ユーザー体験に楽しさと触覚的な感覚を加えている
- 過去のiOS 7などで経験したパラダイムシフトのように、この数週間で新たなデザイン潮流の転換点が感じられている
デザイン言語の再定義：Diamorph
- 従来のスキューモーフィズム（skeuomorphism）という用語は、物理的オブジェクトを単に模倣するデジタルメタファーを意味していたが、今では奥行き、テクスチャ、照明まで含む誤った用語として拡張され、混乱を招いている
- 著者は、この新しい立体感とディテールを備えたデザイン潮流を説明するために、Diamorph（ダイアモーフ）という新語を提案している
- Diamorphとは、奥行き・光・質感・階層構造をスクリーン環境に合わせて積極的に活用する、表現力豊かでデジタルに最適化されたデザインを意味する
- Diamorphismは、意図的に立体感を追求するトレンド、すなわち階層的で触覚的、かつデジタルに特化したスタイルを指す
- この用語が定着するかは未知数だが、変化の本質を議論するための暫定的な言語として使われている
変化の兆しと期待
- Big Surのアイコン、さまざまな phism トレンド、遊び心のあるマイクロインタラクション、豊かなライティングモデルなどに、この変化は段階的に現れてきた
- まもなく開催されるWWDCのような大きな舞台で、Appleが現実感のある素材ビジュアルを導入する可能性も視野に入っている
- いまやフラット対スキューという二項対立の議論を超え、新たな立体的デザインのパラダイムを受け入れるべき時だ
AIが加速するDiamorphデザイン
- Airbnbのリデザイン以後、インターネット上ではAIベースの生成デザインを活用した立体的なアイコンセットが爆発的に増えている
- 以前は、光、素材、奥行き表現など高度なUIデザイン技術が必要だったが、今ではAIプロンプトだけで誰でも高水準の成果物を作れる
- 著者は長年このスタイルを手作業で実現してきたが、現在はAIをツールとして活用し、より簡単に実験を進めている
- AIは色彩・材質・照明処理には強みを見せる一方、透視・比率・一貫性の維持は依然として難しく、後処理と検証の工程はなお必要だ
- 透明な背景と多少の補正を施すだけで実運用に十分な品質が得られるため、参入障壁は大きく下がっている
- 例として、AIで生成したレトロなコンソールアイコンを活用し、macOSアプリのモックアップも迅速に制作できる
デザイナーとツールの変化
- 著者は伝統的な手作業デザインの経験を強調し、中核となるデザイン能力（構成、照明、奥行き、センス）が依然として重要だと述べている
- 新しいツール（例：AI）は、創造性を最大化するための手段にすぎず、完成品への単純な近道ではない
- ツールが変わっても、デザイン感覚とセンスを置き換えるのは難しい
結論：表現力のある立体UIへの転換
- いまは感情に訴え、デジタルに最適化された新しい視覚言語が生まれる時期だ
- Diamorphicデザインは復古ではなく、一段先へ進む変化である
- AIのようなツールによって参入障壁は下がり、より多くの参加者が新しいUIデザインの対話を主導していく見込みだ
- これからのUIは奥行き、質感、遊び心を備えた方向へ進化していき、その流れはすでに始まっている
6件のコメント
フラットなUIに3Dアセットを使ったのなら、ニューモーフィズムの一環ではないかと思います
iOSで使われていたスキューモーフィズムこそ、個人的にはデザインの頂点ではないかと思います。
同感です。
ブログにあるAIで作ったゲーム機アイコンを見ましたが、
うーん、そうかな……
> この記事を見ると、ただ次のトレンドを「自分が言った」として残したい欲がある人、という印象です。これが本当に次のトレンドだという根拠もなく、ただ誰かが名前を付ければインフルエンサーになれるか試しているように見えます。
フラットなものはAIがコピーしやすいので、差別化ポイントを探しているように見えるね
Hacker Newsのコメント
新しい話ではないが、こういう場面で集団的な思考様式がどれほど頻繁に現れるのかにはいつも驚かされる。Airbnbが新しいデザインを発表すると、みんなでそれが未来だと受け入れる空気になる。個人的にそのトレンドは嫌いではないが、感動するほどではない。Airbnbのサイトを見てみると、変わったのはアイコンくらいで、実際に使うUIはほとんど同じ印象だった。数日前に発表されたGoogle Material UIのほうがずっと興味深い
ニュースレターを書いている一人の意見にそこまで振り回される必要はない。この記事を見ると、ただ次のトレンドを「自分が言い当てた」と残したい人に見える。本当にこれが次のトレンドだという根拠もなく、誰かが名前を付ければインフルエンサーになれるか試しているようにしか見えない。自分は前からこのスタイルのアイコンを作っていたという話も、少し願望を投影しているように感じる。自分はデザイナーとして働いているが、このスタイルのアイコンを必ず使えという社内指示を受けたことはない。もしそんなメモを受け取ったら知らせるつもりだ
実際に確認できるのは4つほどのアイコンが変わったくらいで、実質的には2000年代初頭にあった3Dアイコンを引っ張り出してきた感じだと思う。自分も確信はない
自分が確認した限りでは新しく変わったのは5個ほどのアイコンだけで、残りは依然としてフラットアイコンのまま。正直その5つも見た目が悪く、いかにも2000年代初頭っぽい
会社側は、デザイナーが似たようなものを何度も繰り返し変えていることにまだ気づいていないようだ。そうでなければ、私たちには何の仕事もない。デザイナーとして、アイコンを変え、ボタンを大きくしてまた小さくし、グラデーションを入れてまた外すのが、忙しさのほとんどすべてだというのが現実。ほとんどの会社の製品は、私たちが入社した時点ですでにデザインシステムが完成している
新しいアイコンはひどいし、Sims 1から引き剥がしてきたみたいだ。単にデザイナーが会社で自分の存在を証明しようとしているだけに見える
業界は有能なデザイナーをUI分野から追い出し、みんなに醜いフラットスタイルを強制してきたのに、今度はスキューモーフィズムに戻るサイクルを回そうとしているように見える。過去にそのスタイルを作れたデザイナーたちをAIで置き換えようとしている感じもある
最近うちのチームで起きた似た話を思い出した。社内で使っていたシステムは2001年ごろのUIで止まっていて、MotifとGTK1を組み合わせたような醜い画面に、クリップアート寄せ集めのアイコンが並んでいた。刷新のために外部コンサルへ依頼し、Reactベースのフラットデザインにしたところ、ローンチ1週間後のユーザー調査では、多くの人が新しいフラットUIに不満を持っていた。結局デザインを急いで昔の見た目に戻した。今では最新のReactアプリが2001年風に見える状態だ。フラットUIが本当にユーザーに好まれているのか、それともユーザー調査自体がいい加減なのか疑わしい
フラットデザインは10年ほど前に消えてほしかったと思っている。フラットデザインは直感的でもなく、見た目も悪く、スタイルと呼ぶことすらできない反人間的なデザインだと思う。アプリやUIにはまだ抽象的なアイコンがいくつも残っていて、それが何をするのか確かめるにはクリックしてみるしかない。どの要素がクリック可能でどれがそうでないのかも判別しにくく、一貫した色やコントラストすら一部のデザイナーには罪のように扱われている。フラットデザインは正しいデザイン原則と真っ向から対立する。40年後に新しい世代が「伝統回帰」と言って2000〜2020年代のスタイルに戻らないことを願う。美しいソフトウェアと共に年を取りたい
議論中のHNユーザーたちは、スキューモーフィズムとフラットデザインの二つだけをめぐって争っているように見える。スキューモーフィズムは、本当に物理的メタファーで現実を過剰に模倣するUIに使うべき言葉であり、実際にそう設計されたものは多くないし、大きく流行したこともなかった。この二つは、はるかに広いデザイン空間の中の一つの点にすぎず、毎回その間を行き来する必要はない。そうしていると自己実現的予言になってしまう。選択肢はもっと多様だ
いつかARグラスの中で、完全実装されたアール・ヌーヴォー風のベルボーイがテレグラムを届けてくれる超スキューモーフィックな未来を期待している
業界全体が変化を試みている段階ではなく、実際にはAirbnbと1、2人が言及している程度にすぎないように思える
デザイナーは現実から乖離していると思う。Comic Sansへの過剰な批判もその一例だ。だんだん思うのは、デザイナーは雇うのではなく、プロジェクトごとに助言を受ける程度でよいということ。会社で8時間座っていると、何かを変えないと自分の存在を証明できなくなるし、人間は急激な変化に慣れる生き物ではない。慣れるには時間が必要だ
良いデザインは機能に従うべきだと思う。新しいThinkPadを買うたびに「なぜカメラバンプを作ったのか」「なぜ端の丸いパームレストをなくして角を鋭くしたのか」「なぜディスプレイのふたを開けやすくするためのくぼみをなくしたのか」と言いたくなる。デザインが機能に従わないなら害でしかない。自分も新しいThinkPadにカメラバンプが付いたのは嫌だし、幅のあるふたなら突起などなくても十分収まるのに、なぜわざわざ追加したのか疑問だ。ソフトウェアUIの変更も同じで、変えるためだけの変更には利益がない
Comic Sansの話を代表例として挙げた点には注目したい。逆説的だが、Comic Sansは特に擁護されるべきフォントではないと思う。仮に失読症に効果があるとしても、アクセシビリティに優れた代替はすでに存在する。デザイナーの一日の仕事について本当に知っているのか疑問だ。実際には、会社の規模に関係なく、デザイナーはただ数字を数えている存在ではない
ほとんどのデザイナーはそんなふうに8時間ずっと無意味な変更をしているわけではなく、むしろ大半の組織で働きすぎていて、新しいトレンドを見つけたり試したりする時間自体がないのが現実だ。実際こうした変化は、デザイナーではなく経営幹部が「新鮮さ」を与えようとして、デザイナーの望まない形で押し付ける場合が多いというのが自分の経験だ。（配偶者がUXデザイナーなのでよく聞く話でもある）
最近のデザイナーは、美的感覚を実用性より重視しすぎている傾向がある。「どうすればもっとユーザーフレンドリーにできるか」から出発すれば今とはまったく違う答えになる一方で、「どうすれば他と似せつつ目立てるか」から出発すると、ありきたりな結果になる。UIにおいて美的要素は本質的に二次的であるべきだと思う。デザイナーが実用性より美的感覚を優先するからこそ、これほど頻繁に無意味なリデザインが繰り返される。本当に実用性を重視するなら、リデザインはユーザーの数多くの慣れを断ち切る大きなコストだと明確に認識すべきで、それは本当に大きな利益がある時にしか正当化されない
過去が再び新しいものとして現れている。ファッション業界は何十年も前からそれを知っていたし、テック業界が後を追っている。「Dimensional」デザインの次に来るトレンドは極端なミニマリズムだろう。「余分と装飾をすべて取り払い、残るのは真実だけ」という2030年のデザイントレンドのスローガンまで前に考えたことがある
さっきオンラインバンキングのUIで「振込」ボタンを押したのだが、きれいなフォントと繊細なグラデーション背景は印象的だった。しかし押しても押下状態がまったく見えず、ローディングスピナーが出て初めて押せたのだと分かった。個人的にはWindows 98/2000がUIの頂点だと思う。単調で均一だが、ほどよい立体感のおかげでどこを押せばきちんと動くのか分かった記憶がある。キーボードショートカットももちろん含めて
「かつてデザインにおける真理とされたものは、安住と平均への屈服に置き換えられた。私たちが提供するのは代替案であり、大胆で複雑なデザイン、職人技とディテールへの執着、AIシステムとは比較にならない人間中心の繊細さだ」――2035年のデザイントレンドの説明までさらに想像できる
これはサイクルではなく螺旋的な進化だという意見。各アイデアには前のものへの部分的な過剰反応が伴う。たとえば、昔のUIはコンテンツを圧倒するほど派手だったのでフラットアイコンが生まれ、その結果、アイコン認知性の代わりに階層構造がより明確になった。この問題が解決されると、今度は目立つアイコンを意図的に戻そうとする流れになる。AirBnBアプリでも、主要なフォーカスには忙しいアイコンを、補助的な部分にはフラットアイコンを使うといった具合だ。参考リンク facebook-3-5-iphone.jpg
ミニマリズムはすでに10年以上主流トレンドではないかという疑問。下落局面を経て再び戻ってくるまでには、少なくともあと5年は必要だと思う
自分のカレンダーアプリにもステッチ入りレザーUIが追加されたら、きっとずっと使いやすくなるだろうという願望
良いUI/UXの核心はアイコンの形ではなく、ユーザーがアプリを使って問題を解決する過程が、その思考の流れと噛み合っているかどうかという点だ。うちのチームも、アイコン選びや他アプリのデザインパターンの模倣に時間をかけすぎた結果、結局、人々が自分たちのアプリを使う主目的を十分に優先できていないUXになってしまった経験がある
実は最良のアイコンはアルファベット、つまり言葉だという点を付け加えたい。文字を組み合わせて作る力は思った以上に大きい
アイコン選びも実際には非常に重要だ。フラットで単色のアイコンは本当に役に立たないと感じる。Confluenceでページを編集するとき、たとえば色塗りボタンを探したくても、すべてのアイコンが同じように見えて簡単には見つけられない
AirBnBのリデザインはトレンド変化の兆候ではなく、依然としてアプリの大半はミニマルでフラットなスタイルを維持している。新しい立体的なアイコンは、統一感なくまばらに混ざっているだけだ。むしろ完全なフラットへ戻すほうが容易な構造だと思う。実際、立体的なアイコンはすでに多くのアプリで部分的に長く使われてきた。妙なのは「New」タグだけがやけに光沢を持っていて、かえってフラットなボタンや他のフラットなタグよりもボタンらしく見えてしまう点だ。2000年代初頭のUIデザインは、照明、材質、奥行きに関する高度な技術を必要としたが、今はプロンプトだけで簡単に得られる時代だという主張には懐疑的だ。今でも実際にはかなりの訓練と努力が必要な分野だと思う。AIが2Dや3Dのアイコンを一貫して作れるかどうかも疑わしい
「これは大げさなリブランディングではなく、完全に新しく作った言葉だ。深さと質感、光を受け入れるスタイルの作業名にすぎず、現実世界を模倣するものではない。画面にネイティブになじむ、表現的で遊び心のある何かを作ろうとしているのだ」という表現には拒否感がある。自分たちを過大評価する自己満足的な称賛に聞こえる。筆者の意見にも同意しないし、実際にはGoogle Material Themeがかなり長い間、一貫してトレンドを先導してきた。自分が経験するほぼすべてのWeb体験に徐々に浸透していることからも分かる
この記事はやや大げさだが、全体として「大半のプロダクトUIは少なくとも少しは楽しくあるべきだ」という立場には同意する。「楽しい」UI/UXという言葉は陳腐になったとしても、自分がよく使うソフトウェアに職人技や意図が見えると本当にうれしくなる。細かく作り込まれたアイコンだけでもその効果はありうる
今のUIトレンドそのものより、AIをデザインにどう活用すべきかのほうが重要だと思う。AIを単なる道具として、最終結果への近道に使うだけでなければ、今でも職人技、センス、細やかさは十分に生きるという立場には完全に同意する
美的感覚や楽しさが実用性より先に来るべきではないという意見。楽しさを高めようとして実用性を損なうなら避けるべきだ。ブランドアイデンティティのための個性の追求は尊重するが、それがまずいデザインの言い訳になってはいけないと思う
グラフィック担当者が審美性だけでUIの方向を決めるのをやめるべきだという主張。実際の使いやすさから得られたデータのほうがUI設計には重要だという意見
ただ、オープンソースやフリーソフトウェアについて「UIが古すぎる、見た目が悪い」という不満はよく聞くのに、実際に「これこそ現代的UIだ」という具体案を示した例はほとんど見たことがない。「UIがひどい！」と言う人たちが、だからグラフィックデザイナーは不要だという論理にはならない
審美的トレンドがUIに影響するのは避けられず自然なことだと思う。ただ問題なのは、新しいトレンドを「UXが根本的に良くなったからだ」という誤った論理で包むことだ。実際にUXを改善する革新も多少はあるだろうが、大半は新しさがもたらす短期的な物珍しさにすぎない。率直に「もっと見栄えのよいデザインを望んだ」と言うほうが、より明確で健全なプロダクトやUXにつながる
実際にユーザビリティ専門家が設計すると、常に最低レベルのユーザーを基準にしてしまい、かえって災難になることがあるという主張。しかも初心者は「使いやすい」インターフェースですらうまく使えない一方で、熟練者はむしろ窮屈さを感じる。自分にとっては、高密度UIのほうが、大きな文字で十数個しか表示しないアクセシビリティ重視のスプレッドシートよりはるかに生産的だ。視覚障害者への配慮も必要だ
「審美性のあるUIでは、ユーザーが知覚する使いやすさも高くなる」と示すデータもある。どちらも重要な側面だ
パーソナルコンピュータが大衆化して以来、グラフィックデザイナーが決定権を持ってきたのだから、今さらそういう話をするのは時代遅れの論理だ
フラットなシルエットアイコンは、さまざまな文脈で使える点が利点だ。3Dアイコンは舞台が与えられてこそ真価を発揮し、小さく置くと読み取りにくかったり目障りになったりする。マキシマリズムは視覚的に負担が大きく、格好よく見えることはあっても、こうした美的な破格が実際の文脈で大きな変化を生むことはないだろうと思う。Appleがスキューモーフィズムを捨てたときのような決定的な変曲点にはならないはずだ