Pixso 製品と Paico AI
デザインと共同作業
自然な言葉でデザインやアプリの UI を作成。
Pixso AI
何を作りますか？
AI コーディングツールと連携
デザインの情報をコードに活かし、キャンバスと開発をつなぎます。
デザインリソースを探す
学ぶ・使いこなす
開発・機能拡張
企業チームのためのデザインコラボレーション
Pixsoの実践的なデザイン記事、チュートリアル、活用事例をご覧ください。
サービスデスクの同じ問い合わせを、広い一覧・詳細画面から狭い詳細画面へ。選択、フィルター、戻る位置、返信の下書きを保つ設計を具体化します。
4作品のポートフォリオを通して、順番に見る、直接選ぶ、一度見た作品へ戻る操作を設計。選択状態、フォーカス、両端の動き、狭い画面での配置を整理します。
編集者4人と閲覧者2人のチームに合うプランを選ぶ例で、課金単位、請求周期、比較表と選択後の画面をつなげます。
何を検索でき、候補を選ぶと何が起き、Enterで何を実行するのか。プロジェクトライブラリの事例で、デスクトップとモバイルをつなぐ検索バーの設計を考えます。
タブは手順の順番ではなく、同じ対象の関連する表示を切り替える仕組みです。プロジェクトを例に、選択とフォーカスの区別、下書きの保持、狭い画面での操作を整理します。
メールの依頼、期限切れや使用済みリンク、新しいパスワードの設定、ログインへの復帰まで。ワークスペースの一つの事例を通して、画面ごとの案内文と判断のポイントを整理します。
コンテンツカードの優先順位、パターン選択、レスポンシブレイアウト、読み込み中・空・エラー状態を設計する実践ガイドです。
対象との関係、配置、操作の頻度とリスク、レスポンシブな代替、キーボード経路、復旧までを扱うコンテキストメニューUXの実践ガイドです。
既知の項目を探す、一覧を比較する、フィードを発見するなど、利用者の仕事に合わせて読み込みパターンを選ぶ実践ガイドです。
Pixsoで縦長の予約ページを作り、スクロール方向と固定ヘッダーを設定します。表示領域、末尾の余白、入れ子のスクロール、よくある不具合を具体例で確認します。
備品配送フォームの一例を通じて、セレクト、検索付きコンボボックス、ラジオボタン、アクションメニューの選び方と具体的な表示・動作を設計します。
購入画面の三つの操作を例に、ボタンの優先順位、ラベル、操作領域、レスポンシブなサイズ調整と状態表示を具体的に設計します。
15ページ中3ページ
新規作成
リソースコミュニティ
バージョン履歴
ご利用ガイド
