Pixso 製品と Paico AI
デザインと共同作業
自然な言葉でデザインやアプリの UI を作成。
Pixso AI
何を作りますか？
AI コーディングツールと連携
デザインの情報をコードに活かし、キャンバスと開発をつなぎます。
デザインリソースを探す
学ぶ・使いこなす
開発・機能拡張
企業チームのためのデザインコラボレーション
Pixsoの実践的なデザイン記事、チュートリアル、活用事例をご覧ください。
カードの最小幅、サイドバー、余白からレイアウトの切り替え幅を計算し、境界の前後で使いやすさを確かめます。
ワークショップの予約を例に、選択部品の違い、未選択の扱い、ラベルとエラー表示を整理し、回答しやすいフォームを設計します。
プロジェクトカードを例に、8・16・24pxの間隔で情報のまとまりを伝える方法と、例外や狭い画面への対応を解説します。
予約できる時間、選択中、入力エラー、予約完了を色以外でも伝える設計方法を紹介。09:00・10:30・11:00の具体例で、一連の操作と状態を確認します。
コーヒー教室の写真を横長・正方形・モバイルで使う例から、残す被写体、別の構図が必要な場面、文字の読みやすさを考えます。
ECサイトの返品手続きを例に、競合分析の範囲、比較する条件、記録する場面を整理。画面の好みで終わらせず、具体的な設計判断と提案につなげます。
日・週・月の選択、日付表示、グラフの結果が食い違わないUIを設計。即時反映と保存の違い、フォーカス、遅い応答への対応を具体例で学びます。
静止画では分からない動作を、六つの番号付き注釈で説明。予約画面を使い、注釈の内容・配置とプロトタイプやコメントの使い分けを学びます。
受取場所を選ぶボトムシートを題材に、検索中の表示、キーボード、選択の確定、キャンセル後の戻り方まで具体的に設計します。
個人が点数を選ぶ操作と、集計評価を読む体験を分けて設計。質問文、尺度、未選択、送信、平均と件数の見せ方をサポート評価の例で整理します。
メールと製品を行き来する確認コードの体験を設計。コード全体の貼り付け、送信先変更、再送と有効期限の違い、失敗時の復帰を具体例で整理します。
1日20〜200米ドルの機材レンタルを例に、つまみ、直接入力、適用済み条件を一致させる方法を解説。精度や入力エラーの扱いを見た目より先に整理します。
15ページ中2ページ
新規作成
リソースコミュニティ
バージョン履歴
ご利用ガイド
