Pixso 製品と Paico AI
デザインと共同作業
自然な言葉でデザインやアプリの UI を作成。
Pixso AI
何を作りますか?
AI コーディングツールと連携
デザインの情報をコードに活かし、キャンバスと開発をつなぎます。
デザインリソースを探す
学ぶ・使いこなす
開発・機能拡張
企業チームのためのデザインコラボレーション
UI/UXデザイン、プロダクトデザイン、デザインシステム、プロトタイピングの実践記事やチュートリアル、活用事例を紹介します。
世界観と操作性を両立するゲームUIの基本に、回復薬を選んでプレイへ戻る実例を追加。体力・所持数の変化と入力方法ごとの操作を具体化します。
デザインシステムを作る前に目的と利用者を定め、コンポーネントとルールを公開し、変更をレビューする運用ループを組み立てます。
カラム・ガター・余白の基本から、商品カードで使う列幅の計算へ。デスクトップとモバイルの中間幅や長い文言でも崩れない設計を考えます。
プロトタイプの目的を先に定義し、操作の再現、レビュー、引き継ぎ、モバイル確認まで同じ課題で比較する実践ガイドです。
XD既存ユーザーのための機能索引。画面編集、部品、プロトタイプ、共有、視覚効果と開発への引き渡しの範囲を整理します。
Pixso、Figma、Sketch、Adobe XDの制作環境と共同作業を比較。InVision Studioの旧データの扱いも整理し、チームに合うツールを選ぶ方法を紹介します。
5つの基本原則を商品ページの具体的な状態と結び付け、見た目の好みだけに頼らず使いやすさを検討します。
WebサイトのUIとUXの違い、画面幅や情報の優先順位の考え方を解説。コーヒー豆の商品ページを例に設計を進め、Pixsoなど5つの制作ツールを用途で比較します。
Figmaからの移行を判断するために、代表ファイルの検証、チーム運用、費用、導入後の確認項目を整理します。
UI/UXデザインで使う基本用語90個を解説。画面の要素、プロトタイプ、ユーザー調査、アクセシビリティなど、制作とチームの会話で役立つ意味を確認できます。
画面の見た目から操作状態まで、UIデザイナーが決めることを配送先変更の例で紹介。仕事内容と成果物、UXとの分担、学習の始め方を整理します。
17ページ中16ページ目
新規作成
リソースコミュニティ
バージョン履歴
ご利用ガイド