Pixso 製品と Paico AI
デザインと共同作業
自然な言葉でデザインやアプリの UI を作成。
Pixso AI
何を作りますか？
AI コーディングツールと連携
デザインの情報をコードに活かし、キャンバスと開発をつなぎます。
デザインリソースを探す
学ぶ・使いこなす
開発・機能拡張
企業チームのためのデザインコラボレーション
Pixsoの実践的なデザイン記事、チュートリアル、活用事例をご覧ください。
テイクアウト注文を題材に、利用者の目的と画面、エラー、完了状態をつなぐアプリデザインの手順を説明します。
予約カードを題材に、構成・見た目・操作を分けて考えるモックアップの作り方を解説。通常、満席、入力不足の状態と日本語の長い文章まで確認します。
「防水ジャケット」を探す流れを例に、検索語句と条件を保ちながら絞り込み・探し直しができる検索UIを設計。Pixsoで画面と遷移を組み立てる方法も紹介します。
iOSのUIに見られるスクロールや画面遷移の動きから、操作を伝える考え方を解説。UIキットを選び、画面とプロトタイプを作る際の注意点も紹介します。
グローバルナビゲーション、パンくずリスト、ページネーションなど8つの種類を解説。分類、ラベル、現在地の表示を整え、目的の情報にたどり着きやすいWebサイトを設計します。
ワイヤーフレームやプロトタイプとの違いも解説！
ヘッダーの役割、メニューの優先順位、検索の置き方を解説。オンライン書店を例に、画面幅、メニュー開閉、文字の拡大を考え、Pixsoで設計案を比較します。
製品探し、料金確認、返却方法の確認を例に、サイト共通メニューの分類と名称を決定。スマホやキーボードでの動作も含めて設計します。
検索欄と候補を並べるだけでは、検索画面は完成しません。家具を探す具体例から、何を検索したか、どの条件が有効か、次に何を直せるかが伝わる画面構成を考えます。
15ページ中12ページ
新規作成
リソースコミュニティ
バージョン履歴
ご利用ガイド
