Pixso 製品と Paico AI
デザインと共同作業
自然な言葉でデザインやアプリの UI を作成。
Pixso AI
何を作りますか？
AI コーディングツールと連携
デザインの情報をコードに活かし、キャンバスと開発をつなぎます。
デザインリソースを探す
学ぶ・使いこなす
開発・機能拡張
企業チームのためのデザインコラボレーション
UI/UXデザイン、プロダクトデザイン、デザインシステム、プロトタイピングの実践記事やチュートリアル、活用事例を紹介します。
ECサイトの返品手続きを例に、競合分析の範囲、比較する条件、記録する場面を整理。画面の好みで終わらせず、具体的な設計判断と提案につなげます。
日・週・月の選択、日付表示、グラフの結果が食い違わないUIを設計。即時反映と保存の違い、フォーカス、遅い応答への対応を具体例で学びます。
静止画では分からない動作を、六つの番号付き注釈で説明。予約画面を使い、注釈の内容・配置とプロトタイプやコメントの使い分けを学びます。
受取場所を選ぶボトムシートを題材に、検索中の表示、キーボード、選択の確定、キャンセル後の戻り方まで具体的に設計します。
個人が点数を選ぶ操作と、集計評価を読む体験を分けて設計。質問文、尺度、未選択、送信、平均と件数の見せ方をサポート評価の例で整理します。
メールと製品を行き来する確認コードの体験を設計。コード全体の貼り付け、送信先変更、再送と有効期限の違い、失敗時の復帰を具体例で整理します。
1日20〜200米ドルの機材レンタルを例に、つまみ、直接入力、適用済み条件を一致させる方法を解説。精度や入力エラーの扱いを見た目より先に整理します。
サービスデスクの同じ問い合わせを、広い一覧・詳細画面から狭い詳細画面へ。選択、フィルター、戻る位置、返信の下書きを保つ設計を具体化します。
4作品のポートフォリオを通して、順番に見る、直接選ぶ、一度見た作品へ戻る操作を設計。選択状態、フォーカス、両端の動き、狭い画面での配置を整理します。
編集者4人と閲覧者2人のチームに合うプランを選ぶ例で、課金単位、請求周期、比較表と選択後の画面をつなげます。
何を検索でき、候補を選ぶと何が起き、Enterで何を実行するのか。プロジェクトライブラリの事例で、デスクトップとモバイルをつなぐ検索バーの設計を考えます。
タブは手順の順番ではなく、同じ対象の関連する表示を切り替える仕組みです。プロジェクトを例に、選択とフォーカスの区別、下書きの保持、狭い画面での操作を整理します。
17ページ中2ページ目
新規作成
リソースコミュニティ
バージョン履歴
ご利用ガイド
