twitterアカウントによるログインページ、ログイン後の設定ページのデザインを考える

[YoshikiEguchi]

・ページ内に必要なパーツ：

ログインページ：twitterアカウント入力欄、パスワード入力欄
設定ページ：通知のON/OFF切り替えボタン

・モバイル端末で見ても大丈夫なデザインだとうれしいです

[ysoeno]

[login]こんな感じで、入力増えたら資格の中に項目増やすようなイメージでどうでしょうか。

色はなんとなく緑よりに揃えましたが、キャラクター決まったらそっちに寄せたいです。

[ysoeno]

設定ページ。
余分なものもいろいろ含まれますが、
PBIの項目全部乗ったらどうなるかで考えました。
通知のオンオフは左のエリアに持たせるようなイメージです。

取り敢えず右のエリアなしで
オンオフ機能をキャラクターで表示させ
項目が増えるまでど真ん中に配置でどうでしょうか。

[YoshikiEguchi]

ファンシーな感じでいいですね！

ただ、デザインを左右で分けるレイアウトにすると、モバイル端末で見たときどうか、という問題はあります。Bootstrap使うと、レスポンシブデザインになって画面狭い端末だと縦に積み上げるレイアウトにしてくれると思いますが。余裕があればチャレンジを検討してみましょうか。

あと、とりあえずの話は通知ど真ん中でいいと思います。