0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

ポートフォリオ作成記録②(画面遷移図編)

Last updated at Posted at 2021-03-14

前回の記事の続きです作成記録①はこちら

画面遷移図作成

今回は各画面の大まかなレイアウトを画面に落とし込みました。

ツールはこちらのサイトを参考に決定。

私はAdobeXDを採用。理由としては下記3つです。

・共有が簡単
・無料で使える
・デザイナーさん達もよく使っている(らしい)

さっそくXDを覚えるため本を買ったのですが、、全く使っていません。笑

画面遷移図作成に当たって最低限必要な操作はYouTubeの初心者用の講座で何とかなりました。

・参考にした動画(合計時間:20分)

デザイナー志望の方であれば足りないですが、エンジニア志望の方が使うにはリンクの動画の内容で充分だと思います。

ちなみに私が作成した画面遷移図がこれ
スクリーンショット 2021-03-15 0.39.08.png

これは良くないですね。笑
プロジェクトだったらチームで画面遷移図は共有すると思いますが、これだと作成した本人以外どうなってるのかがわかりずらい…
一応、矢印はボタンを押した時にどこの画面に遷移するのかを示しています。

こちらに関しては実装後に要修正。
後半日記みたいになってしまいました。
今回はこれで終わりです。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?