UXPin Blog — Design Studio

Figmaでつくるプロトタイプは最終製品がどのように見えるかを視覚化し、デザインについての説明や、ユーザーフローを計画するには最適ですが、プロトタイプテストには不向きかもしれません。そこでUXPinの出番です。デザイナー

プロジェクトに色を加えるのはいいですが、微妙な変化を区別できない人は多くいることを念頭に置いておきましょう。トーンの違いがよりはっきりしているのがベストです。 グレースケールでアプリを見ることで、弱視の人に何が見えるかが

人々は「ウェブデザイン」と「開発」という言葉を、デザインと開発の両方の分野を表すために用います。インターネットが使われ始めた当初では、この表現は正確だったかもしれませんが、現在では、これらの分野は建築家と建設業者のように

Figma、AdobeXD、UXPin の３つは、デジタル製品をデザインするための主要なUX（ユーザーエクスペリエンス）デザインツールです。この記事では、これら３つを比較してUIデザイン、モックアップ、プロトタイプ、連携

Webデザインは必ずしも安価ではありませんが、デザイナーにかかるWebデザインコストの中でも、まずはユーザーのコストを考慮するべきです。 モバイルユーザーは、Wi-Fiから離れた場所で多くの場合、ダウンロード（およびアッ

ReactアプリまたはWebサイトを構築しているなら、プロトタイプで実際のReactコンポーネントを使うことをおすすめします。 その方法などについて、こちらの記事で詳しくご紹介していきます。 主なツール UXPin Me

Web開発のワークフローにデザインが どのように組み込まれるのかについては、常に議論に上がります。 例えば、デザイナーは「新しいオンボーディングフローを開発してアプリに組み込めませんか？そうすれば、コンバージョンが大幅に

React の絶大な人気と実用性は否定できません。長い間、ほとんどのWebデザインは CSS、HTML、JavaScript で構築されていましたが、Reactはその使いやすさで、多くのデベロッパーから愛されています。R

テクノロジーの世界では、常に最新のプログラムやアプリケーションを把握しておくことが重要です。サイトやアプリ、ゲームなどをいち早く提供させるために、ニーズに合った最適なコーディングを常に取り入れる必要があります。 コーディ

Web アプリケーションを一般公開したいと考えているなら、ぜひ本記事をご覧ください。本記事では、UXPin Merge を使って作成した ReactJS アプリをデプロイするための詳しい手順を説明します。 UXPin M

ダブルダイヤモンドのデザインプロセスは、問題の特定や、ソリューションの開発のために広く使われている方法論であり、この成果ベースのフレームワークは、核となる問題とエンドユーザーへの影響に焦点を当てながら、創造性と革新性を促

React の世界に飛び込む準備はできているけどローカルアプリケーションを立ち上げて実行する方法がわからない方には、本記事がピッタリです。新しく身につけたReactのスキルを披露したいと思っている新進のフロントエンドデベ

強固なバックエンド機能と柔軟でスタイリッシュなフロントエンドの両方が必要なWebアプリケーションを開発する場合、Laravel と Tailwind CSS は完璧な組み合わせになります。 Laravel で使える人気の

何百ものプログラミング言語がある中で、UX デザイナーやプロダクトデザイナーにとって、どれを理解してどれを学ぶべきなのかの判断が大変になることがあります。また、コードを学ぶのは UXデザイナーの仕事に欠かせないというわけ

コラボレーションはデザインのハンドオフの段階で終わるわけではありません。しかし、その後に何が起こるのかが議論されることはほとんどありません。ポルシェ、IBM、セールスフォースのような企業チームがどのようにコラボレーション