UXPin Blog — Design Studio

インタラクティブなプロトタイプをテストしてユーザビリティを高め、開発前にアクセシビリティを確保するための5つの効果的な方法を探ります。

  デザインシステム とは、製品の一貫性のある、ブランドのイメージに合ったインターフェースを構築するのに使われるコンポーネント、ルール、スタイルガイド、ドキュメントのセットです。大抵のブランドは独自のデザインシ

ほとんどのAIデザインツールには根本的な問題が存在します。それはピクセルを生成するだけで、コンポーネントを生成しないという点です。 UIを記述すると、AIはボタンやカード、入力フィールドのように見える矩形を描画します。デ

 ReactJS は、世界で最も使われているフロントエンドライブラリです。このライブラリのコンポーネントベースの手法により、開発チームはプロジェクト全体でコンポーネントを構築して再利用することができ、その結果、ゼロからの

デザイナーと デベロッパー の間のギャップで、ワークフローが遅くなったり、製品の市場投入がしにくくなることがよくあります。デザインチームと開発チームの強力な連携がなければ、製品を完成させて消費者に届ける前に、多くの間違い

デザインシステム、パターンライブラリ、コンポーネントライブラリ、スタイルガイドという言葉は、よく同じ意味で使われているのを見かけます。これら４つの概念は関連していますが、同じものではありません。 また、デザインシステムと

チームの連携からスケーリング、クロスプラットフォームの一貫性まで、デザインシステム導入の一般的な課題を克服する方法を学びます。

組織と製品の成功に導くためにも、「ユーザー」と「ビジネス」２つの目標において、適切な目標内容とそのバランスを取ることは極めて重要です。双方にメリットのあるソリューションを提供するために、製品チームは企業の戦略目標を達成し

デザインシステムの開発および維持のための「DevOpsツール」といえば Storybookですね。優れたドキュメントや直感的なUI、さらに内蔵されたテスト、コラボレーション機能は、コンポーネントの構築や市場投入するために

  アトミックデザインは、以下の５つの要素で構成され、それらが互いに積み重なっています： 原子：化学の世界と同じように、アトミックデザインでは「原子」は情報を全て伝えるための基本要素です。Webアプリケーション

  Google はレスポンシブ・ウェブデザイン（RWD）を常に推奨しており、特に２０１５年４月２１日にモバイルフレンドリーなサイトを上位に表示する大規模なアップデートが実施された後は、その傾向が顕著です。 た

今回は、皆さんに喜んでいただき、インスピレーションを与えるために、最高の Webサイトデザイン の アイデア をいくつかまとめました。また、ターゲットオーディエンスのニーズとビジネスの目標に基づいた アイデア を生み出す

MUI によって開発・保全されている Material UI は、Googleのマテリアルデザインのガイドラインを実装した人気の Reactコンポーネントライブラリであり、ボタン、カード、メニュー、フォーム要素、事前定義

88％ものユーザーが、たった一度嫌な思いをしただけで、そのアプリやサイトを二度と利用しなくなることを知ってましたか？このことから、いかにUIデザインが重要かがわかりますね。UIデザインは、美観をはるかに超え、ユーザーエク

再利用可能な部品と組織化されたシステムを通じて、コンポーネントベースの設計がデジタル製品開発の効率性と一貫性をどのように高めるかを探る。