従来、多くのデザインシステムでは、以下の2つの UI ライブラリが搭載されています: デザインチームは静的なUIキットを使用 エンジニアはコード化されたコンポーネントライブラリを使用 多くの組織は、この二重のシステムが「
(…)UXPin Blog — Design Studio
-
-
アトミックデザイン における5つの UI コンポーネント
アトミックデザインは、以下の5つの要素で構成され、それらが互いに積み重なっています: 原子:化学の世界と同じように、アトミックデザインでは「原子」は情報を全て伝えるための基本要素です。Webアプリケーション
(…) -
Fluent Design System とは?UXPinのStorybookに取り込む方法
オープンソースのデザインシステムには、高品質の製品を急ピッチで開発する機会があり、組織はユーザビリティとアクセシビリティの基礎的な課題を解決することで、製品開発と問題解決を重点的に行うことができます。 Fluent
(…) -
Code-to-Design 完全ガイド(2023年版)
『Design-to-Code(デザインからコード)』とは、デザインツールを使ってデザイナーがプロトタイプを作成し、デベロッパーがそれをコード化するという、一般的な製品開発の流れを簡略化したものです。 UXPin Mer
(…) -
デザインシステムの10大 コンポーネント とは?
デザインシステムは、再利用可能な コンポーネント ライブラリなしには存在し得ません。そのデザインシステムの コンポーネント は、デザインと開発におけるワークフローと UI (ユーザーインターフェース)の一貫性を作り出し、
(…) -
コンポーネントライブラリ初心者向けの作成ガイド
ゼロからデザインシステムを作成する場合でも、フロントエンド開発のまとまりと一貫性を高めたい場合でも、コンポーネントライブラリの作成は、製品のUX(ユーザーエクスペリエンス)を上げるにはいい方法です。 コンポ
(…) -
デザインハンドオフを徹底解説!
デザインハンドオフ の時間は緊張が走ります。デザイナーとエンジニアは別々の言語を話し、異なる制約の中で仕事をしているため、連絡と連携が大変になるんです。 このギャップを埋めるための第一歩は、エンジニアが開発に何を必要と
(…) -
コラボレーティブプロトタイピング とは?
筆者たちは、 プロトタイプ と部門横断的な連携を強化する新しい方法を常に探していますが、 コラボレーティブプロトタイピング は、1日で プロトタイプ を作成する「超効率的な」スプリント手法です。 デザイナーとデベロッ
(…) -
入力フォームデザインのベストプラクティス
入力フォームで、ユーザーはデジタル製品やブランド、他のユーザーと関わることができます。ユーザーが効率的にタスクを完了できるように適切な入力フィールドと構造を選択することは、いいフォームのUXをデザインする上で非常に重要で
(…) -
デザインシステムをnpmパッケージ化する方法
Mergeのnpm統合により、デザインチームは npmレジストリから完全に機能するコンポーネントライブラリをインポートするための制御を強化することができます。コンポーネントライブラリでのプロトタイプデザインは、デザイナー
(…) -
FinTech(フィンテック)のレガシーシステムの対処方法とは?
多くの企業が、レガシーシステム(旧式システム)とそれに伴う頭痛の種からの解放に四苦八苦しています。時代遅れのエコシステムには、UX(ユーザーエクスペリエンス)やデジタルイノベーションなど、多くの課題があるのです。 チ
(…) -
ダッシュボード対データレポート – ユーザーにとってはどちらがいいのか?
データの最適な表現方法を考えようとするとき、多くのデザイナーは「ダッシュボードをデザインするのか、それともレポートのUI(ユーザーインターフェース)をデザインするのか?」と考えますが、製品開発やUXデザインにおけるすべて
(…) -
npm統合 – MUIコンポーネントのUXPinへ導入のご案内
UXPinの npm統合 があれば、デザイナーはnpmコンポーネントライブラリをインポートして、完全に機能するプロトタイプを構築することができ、このような忠実度の高いプロトタイプにより、従来のベクターベースのデザイン
(…) -
マテリアルデザインのアイコン: Webとアプリデザインの構成要素
マテリアルデザインは、最も人気のあるデザインシステムの一つです。Android端末をお持ちの方は、毎日Material Designを使用していることでしょう。多くの企業が、モバイルおよびウェブアプリケーションを構築
(…) -
ダッシュボード のプロトタイプを作成する方法
ダッシュボード デザインは、企業向け製品を連想させることが多いですが、ダッシュボードは、SNSアプリやゲーム、そしてモバイルデバイスなど、どこにでもあり、ユーザーにわかりやすいように簡潔に視覚化された、重要な情報が表示さ
(…)
UXPin is a product design platform used by the best designers on the planet. Let your team easily design, collaborate, and present from low-fidelity wireframes to fully-interactive prototypes.
Start your free trial