最新のデザイントレンド

最新のデザイントレンドとインサイトを常に把握しましょう。AIが生成したサマリーで、デザインにおける最先端の動向を発見しましょう。

最近の
評判スコア
素晴らしいアニメーションパート8:CSS相対色を使ったアニメーションのテーマ設定
スマッシングマガジン スマッシングマガジン 6日前

素晴らしいアニメーションパート8:CSS相対色を使ったアニメーションのテーマ設定

CSSの相対カラー値は、現在広くサポートされています。この記事では、先駆的な著者でありWebデザイナーでもある[Andy Clarke](https://stuffandnonsense.co.uk/)が、CSSの相対カラー値を使った実用的なテクニックを紹介します。

#設計
70 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

この記事では、CSSの相対的なカラー値、特にOKLCHカラースペースを用いてウェブアニメーションのテーマを設定する方法を説明します。著者は、この方法がどのように…

2026年のUX・プロダクトデザイナーのキャリアパス
スマッシングマガジン スマッシングマガジン 1週間前

2026年のUX・プロダクトデザイナーのキャリアパス

デザイナー向けの意思決定ツリーとUXスキル自己評価マトリックスを用いて、2026年に向けたキャリアパスをどう構築するか。未来への唯一の限界は、私たちが今日抱く疑念です。Smart...がお届けします。

#設計
70 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

2026 年にキャリア パスを形成するには、UX およびプロダクト デザイナーは、過去 1 年間を振り返り、成功、失敗、および今後の展望を振り返る必要があります。

PenpotはAIを活用した設計ワークフロー向けにMCPサーバーを実験中
スマッシングマガジン スマッシングマガジン 1週間前

PenpotはAIを活用した設計ワークフロー向けにMCPサーバーを実験中

[Penpot](https://penpot.app/?utm_source=SmashingMagazine&utm_medium=Article&utm_campaign=MCPserver) は、デザイナーや...

#設計
70 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

Penpotは、AIを活用した設計ワークフローを実現する「MCPサーバー」の導入を検討しており、AIアシスタントがPenpotのファイルを安全に操作できるようにしています。このアプローチは…

ゼロから始めるのではなく、キャリアを転換する
スマッシングマガジン スマッシングマガジン 1週間前

ゼロから始めるのではなく、キャリアを転換する

多くの開発者は、バグ修正や機能リリース、そして次のスプリントへの突入に日々を費やし、何も考えずに過ごしています。しばらくすると、「これがまだ自分が望んでいることなのか…」と自問自答し始めます。

#設計
70 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

仕事に刺激やルーティンが欠けていると感じるのは、必ずしも燃え尽き症候群ではなく、キャリアの転換を望んでいるサインかもしれません。あなたの既存のスキルは貴重であり…

新たな冒険へのカウントダウン(2026年1月壁紙版)
スマッシングマガジン スマッシングマガジン 2週間前

新たな冒険へのカウントダウン(2026年1月壁紙版)

これを読んでいる時点ですでに2026年が始まっている方も、まだカウントダウンが始まるのを待っている方も、新年に向けてデスクトップに新しい壁紙を用意するのはいかがでしょうか? ご用意しております…

#設計
70 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

Smashing Magazineは、世界中のアーティストによるデザインをフィーチャーした2026年1月号のデスクトップ壁紙を公開しました。これらの無料壁紙は、…

聴覚障害者のための(そして聴覚障害者と共に)デザインする方法
スマッシングマガジン スマッシングマガジン 3週間前

聴覚障害者のための(そして聴覚障害者と共に)デザインする方法

聴覚障害を持つ4億6,600万人の方々のために、実践的なUXガイドラインを心に留めておきましょう。UXとデザインに関する**フレンドリーなビデオコース**「スマートインターフェースデザインパターン」では、さらに多くのデザインパターンをご覧いただけます。

#設計
70 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

難聴は軽度から重度までの範囲にわたり、多くの場合、生まれつきではなく、様々な要因によって後天的に生じます。設計においては、難聴の程度を考慮に入れることが重要です。

仮想ペルソナを通じてユーザーに発言権を与える
スマッシングマガジン スマッシングマガジン 4週間前

仮想ペルソナを通じてユーザーに発言権を与える

散在したユーザー調査を AI 搭載のペルソナに変換し、単一の質問から統合された多角的なフィードバックを誰にでも提供します。

#設計
70 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

この記事では、AIを活用してユーザーリサーチから仮想ペルソナを作成し、関係者がこれらのペルソナに直接質問を「投げかける」ことを提案します。これは…

素晴らしいアニメーションパート7:CSSとSVGでトゥーンテキストを再現する
スマッシングマガジン スマッシングマガジン 1ヶ月前

素晴らしいアニメーションパート7:CSSとSVGでトゥーンテキストを再現する

この記事では、先駆的な著者でありウェブ デザイナーでもある [Andy Clarke](https://stuffandnonsense.co.uk) が、[トゥーン テキスト] を作成するテクニックを紹介します...

#設計
70 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

この記事では、現代のCSSとSVGアニメーションを用いて、古典的な「トゥーンタイトル」のインパクトのあるタイポグラフィを再現する方法を探ります。その歴史を掘り下げて…

アクセシブルなUXリサーチ、電子書籍がダウンロード可能に
スマッシングマガジン スマッシングマガジン 1ヶ月前

アクセシブルなUXリサーチ、電子書籍がダウンロード可能に

嬉しいお知らせです!Michele A. Williams著のSmashing Book「Accessible UX Research」の電子書籍版がダウンロード可能になりました!もうすぐ印刷開始です。

#設計
70 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

Michele A. Williams著の新しい電子書籍「Accessible UX Research(アクセシブルなUXリサーチ)」がダウンロード可能になりました。本書では、ダイバーシティやインテリジェンスといった専門性を持つユーザーを調査対象に含めるためのガイドを提供しています。

状態、ロジック、そしてネイティブパワー:CSS Wrapped 2025
スマッシングマガジン スマッシングマガジン 1ヶ月前

状態、ロジック、そしてネイティブパワー:CSS Wrapped 2025

CSS Wrapped 2025 がリリースされました!CSS が、かつては JavaScript でしか扱えなかったロジック、状態、複雑なインタラクションをますます扱えるようになる時代が到来しました。注目すべきポイントを以下にご紹介します。

#設計
70 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

CSSは単なる見た目の調整にとどまらず、インターフェースアーキテクチャを根本的に再定義するほど進化しています。新機能により、「最適化されたエルゴノミクス」と「次世代」の…

UXプロフェッショナルがAI戦略をリードする方法
スマッシングマガジン スマッシングマガジン 1ヶ月前

UXプロフェッショナルがAI戦略をリードする方法

誰かに決められる前に、組織のAI戦略を主導しましょう。UXプロフェッショナルがAI実装を形作るための実用的なフレームワークです。

#設計
70 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

経営幹部はAIの可能性に熱心ですが、ユーザーニーズを確実に満たすためには、UXプロフェッショナルがAIの導入を積極的に主導する必要があります。

ワークスペースの革新:広々とした、調節可能で移動可能なホームオフィス ソリューションの作成…
プロトタイプ プロトタイプ 3ヶ月前

ワークスペースの革新:広々とした、調節可能で移動可能なホームオフィス ソリューションの作成…

ワークスペースの革新: 広々とした、調節可能で移動可能なデスクを備えたホーム オフィス ソリューションの作成。効率性と柔軟性を考慮した設計: ニーズに適応するデスク。ストック ベクター ID:...

#設計
76 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

この記事では、共用スペースと整理整頓の課題を解決するために設計された革新的なホームオフィスデスクをご紹介します。このデスクは、広々とした空間と…

リンクを保存するのが好きな人のための20以上の最高のブックマークツール
プロトタイプ プロトタイプ 3ヶ月前

リンクを保存するのが好きな人のための20以上の最高のブックマークツール

お気に入りのリンクを保存して整理しましょう。Prototyprで続きを読む»

#設計
75 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

この記事では、リンクを効果的に保存・整理するために設計された20以上のブックマークツールを紹介します。個人向けに厳選されたセレクションも提供しています。

製品デザイン作業の 70% で Figma の使用をやめました…すると、アウトプットが 2 倍になりました。
プロトタイプ プロトタイプ 3ヶ月前

製品デザイン作業の 70% で Figma の使用をやめました…すると、アウトプットが 2 倍になりました。

ほとんどのデザイン上の問題は「デザイン」上の問題ではありません。そのため、Figma はデザイン作業のほとんどを行うべき場所ではありません。Prototypr で続きを読む »

#設計
75 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

著者は、製品デザイン作業のほとんどでFigma以外のツールを使用することで、生産性が大幅に向上したことを発見しました。著者は、多くのデザイナーがFigma以外のツールを使用することで生産性が向上したと主張しています。

5つのAIツールを10の実際のUIデザインプロンプトでテストしました。2025年に実際に機能するものは次のとおりです。
プロトタイプ プロトタイプ 3ヶ月前

5つのAIツールを10の実際のUIデザインプロンプトでテストしました。2025年に実際に機能するものは次のとおりです。

スティッチ、クロードなどによるファーストパスの結果をありのままに見て、それがUIデザインの未来に何を意味するのかを探ります。Prototyprで続きを読む »

#設計
74 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

著者は、StitchやClaudeを含む5つのAIツールを10個の実際のUIデザインプロンプトでテストし、そのパフォーマンスを検証しました。この記事では、フィルタリングされていない...

世界に必要なのはより多くのコースではなく、より良いコースだ
プロトタイプ プロトタイプ 4ヶ月前

世界に必要なのはより多くのコースではなく、より良いコースだ

学習の未来が短期集中型のチュートリアルを超えて、倫理、アクセシビリティ、そして…に取り組む必要がある理由について、私自身の眠れない夜を徹して考えます。Prototyprで続きを読む »

#設計
75 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

世の中にはオンラインコースが溢れていますが、それらは往々にして奥深さに欠け、実践的なスキルに重点が置かれ、重要な倫理的配慮が欠けています。学習の未来は…

あなたはデザインリーダーとしてダメだ
プロトタイプ プロトタイプ 4ヶ月前

あなたはデザインリーダーとしてダメだ

デザインのリーダーシップが弱いよりも、デザインのリーダーシップがない方が良いと思う理由Prototyprで続きを読む »

#設計
73 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

この記事は、デザインリーダーシップが弱いことは、デザインリーダーシップが全くないよりも悪いと主張しています。また、指示を与えることができない無能なリーダーを批判しています。

子どもの安全 vs. 企業利益(オンライン)
プロトタイプ プロトタイプ 4ヶ月前

子どもの安全 vs. 企業利益(オンライン)

2016年、@Roblox Indie Game Developer Meetupで、インディー開発者としてのデザイン戦略についてプレゼンテーションを行いました。当時は、5歳くらいの子供たちが自分のゲームで見知らぬ大人と交流しているとは想像もしていませんでした。

#設計
78 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

Roblox は、子どもの安全よりも企業利益を優先し、成人ユーザーが性的ロールプレイや十分に管理されていない詐欺行為に参加できるようにしていると批判されている。

私たちは今、誰のためにデザインしているのでしょうか?
プロトタイプ プロトタイプ 4ヶ月前

私たちは今、誰のためにデザインしているのでしょうか?

人間とAIの間:新たなデザインのジレンマ。AIはソフトウェア業界にとどまらず、猛スピードで破壊的な変化をもたらしています。つい最近まで、デザイナーたちはFigmaの変数に没頭し…

#設計
75 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

デザイナーは新たなジレンマに直面しています。それは、人間とAIエージェントの両方にとっての体験を創造することです。これは、従来の人間中心設計から、人間中心設計へと転換することを必要としています。

「面接に受かるといいですね」と言うのはやめましょう。
プロトタイプ プロトタイプ 5ヶ月前

「面接に受かるといいですね」と言うのはやめましょう。

誰かのことを気にかけているなら、就職活動に集中するように言うのはやめてください。代わりにこの記事を送ってください。Prototyprで続きを読む »

#設計
75 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

著者は、面接にうまく進めるよう祈るのではなく、むしろこの記事を相手にシェアする方が役に立つとアドバイスしています。記事の内容は…

Figma + Replit を使って 48 時間で 10,000 ドルの SaaS アプリを構築しました (具体的な方法はこちら)
プロトタイプ プロトタイプ 5ヶ月前

Figma + Replit を使って 48 時間で 10,000 ドルの SaaS アプリを構築しました (具体的な方法はこちら)

FigmaとReplitを使って、たった48時間でSaaSアプリ全体をリサーチ、デザイン、テスト、そしてバイブコーディングした方法をご紹介します。Prototyprで続きを読む »

#設計
75 評判スコア: ソースの信頼性、読みやすさ、見出しの魅力、視覚的な品質、AI 要約の正確さ、コンテンツの独創性、感情分析、情報の密度、トピックの一貫性、コンテンツの独自性を評価する包括的な品質メトリック。
AIの概要

開発者がわずか48時間で10,000万ドル規模のSaaSアプリを開発した経緯を詳しく説明します。デザインにはFigma、コーディングにはReplitを使用し、プロジェクトの概要を説明しています。

スウィタス

Magnify: Engin Yurtdakul によるインフルエンサー マーケティングの拡大

Microsoft Clarityのケーススタディをご覧ください

Microsoft Clarityは、Switasのような企業が直面する課題を理解している、実際のプロダクト担当者によって、実用的で現実的なユースケースを念頭に構築された製品として高く評価されました。レイジクリックやJavaScriptエラー追跡といった機能は、ユーザーの不満や技術的な問題を特定する上で非常に役立ち、ユーザーエクスペリエンスとコンバージョン率に直接影響を与える、的を絞った改善を可能にしました。