よりスムーズでインタラクティブな体験を提供する
プロトタイプをスムーズに作成
コミュニティのテンプレートや素材を活用して画面の構成を始められます。プロジェクトに合わせて内容を調整しましょう。
ワンストップのデザインツール
Pixsoは、画面のデザインとインタラクションの設定に必要な機能を備えています。UIの作成からプロトタイプの検証まで、同じファイルで進められます。
繰り返しの作業を減らす
共通のコンポーネントやスタイルを再利用し、ボタンや入力欄を繰り返し作成する手間を減らせます。
様々なインタラクションのニーズに応える
インタラクションのトリガー
クリック、タップ、キー入力などをきっかけに、画面遷移や動作を設定できます。操作から結果までの流れをプロトタイプで確認しましょう。
トランジションアニメーション
即時切り替え、ディゾルブ、プッシュなどの効果を使い、画面の切り替わり方を設定できます。表示時間も調整して、操作の意図が伝わる動きに仕上げましょう。
イージングの調整
イージングカーブを調整すると、アニメーションの速度変化を設定できます。一定の速度や、始まりと終わりがなめらかな動きを表現できます。
コラボレーション＆コミュニケーションがより効率的になる
リアルタイムのコラボレーション
画面の該当箇所にコメントを残し、デザイナーや企画担当者、開発者と意見を共有できます。レビュー内容をデザインと一緒に確認できます。
リンク共有でハンドオフ
ファイルのリンクを共有すると、設定した権限の範囲でデザインやプロトタイプを確認してもらえます。
チームプロジェクト管理
チームごとにプロジェクトとファイルを整理し、必要なメンバーと共有できます。画面の変更内容やレビューの指摘を同じ場所で管理しましょう。
画面設計から開発者への共有まで
忠実度の高いデザイン
レイアウト、文字、色、コンポーネントを組み合わせて画面を作成できます。プロトタイプで操作の流れを確認しながら、デザインを具体化しましょう。
開発者へのデザイン情報共有
開発者は選択した要素の寸法、間隔、色、コード情報を確認できます。必要な値をコピーし、実際の画面を実装するときに参照できます。
既存ファイルの取り込み
対応するデザインファイルを取り込み、既存の画面や素材を活用できます。代表的な画面から試すと、移行に必要な調整箇所を把握しやすくなります。
ワイヤーフレームの作成
様々なデバイスの標準サイズが組み込まれているため、スマートフォン、タブレット、パソコンなどのワイヤーフレームのサイズが選択できます。
スマート選択
複数のレイヤーを選択し、行や列に整列させたり、要素の間隔をそろえたりできます。
ブール演算
ブール演算は、形状のマージ、最上位レイヤーの減算、領域の交差、オーバーラップの除外などのグラフィックスのデザインをサポートします。
イベント トリガー
マウス、タッチ、キーボードのイベントを利用し、インタラクションを引き起こします。
画面遷移の設定
遷移先の画面や外部リンクを指定し、ユーザーが次に進む流れを設定できます。
ポップアップ設定
ポップアップやメニューをオーバーレイとして配置し、開閉する動作や背景の表示を設定できます。
プレビューと再生
プロトタイプのアニメーション効果とインタラクションイベントをプレビューでき、ユーザーのエクスペリエンスを向上させます。
バージョン履歴
作業の節目に名前を付けてバージョンを保存し、履歴から必要な状態に戻せます。
Pixsoでよりスムーズなデザイン、より効率的なコラボレーションが実現可能！
無料で始める
From UXデザイナー
「顧客がPixsoを使ってプロダクトを事前に体験することができ、自由にクリックして、予期しない問題を見つけることがよくあります。これにより、リスクを事前に管理し、プロダクトをより良く磨けます。」