新着のデザイン関連ニュース

デザイナーのAdam Waxmanが、「一人のためのソフトウェア（Software for one）」という考え方を綴ったエッセイが注目を集めている。大衆市場ではなく、自分自身や身近な数人のためだけに作られたアプリ——彼はそれを、チェーン店の料理ではなく「家庭料理」にたとえる。特定の誰かのニーズやデータに合わせて仕立てられた道具のことだ。 出発点として引かれるのは、作家のRobin Sloanが2020年に家族向けのメッセージアプリ「BoopSnoop」を作った逸話だ。使うの

Nielsen Norman Groupが、AI時代のUXが直面する新しい局面を「後始末の時代（The Custodial Era of UX）」と名づけた記事を公開した。AIによって設計やプロトタイプ、機能の生産は一気に速くなったが、その良し悪しを見極めるUXの評価が追いつかない。結果として、検証されないまま出荷された成果物の「後始末」をUXが引き受けることになる、という問題提起である。 記事が指摘する核心は、生産が評価よりも安くなったという逆転だ。AIを使えば午後のうちに

It's Nice Thatが、映画のタイトルシーケンスを数多く手がけるデザイナー、テディ・ブランクスの仕事を掘り下げている。ブランクスは2009年にブルックリンでグラフィックデザインスタジオ「Chips」を共同設立した人物で、オバーリン大学時代にレナ・ダンハムの短編映画のタイトルを手がけたことがキャリアの出発点になった。以降、話題作のオープニングを次々と担当している。 『バービー』（2023年）では、マテル社の高解像度パッケージスキャンを一つひとつ手作業で切り抜いてアニメー

Creative Boomが、この夏にリリースされた注目の新書体をまとめて紹介している。歴史的な書体の再解釈から個性重視のサンセリフまで、次のプロジェクトの引き出しになりそうな8つの書体が取り上げられた。 セリフ・スラブ系では、18世紀のトランジショナル体に着想を得たSoftdrive Foundryの「Lingo」が目を引く。12スタイルを備え、一部の文字に施された特徴的な「ドロップ」によって、可読性と表現力を両立する。The Designers Foundryの「Resa

3DアーティストのAndrew WoanがCodropsに寄稿した記事が、AI・Blender・Blender MCP・Three.jsを組み合わせてWeb向け3D制作を加速させる実践的な工夫をまとめている。中心となる発想は、AIエージェントにBlender側の作業を自動化させつつ、その結果をThree.jsのコードと同期させ続けることだ。手作業の往復で生じる摩擦を減らし、制作のテンポを保つことを狙う。 まず土台となるのが自動化と統合だ。Blenderのカスタムアドオンを作り

ブロックがWordPressのコアに登場してから7年半、ついにReactもビルド環境も使わずにブロックを作れる仕組みが導入された。CSSTricksでFränk Kleinが解説したところによると、WordPress 7.0は「PHPだけでブロックを登録できる」新しい手法を用意する。これまでブロックはPHPとJavaScriptの二重登録が必要で、それが多くの制作者にとって参入障壁になっていた。 仕組みの中心はブロックのsupports設定に加わったautoRegisterフ

タイポグラファーのElliot Jay Stocksが、書体の「グレード（grade）」という軸について解説する論考をAdobe Designブログに寄稿した。文字は必ずしも理想的な条件下に置かれるわけではない。インクは滲み、スクリーンは光を放ち、ある文脈では完璧に見えた字形が別の文脈では鈍重に感じられる。グレードとは、周囲の条件が変わっても文字が同じ印象を保てるように、そうした差を吸収するための仕組みだ。 一見するとグレードはウェイト（太さ）と似ている。しかし両者の目的は正

Web Designer DepotのNoah Davisが、Figmaを2000年代初頭のMacromedia Dreamweaverになぞらえる挑発的な論考を発表した。かつてDreamweaverは、ドラッグ&ドロップの視覚的操作によって「HTMLやCSSを知らなくてもWebが作れる」と一世代のデザイナーに信じ込ませた。Davisは、Figmaの美しいキャンバスもまた同じ幻想を生んでいると指摘する。静的で心地よいキャンバスの中に閉じこもることで、現代のデザイナーは実際のW

顧客の声（テスティモニアル）を並べたヒーローセクションは、多くのサイトで見かける定番の構成だ。しかし静的に並べるだけでは印象に残りにくい。CodropsのJonas Arlethが、GSAPのタイムラインとCMSデータを組み合わせ、動きと手作りの質感を両立させたテスティモニアル・ヒーローの構築手法を解説している。WebflowのDesignerを土台に、カウンター、コラージュのグリッド、アニメーションの3つを段階的に作り込む内容だ。 まず目を引くのが、スロットマシン風の数字カ

デザインとアドバタイジングの国際的な非営利団体D&ADが、生成AIと創造性に関する報告書を公開した。30カ国のクリエイティブリーダー197人へのインタビューと、1万件を超えるアワード応募作品の分析にもとづく内容で、その論調は楽観とはほど遠い。Creative BoomのTom Mayが要点を伝えている。報告書が突きつけるのは、生成AIは新しい何かを生み出すのではなく、すでに存在するものを「平均化」しているにすぎない、という指摘だ。 象徴的な例が挙げられている。モデルに「ケチャ

多くのWebサイトが備えるダークモードの切り替えUIは、「ライト」「ダーク」「システム」という3つの選択肢を並べるのが定番になっている。しかしCSSの専門家Lea Verouは、この3択は過剰であり、2状態で十分だと主張する。CSSTricksのGeoff Grahamがその議論を紹介している。要点はシンプルだ。同じ目的を、より少ないUIで達成できるなら、そのほうが良い。 Verouの提案の核心は、常にすべての選択肢を見せる必要はない、という点にある。ユーザーの環境設定（OS

「みんなが使っているから」という理由でAIツールを導入する。そんな空気に流されがちな現場に向けて、Nielsen Norman GroupのCaleb Sponheimが「PROVE」という軽量な評価フレームワークを提案している。ひとつのツールを、ひとつのタスクに対して検証し、後から自分で説明できる暫定的な判断を下す、という考え方だ。導入圧力そのものは、そのツールが役立つ証拠にはならない、というのが論の出発点である。 PROVEは五つの観点の頭文字からなる。まず「Proble

ペンタグラム・ロンドンのマリーナ・ウィレール率いるチームが、ベルギー・ヘントの音楽ホール「ムジークセントラム・デ・ベイロック」のブランドアイデンティティを刷新した。デ・ベイロックは13世紀のシトー会修道院を病院として使っていた建物を会場とし、2000年以降クラシックから現代音楽までを上演してきた文化拠点である。今回の依頼は、既存の支持者の愛着を保ちながら新たな観客を呼び込み、文化的に多様で国際的に活動する場としての位置づけを示す「デジタルファースト」なアイデンティティの構築だ

かつてはJavaScriptライブラリに頼るのが当たり前だったモーダルUIが、いまやHTML標準の要素だけで実装できるようになった。CSSTricksのGeoff Grahamが、この一見小さな要素に潜む数々の細やかな挙動を整理している。デザイナーとフロントエンド実装者の双方にとって、押さえておきたい実践知が詰まった内容である。 要素はデフォルトで閉じており、open属性を付けるかJavaScriptのメソッドを呼ぶことで表示される。開き方には二種類あり、show()は背景の

Microsoft Designに寄稿されたMatthew Santoneのエッセイが、AI時代のデザイナーが直面する居心地の悪い問いを突きつけている。生成ツールが実装をほぼ無償化した結果、デザイナーはこれまで自らの専門性を証明してきた「技巧」という盾を失いつつある、という主張である。丁寧に磨き上げられた成果物は、かつて「この人は自分のやっていることを分かっている」という暗黙の証明として機能していた。だがその制作自体が難しくなくなった今、成果物はもはやデザイナーの代わりに語っ

Nielsen Norman Group（NN/g）のエヴァン・サンウォールが、メンターシップを「若手だけのもの」とする思い込みを退け、キャリアを通じて効く成長の仕組みとして捉え直している。研究によれば、メンティー（教えを受ける側）は昇進が増え、キャリア満足度や報酬が高まり、燃え尽きが減る。メンター制度を持つ組織では、周縁化されがちな層の昇進・定着率が最大24％向上したというデータも紹介される。 メンターシップには二つの機能があるとされる。ひとつはコーチングや保護、機会の提供

デザインエンジニアのジム・ニールセンが、生成AIのインターフェースが独自のビジュアルと操作の作法を確立しつつあると論じている。かつてモバイルの制約がハンバーガーメニューを生んだように、AIという技術ならではの性質が、この先何年もソフトウェアに残り続ける美学を生み出しているという見立てだ。 象徴的なのがキラキラした「✨（スパークル）」の絵文字だ。いまやAI機能を示す視覚的な記号として定着し、虹や魔法めいたモチーフとともにAIの世界観を表している。第二に「ストリーミングするテキス

CSSTricksに、テマニ・アフィフによる新しいCSSプロパティ「bordershape」の解説記事が掲載された。要素を自由な形に象りながら、ボーダーやドロップシャドウ、アウトラインといった装飾をその輪郭に沿わせられる——従来のclippathにはできなかった振る舞いを実現するプロパティである。 肝心なのはclippathとの違いだ。clippathは装飾ごと切り抜いてしまうため、せっかくのボーダーや影が消えてしまう。一方のbordershapeは要素を「切り抜く」のではな

「UX」という呼び名はもう古いのではないか——そんな議論が絶えないなか、Nielsen Norman Group（NN/g）のレイチェル・バナワが、この問いに調査で答えを出している。結論は明快だ。UXに取って代わる新しい呼称は、いまのところ現れていない。 調査は2026年4月、世界の技術・デザイン職604人を対象に行われた。工夫されているのは質問の仕方だ。「UX」という言葉を出さずに仕事の定義だけを提示し、その領域を自由に名づけてもらう間接的な手法をとった。先入観を排し、人々

デザインメディアDOCに寄稿されたジョシュア・リーの論考が、生成AIをめぐる不安を歴史の文脈に置き直している。創造の現場に技術が入り込むたびに、既存の担い手は「魂がない」と道徳的な警戒を示してきた。AIはその繰り返しの最新形であって、断絶ではない——というのが一貫した見立てである。 歴史的な例が次々と引かれる。カメラ・オブスクラを用いたとされるフェルメール。ラファエロが50人超の助手を抱え、ドレープや背景を分業させ、自らは核心だけに専念したルネサンスの工房（アトリエ）制度。「

デザインエンジニアのカール・コッホが、インターフェースの「瞬間移動」を扱った実践的な論考を公開した。リストから項目を削除すると下の要素が一気に上へ詰まり、行を挿入すれば既存のコンテンツが飛び退く。パネルを開けば隣接する要素が即座に再配置される。DOM上は正しくても、状態の変化と動いた対象とのつながりが一瞬で断たれ、読み手は文脈を見失う。この断絶に目に見える経路を与えるのが「レイアウトの振り付け（layout choreography）」だという。 問題の本質は、技術的な誤りで

しばしば曖昧に語られる「プロダクトセンス」を、Nielsen Norman Group（NN/g）のタナー・コーラーが明快に定義し直している。共感力やクリエイティビティといった抽象的な言葉で片づけるのではなく、測定可能な意思決定の技術として捉えるのが特徴だ。 筆者による定義はこうだ。「プロダクトセンスとは、いま直面している課題が過去の成功や失敗と一致することを見抜き、似た解決策が望む成果にどう影響するかを確実に見積もる能力である」。センスの正体は、生まれ持った才能ではなく、経

Nielsen Norman Group（NN/g）のトニー・アリセアが、AIがインターフェースを生成する時代のUXの役割を「UX文脈デザイン（UXContext Design）」という言葉で捉え直している。人間に読ませるための成果物をつくる仕事から、AIの生成を導く文脈を整える仕事へ——デザイナーの立ち位置そのものが移り変わりつつあるという指摘だ。 筆者はこれを「組織が何を知り、何を望んでいるかを発見し、AIツールが生成するすべてを導く文脈へとキュレーションする実践」と定義

Creative Boomが、ブランディングエージェンシーKotoによる新しいフォントファウンドリ「CcType」の立ち上げを報じている。AmazonやGoogle、Netflixといった大手クライアントのために10年以上書体をつくってきた同社が、今度は自らの名を冠した製品を、消費者に直接売る側へと回る。守秘義務の陰に隠れてきたエージェンシーにとって、これは大きな戦略転換である。 Kotoの共同創業者で最高クリエイティブ責任者を務めるジョーウィー・ローデンは、CcTypeを「