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