WebアプリのUI / UXデザインに適したチュートリアルは何ですか？
私はWebアプリを構築していますが、私はデザイナーではないため、軽量なCSSフレームワークを使用して、さまざまなUI要素の基本的なスタイルと構造を提供しています。ただし、私は通常、優れたUXを提供するためにWebアプリを構築する方法に苦労しています。
私は「web app ux design」（および「ui design」）をググったが、ほとんどの結果は、ウェブ「アプリ」ではなくウェブ「サイト」のデザインについて語っている。たとえば、主な焦点はデザインの原則にあるようです。色/コントラスト、視覚的階層、間隔など。必要なのは、一般的なアプリのレイアウト、ハブとスポークのパターン、ナビゲーション、サイドバー/メニュー、概念/データモデルとページ/画面の関係、役割ベースの機能などです。レコードとリスト/テーブル、バルクアクション、ページセクション/レイアウト、カード、モーダルダイアログ、ページ内アクション、単純なページ内操作と複雑なデータ入力（マルチステップウィザード）のフォームデザインなどを記録します。
そのようなチュートリアルやガイドはどこにありますか？オンラインコースが利用可能な場合は、その費用を支払ってもかまいません。
テクノロジーに応じて、使用可能なライブラリやビジュアルシステムがたくさんあります。次に例を示します。
- ヒューマンインターフェイスガイドライン- https://developer.Apple.com/design/human-interface-guidelines/
- マテリアルデザイン- https://material.io/design/
また、UIライブラリも用意されています。まず、使用することをお勧めします。
- https://semantic-ui.com/
- https://material-ui.com/
- https://designrevision.com/react-component-libraries/
デザインの経験がない場合は、無料のコンポーネントを使用して、システム全体を作成できます。
さまざまな戦略と方法論がありますが、私の経験と直感がプロジェクトの全体像を発展させ、最初にすべてのページ/相互作用のアーキテクチャと構造を作成しました。
したがって、最初にスコープ、モジュールを定義してから、後で詳細を定義する価値があります。
純粋なデザインの美学に関しては、たくさんの良いプロジェクトを見なければなりません。
チュートリアルの場合この記事にアクセスできます。
https://uxdesign.cc/ultimate-start-guide-for-beginner-ux-ui-designer-b848be089589
私はこれを数分前に読みましたが、それは初心者のための知識の良いリポジトリです。
また、Steve SchogerのリファクタリングUI作業をチェックすることをお勧めします。 https://refactoringui.com/
彼はたくさんの面白いビデオをユーチューブに載せています。