どうも！岩崎です！

前回に引き続き・・・

「FM課 モダンUIへの旅」

を、やっていきましょう！

前回はカラーパレットを決めましたね。
次は、ある程度レイアウトのパーツを先に作ってしまいましょう。

こんなもんでしょうか？
テキスト、フィールドなどは基本として、ポータルなども事前に作っておきました。

あとはスタイルを保存して、使い回せるので、今後は書式をいじらなくて済みそうです！

さて、まずはモバイルのiPhoneのフォームレイアウトを作成していきましょう。
最近のアプリ、webの傾向から、下罫線のみの入力欄が流行っているようですね。

こんな感じでしょうか。

うん！極めて”モダン”ですね。
右側のアイコンはボタンを透過して設置しています。
中には編集できないフィールドもあるので、これがあると、編集できるできないがぱっと判断がつくのでいいですねぇ！
連動させて右側のアイコンも明るいアイコン色にしたいですが、それは難しそうです。

ちょっと作り込んでみましょう。

こんな感じでしょうか！？
商品はうちにある綾鷹を登録してみました。
いい感じですねぇ〜〜〜！

ではまた次回！次はPC版フォームを作ってみましょう。