Blog
UXPin ブログ
All articles
453 articles
プロトタイプの例：Lo-FiからHi-Fiまでご紹介
プロトタイプの例 ：Lo-FiからHi-Fiまでご紹介します。 Lo-Fi（低忠実度）なスケッチから Hi-Fi（高忠実度）なインタラクティブシミュレーションまで、プロトタイプの忠実度のスペクトルについて見ていきます。
Tailwind と Material UI – 完全比較
Tailwind と Material UIのどちらが自分に合っているか？本記事ではTailwind（CSS、UI）と MUIの開発スピードとワークフロー、カスタマイズと柔軟性、パフォーマンスなどを比較していきます。
【UX/UI デザイナー向け】 プロンプトエンジニアリング ガイド
プロンプトエンジニアリング では、AIモデルから望ましい回答を引き出すためのプロンプトの設計や改良をします。AIの出力を有用で適切かつ正確な結果に導くための具体的な入力を作成すること、信頼性などを目的としています。デザイナーがプロンプトを書く際のポイントなどについてお話します。
リストデザイン 入門 – 初心者向けガイド
リストデザイン - リストはUIの基本要素であり、情報を整理しやすくし、ユーザビリティやUXを向上させます。この記事では、視覚的に魅力的で機能的なリストを作成するためのベストプラクティス、重要な原則、実践的なヒントを紹介します。
すぐ実践できる「 商品ページ 」のデザイン方法
商品ページ のデザイン方法とは？このチュートリアルでは、UXPinに組み込まれているMUIv5ライブラリコンポーネントを使用して、魅力的な商品ページをデザインする手順をご紹介します。UXPinのパワーとMUIv5の多機能性を使えば、魅力的な商品ページを作成することができます。
デザインから Reactコード – UXPin Mergeで製品開発を高速化
UXPin Merge の技術を使って、デザインから機能的な React コード への移行を効率化する方法についてお話しします。
Material UI と Bootstrap – どれを使う？
Material UI かBootstrap？レスポンシブでいい見た目のWebアプリを構築するとなると、MUI と Bootstrapという２つのフレームワークがよく脚光を浴びます。 この記事で比較し、どちらが次のプロジェクトに最もふさわしいかを判断しましょう。
HTML と React – 違いを見抜けるか？
HTML と React の違いは見分けられますか？どちらもフロントエンド開発に使われ、Webサイトや Webアプリをデザインしているときに耳にしたことがあるでしょう。ここでは、特徴や性能などを含めて見ていきます。
UX/UIデザインにおける アスペクト比 のベストプラクティス
アスペクト比 について、デバイスごとに最適なアスペクト比を決めるのは手間ですが、レスポンシブデザインツールや無料のアスペクト比計算ツールを活用すれば簡単に最適化可能です。UX/UI デザインにおける影響やベストプラクティスなどを見ていきます。
基礎が学べる！ プロダクトデザイン とは？
プロダクトデザイン とは、ターゲットとするユーザーが抱える問題やユースケースに応じたデジタル製品を作り、改善するプロセスを指します。この記事では「 プロダクトデザイン 」を深掘りし、プロセスにおける5つのステージをご紹介していきます。
AI でより速いプロトタイプ：AI Component Creatorを紹介
AI Component Creator について、その利点やアクセス方法などをご紹介します。
モバイルアプリデザイン の9つの原則
モバイルアプリデザイン とは、UIデザインとUXデザインを組み合わせて、使い勝手の良いソフトウェアを作り上げることです。
Bootstrap と React Bootstrap【まとめ】
Bootstrap と React Bootstrapを比較して、どちらがより適切かを決めるお手伝いをします。
インタラクションデザイン とは
インタラクションデザインについての基礎を踏まえて説明し、役立つツールも含めてお話ししていきます。
デザイン言語 とは？その重要性を徹底解説
デザイン言語 とは、デザイナーがユーザーとのコミュニケーションに用いる視覚的・対話的な要素のことであり、あらゆる場面で一貫性のあるUXを実現できるようにします。