誰でも分かる！画面遷移図の書き方！ | 株式会社ナディア(Nadia)
誰でも分かる！画面遷移図の書き方！ こんにちは、営業と進行管理を担当している加藤です。 今回は、Webサイトやシステム開発に必要な画面遷移図の書き方についてエントリーします。 画面遷移図とは WebサイトやWebシステムが実現する画面の流れを表す図表です。業務の流れやシステムの一連の操作に沿って、画面の位置付けと流れをフロー図形式で 表現します。画面設計を行う際に必ず必要になる成果物です。 構成要素 画面遷移図の構成要素は、詳細に行うと多くの要素が必要になってしまうのですが、最低限記述しておいた方が良いポイントをお教えします。 画面ID／画面名 画面を一意に識別する識別子です。画面一覧や画面レイアウトなどの照合に利用します 遷移矢線 画面の順序関係を矢線で記述します。交錯しないように配置します ボタン名（イベント） 画面遷移を起こすトリガーを記述します。通常であれば、ボタン名を記述しておけ
『デザインは8の倍数でできている』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか？」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ（サイズ）を指します。 【第１部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作 W3G
新着記事
