カルーセルは、画面スペースを節約しつつ、プロモーションや製品画像などの重要なコンテンツをコンパクトで魅力的に表示するUI要素です。本記事では、カルーセルの役割や、カルーセルを使用しない場合の選択肢、そしてその作成方法につ
(…)UXPin Blog — Design Studio
-
-
UXデザイン vs UIデザイン その違いを把握しよう
UX の世界で最もよく議論されることの一つに UXデザイン と UIデザイン が あります。 では、その違いと共通点はどこにあるのでしょうか? UX デザイナーとUIデザイナーのどちらが求められ るのでしょうか? 誰が何
(…) -
【初心者向け】Webアプリ をゼロから作るには?
Webアプリは、ブラウザ上で動作するソフトウェアアプリケーションのことです。Webアプリはモバイルアプリ同様、タスクの実行、情報へのアクセス、他のユーザーとのコミュニケーションを行うことができます。 Webアプリを作成す
(…) -
ユーザーインターフェース | UIとは?【初心者向けガイド】
2022年、世界のインターネットユーザー数は49億5000万人と推定されました。これは世界人口の60%以上にあたります。 スマートフォン、タブレット端末、ノートパソコン、デスクトップパソコン、そしてウェブサイトやアプリケ
(…) -
【Node.js とReact.js】2つのJavaScriptフレームワークを比較
Node.js と React.jsはWeb開発でよく使われる2つの技術ですが、開発スタック内での役割は異なります。 Node.js はバックエンド・サービスに使われるランタイム環境であり、ReactはWebアプリケーシ
(…) -
UI グリッド – 押さえておくべきこと
UI のグリッドシステムはレスポンシブデザインに非常に重要であり、それでレイアウトがさまざまな画面サイズや解像度にシームレスに適応することが保証されます。そしてデザイナーはグリッドシステムを使って、一貫性と
(…) -
Angular と React と Vue – 使うべきフレームワーク
Reactは、エコシステムの成熟度やコンポーネントの可用性、コミュニティ面でAngularやVueより優れているかもしれません。また、Git や UXPin など他のプラットフォームやツールとも統合が可能です。 Vue
(…) -
Reactが使われているウェブサイトの15事例
ReactJS は、世界で最も使われているフロントエンドライブラリです。このライブラリのコンポーネントベースの手法により、開発チームはプロジェクト全体でコンポーネントを構築して再利用することができ、その結果、ゼロからの
(…) -
ペーパープロトタイプ: 10分でわかる実践ガイド
ハイテクなデジタル製品におけるUXデザインの世界でも、ペンと紙は、Lo-Fi(低忠実度)のプロトタイプをサクッと作る選択肢として今でも好まれています。皆さんの思い込みとは裏腹に、UXチームはコンピューターから離れ、付箋や
(…) -
モバイルアプリとWebアプリ【デザインで考慮すべきポイント】
モバイルアプリとWebアプリの導入決定は簡単ではなく、UX、技術的制約、費用対効果、拡張性など、多くの要素を考慮する必要があります。 そこで本記事では、どのアプローチがプロジェクトに最適かを、十分な情報に基づいて判断でき
(…) -
Tailwindデザインシステム の始め方
UXPinでTailwindデザインシステムを構築するには、Tailwind UIライブラリを活用し、カスタムコンポーネントを作成して一貫したスタイルを設定します。 HeroiconsやHero Patternsで装飾を
-
Laravel × React – Webアプリケーションをすばやく構築する方法
はじめに Laravel とReact を使った Webアプリを構築することで、堅牢性、効率性、柔軟性、UX(ユーザーエクスペリエンス)の優れた組み合わせが提供されます。 これらの技術とそれぞれのエコシステムの強みを活用
(…) -
「 デザイン 」の本当の意味とは?
「デザイン」という言葉は曖昧で、会話に付加価値を与える一方、正確な意味が定まらないことが多いです。「素晴らしいデザイン」と聞いても、それが美しさや機能性、またはその両方を指すのかは文脈次第です。 筆者がシリコンバレーでプ
(…) -
React Native と ReactJS – それぞれの違い
ReactJSとReact Nativeの違いを理解すると、デザイナーはエンジニアとのコミュニケーションは円滑になり、コストのかかる技術的な問題は回避され、デザイン引き継ぎ時の摩擦を最小限に抑えることができます。 デザイ
(…) -
【デベロッパー向け】React に最適な バックエンド
Reactは、ダイナミックでインタラクティブな UI(ユーザーインターフェース)開発のために設計された強力なフロントエンドライブラリであり、Web開発において人気の高い選択肢となっています。Webアプリケーションのビュー
(…)
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