「デザイン」という言葉は曖昧で、会話に付加価値を与える一方、正確な意味が定まらないことが多いです。「素晴らしいデザイン」と聞いても、それが美しさや機能性、またはその両方を指すのかは文脈次第です。 筆者がシリコンバレーでプ
(…)UXPin Blog — Design Studio
-
-
おすすめの React コンポーネントライブラリ
5.ブラウザやデバイスの互換性 デザインするアプリによっては、コンポーネントライブラリのブラウザとモバイルの互換性を知りたいでしょう。ブラウザやデバイスの互換性を調べるには、GitHub の 「issues」 や Sta
(…) -
Figmaのデザイン をインタラクティブなプロトタイプに変える
-
UXデザイン vs UIデザイン その違いを把握しよう
UX の世界で最もよく議論されることの一つに UXデザイン と UIデザイン が あります。 その違いと共通点はどこにあるのでしょうか? UX デザイナーとUIデザイナーのどちらが求められ るのでしょうか? 誰が何をする
(…) -
ペーパープロトタイプ: 10分でわかる実践ガイド
ハイテクなデジタル製品におけるUXデザインの世界でも、ペンと紙は、Lo-Fi(低忠実度)のプロトタイプをサクッと作る選択肢として今でも好まれています。皆さんの思い込みとは裏腹に、UXチームはコンピューターから離れ、付箋や
(…) -
モバイルとWebアプリ【デザインで考慮すべきこと】
モバイルアプリ とWebアプリの導入決定は簡単ではなく、UX、技術的制約、費用対効果、拡張性など、多くの要素を考慮する必要があります。 そこで本記事では、どのアプローチがプロジェクトに最適かを、十分な情報に基づいて判断で
(…) -
Laravel × React – Webアプリケーションをすばやく構築する方法
はじめに Laravel とReact を使った Webアプリを構築することで、堅牢性、効率性、柔軟性、UX(ユーザーエクスペリエンス)の優れた組み合わせが提供されます。 これらの技術とそれぞれのエコシステムの強みを活用
(…) -
【開発者向け】React に最適な バックエンド
Reactは、ダイナミックでインタラクティブな UI(ユーザーインターフェース)開発のために設計された強力なフロントエンドライブラリであり、Web開発において人気の高い選択肢となっています。Webアプリケーションのビュー
(…) -
レスポンシブデザインに関するベストプラクティスと実例集
レスポンシブデザインの日常的なベストプラクティスを習得しましょう。3つの事例を徹底分析した解説付きで、実践的なコツを学べます。
-
Reactはどのように機能するのか?
React とは、Facebookによって開発されたUI構築用のJavaScriptライブラリで、特にシングルページアプリケーションの開発に適しています。ページ全体をリロードせずにユーザーと対話でき、宣言的なUIコンポー
(…) -
AIがクラウド上でデザイントークンを自動化する方法
AIとクラウド技術がデザイントークン管理を効率化し、プラットフォーム間の効率性、コラボレーション、一貫性を向上させる仕組みを探る。
-
Reactのコンポーネントを使用したインタラクティブなプロトタイピング
Reactのコンポーネントを使用したインタラクティブなプロトタイピングは、静的なデザインを最終製品に非常に近い機能的なモデルに変換します。このアプローチはデザインと開発の橋渡しとなり、ワークフローを効率化し、コストのかか
(…) -
AIがレスポンシブコードのエクスポートを改善する方法
AIがWebデザインをレスポンシブコードに変換する仕組みを変えつつあります。その要点は以下の通りです。 レスポンシブコードのエクスポートは、異なる画面サイズに自動的に調整されるレイアウトを作成し、デバイス間でスムーズなユ
(…) -
デザイナー vs. 開発者:デザインシステムにおける溝を埋める方法とは?
重要なポイント: 課題:デザイナーと開発者の間でのコミュニケーション不足や分業によるサイロ化が、非効率や意図と異なるデザイン成果を生んでいる。 解決策:デザインシステムを共通の参照点として導入することで、認識のズレを減ら
(…) -
プロトタイプ とは?機能的なUXへの道
プロトタイプ はデザインプロセスにおいて最も重要なステップの1つですが、いまだに一部のデザイナーやプロジェクトチームを悩ませています。 よくある誤解として、モックアップのことを「プロトタイプ」と呼んでいることです。また、
(…)
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