ユーザーフレンドリーなデザインは、UIおよびUXデザインの基本的な側面であり、テクノロジーをよりアクセスしやすく、誰にとっても使いやすいものにしたいという願望によって推進されています。 長年にわたって、デザイナーは、ユー
(…)UXPin Blog — Design Studio
-
-
Code-to-Design(コードからデザイン)2024年版完全ガイド
開発フローで思い浮かぶのは、デザインからコードにするという形ではないでしょうか?デザイナーはデザインツールを使って、プロトタイプを作成し、デベロッパーはそれをコードに変換するという、標準的な製品開発プロセスでしょう。 U
(…) -
【初心者向け】Webアプリ をゼロから作るには?
Webアプリは、ブラウザ上で動作するソフトウェアアプリケーションのことです。Webアプリはモバイルアプリ同様、タスクの実行、情報へのアクセス、他のユーザーとのコミュニケーションを行うことができます。 Webアプリを作成す
(…) -
【 プロトタイプ 】FigmaとUXPin – できること、できないこと
Figmaでつくるプロトタイプは最終製品がどのように見えるかを視覚化し、デザインについての説明や、ユーザーフローを計画するには最適ですが、プロトタイプテストには不向きかもしれません。そこでUXPinの出番です。デザイナー
(…) -
アクセシビリティ についてデザイナーが知っておくべきこと
プロジェクトに色を加えるのはいいですが、微妙な変化を区別できない人は多くいることを念頭に置いておきましょう。トーンの違いがよりはっきりしているのがベストです。 グレースケールでアプリを見ることで、弱視の人に何が見えるかが
(…) -
ウェブデザインと開発の違いとは?わかりやすく!
人々は「ウェブデザイン」と「開発」という言葉を、デザインと開発の両方の分野を表すために用います。インターネットが使われ始めた当初では、この表現は正確だったかもしれませんが、現在では、これらの分野は建築家と建設業者のように
(…) -
【必見】Figma と AdobeXD と UXPin の違い
Figma、AdobeXD、UXPin の3つは、デジタル製品をデザインするための主要なUX(ユーザーエクスペリエンス)デザインツールです。この記事では、これら3つを比較してUIデザイン、モックアップ、プロトタイプ、連携
(…) -
レスポンシブ画像 – 決定版ガイド
Webデザインは必ずしも安価ではありませんが、デザイナーにかかるWebデザインコストの中でも、まずはユーザーのコストを考慮するべきです。 モバイルユーザーは、Wi-Fiから離れた場所で多くの場合、ダウンロード(およびアッ
(…) -
React を使ったおすすめの プロトタイピングツール
ReactアプリまたはWebサイトを構築しているなら、プロトタイプで実際のReactコンポーネントを使うことをおすすめします。 その方法などについて、こちらの記事で詳しくご紹介していきます。 主なツール UXPin Me
(…) -
デザイナーにコーディングは必要か?
Web開発のワークフローにデザインが どのように組み込まれるのかについては、常に議論に上がります。 例えば、デザイナーは「新しいオンボーディングフローを開発してアプリに組み込めませんか?そうすれば、コンバージョンが大幅に
(…) -
2024年に知っておくべき React デザインパターンのおすすめ
React の絶大な人気と実用性は否定できません。長い間、ほとんどのWebデザインは CSS、HTML、JavaScript で構築されていましたが、Reactはその使いやすさで、多くのデベロッパーから愛されています。R
(…) -
Reactアプリを デプロイ する方法: ステップバイステップガイド
Web アプリケーションを一般公開したいと考えているなら、ぜひ本記事をご覧ください。本記事では、UXPin Merge を使って作成した ReactJS アプリをデプロイするための詳しい手順を説明します。 UXPin M
(…) -
ダブルダイヤモンドのデザインプロセス – 製品デザインを成功に導くおすすめのフレームワーク
ダブルダイヤモンドのデザインプロセスは、問題の特定や、ソリューションの開発のために広く使われている方法論であり、この成果ベースのフレームワークは、核となる問題とエンドユーザーへの影響に焦点を当てながら、創造性と革新性を促
(…) -
Reactアプリをローカル環境で実行する方法【ガイド】
React の世界に飛び込む準備はできているけどローカルアプリケーションを立ち上げて実行する方法がわからない方には、本記事がピッタリです。新しく身につけたReactのスキルを披露したいと思っている新進のフロントエンドデベ
(…) -
【Node.js とReact.js】2つのJavaScriptフレームワークを比較
Node.js と React.jsはWeb開発でよく使われる2つの技術ですが、開発スタック内での役割は異なります。Node.js はバックエンド・サービスに使われるランタイム環境であり、Reactは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