UIデザインの流れ¶

UIデザインの流れを簡単に説明します。

• 画面レイアウト を指定します。

• 基本的な画面レイアウトの方法を確認します。
• 「テーマ」を利用し、画面構成のパーツを組み合わせた画面レイアウトを行います。

• body 部分 を作成します。

• まずは、UIモジュール にどんな部品があるかを確認します。
• 初めに 画面タイトル を作成します。
• 戻るやイベントを配置する ツールバー を作成します。
• コンテンツエリア を作成します。

• 見出し にて、画面をセクションごとに分けます。
• テーブル にて、表のルールを確認し、配置します。
• 入力フォーム にて、部品ごとのルールを確認し、配置します。
• ボタン にて、種類や画面ごとのルールを確認し、配置します。
• 処理リンク／処理アイコン にて、の種類やルールを確認し、配置します。
• アラートとコンファーム の表示方法やルールを確認、表示します。

• 作成した画面を 画面遷移 の規約を確認し、実装します。
• エラー処理 を確認します。
• 入力項目の国際化を行う場合は、 国際化情報入力項目 を確認します。