タグ

ブックマーク / note.com/shnoe (1)

  • アプリ開発における画面遷移図の作成方法|Sho

    事業計画ツール、LPと作成してきたのでより具体的なイメージを作成するためにアプリケーションの画面遷移図を作成します。 色々なツールがありますが、個人的に一番簡単なもの(draw.io)を説明します。 目的から考える画面遷移図を作る目的 ・ページごとに作成することで全体のイメージが作れる ・仲間との意識の共有ができる ・各ページの関係性・機能を明確化することで抜け漏れを防ぐ などがあります。加えて、どこまでやるか ①画面遷移図でデザインまで考える ②画面遷移図ではイメージ共有に止める どちらにするかにより、使うソフトが変わります。 ①画面遷移図でデザインまで考える場合 方法はadobe XDなど有名なもの含めて色々ありますが、無料の範囲内ではfigmaがオススメだそうです。 上記のような綺麗なデザインと共に、アプリのイメージを作ることができます。作成後にCSS(デザイン用のコード)に変換する

    アプリ開発における画面遷移図の作成方法|Sho
  • 1