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

McLarenが、ブランドアイデンティティを刷新した。全面的な作り替えではなく「進化」と位置づけられた今回の中心は、新しいワードマークだ。McLaren AutomotiveとMcLaren Racingの両部門——市販車、F1、IndyCar、WEC——にわたって、統一して用いられる。 新しいワードマークが着想源とするのは、ニュージーランド・オークランドのレミュエラにあった、McLaren家のガソリンスタンドの手描き看板である。創業者Bruce McLarenの両親Les

Nielsen Norman Group（NN/g）が、AIエージェントを使いこなす人々への調査から、エージェントに与えるコンテキストは3種類に整理できると提示した。グローバル・ローカル・アンビエントという役割の違いが、情報をどこに置き、どう連携させるかを決めるという考え方だ。 グローバルコンテキストは、複数のやり取りをまたいで持続し、エージェントの基本的な振る舞いを形づくる土台である。ユーザープロフィールや品質基準のテンプレート、どこまでを自動で進めどこから承認を求めるかと

1973年に生まれた風変わりな書体が、いまの時代にこそ似合う姿で蘇った。Ad Wernerによる「Paperclip Contour」を下敷きにしたディスプレイ書体「Clippy」だ。丸くループを描く字形が特徴で、名前のとおりゼムクリップのようなかたちを思わせる。 復刻を手がけたのは、タイプデザイナーのTor Weibull。Kanon Foundryを通じて、オリジナルを本格的な可変フォントファミリーへと拡張した。可変フォント技術によって、文字は直立と斜体のあいだを行き来し

Web Designer DepotのSimon Sterneが、「誰もあなたのアプリを欲しがっていない」という挑発的なタイトルで、ネイティブアプリのインストールを執拗に促す風潮に疑問を投げかけている。すでに機能するモバイルサイトがあるのに、なぜ多くのサービスは「アプリで開く」を迫るのか——その動機と是非を問う論考だ。 Sterneが対置するのは、Webの根本的な軽さである。「クリックして、読み込んで、終わり」。インストールも、アップデートも、権限の許可も、長期的なコミットメ

広くブラウザに対応しているにもかかわらず、CSSのコンテナクエリはいまだ使われず、しばしば誤解されている。Smashing Magazineの記事は、メディアクエリとの違いと使い分けをあらためて整理している。 両者は見る方向が逆である。メディアクエリはビューポートを外側から見て「画面はどれくらい広いか」を問う、マクロなレイアウトのための仕組みだ。対してコンテナクエリは、要素が置かれた文脈で「この要素にはどれだけの余地があるか」を内側から見る、マイクロなレイアウトのための仕組み

Adobeが、写真編集ソフト「Photoshop Elements」の新バージョンにAI機能を大きく取り込む。目玉となるのは、生成拡張（Generative Expand）、生成アップスケール、そしてベータ版の自然言語AIアシスタントの3つだ。 生成拡張は、画像の外側へ境界を広げ、追加された余白をAIが文脈に合わせて自動で埋める機能である。異なるアスペクト比やバナーサイズに合わせるとき、重要な部分を切り落とさずに調整できる。生成アップスケールは低解像度の画像のディテールを補っ

Figmaが、ほしいプラグインをAIに作らせる新機能を発表した。マーケットプレイスで最適なプラグインを探し回る従来のワークフローに代わり、やりたいことを自然な言葉で説明するだけで、動作するプラグインのコードをAIエージェントが生成する。 使い方はシンプルだ。コードの知識がなくても、実現したいツールをプレーンな言葉で記述すれば、エージェントがコードを書き上げる。生成結果はその場でテストでき、追加のプロンプトで反復的に調整していける。同じ仕組みは、大理石・炎・水といったプロシージ

Canvaが、プロのデザイナー向けの統合デザインプラットフォーム「ProSuite」を発表した。これまで個別に提供されてきたAffinity（デザイン・写真編集・レイアウト）、Cavalry（モーショングラフィックス）、Flourish（データビジュアライゼーション）、Leonardo（AI画像生成）の4つを一つのエコシステムに束ね、100を超える新機能を加えたものだ。 注目すべきは、AffinityとCavalryの中核機能が引き続き無料で使える点である。ProSuite自

デザイナーの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％向上したというデータも紹介される。 メンターシップには二つの機能があるとされる。ひとつはコーチングや保護、機会の提供