忍者ブログ

【移転】うちのこまとめ運営ブログ

「うちのこまとめ」にご興味をお待ちいただきありがとうございます。今後、同サイトに関する情報は、 https://blog.5thfloor.co.jp/ に掲載していく予定です。

サイトはこちら: うちの子まとめβ

PC向け・モバイル向けデザインの改修

ずっっっと気になってた、メニューなどのインターフェイスなどの改善をしました。

PC向けの画面はこんな感じ。



PC向けはヘッダ固定にするのをやめました。なんか最初はおしゃれかな~って思ってたんですが、キャラの情報を表示できる領域を狭めちゃうのが微妙だと思うようになったので、スクロールしたら消えるようにしました。

その他いろんなところに散らばってたメニューをヘッダに集めて、自分がどのページにいるかわかりやすくしてみました。

モバイル向けはこんな感じ。



こっちはヘッダ(だけど下部に表示!ヘッダなのにー!!)は固定しつつ、透過させるのをやめてパフォーマンスをちょっと改善しました。コンテンツ領域をなるべく広く取るため、メニューもボタンを押して表示する形式に。

なんかすごい時間かかっちゃったけど完成してよかったー!何か問題あれば @uchinoko_beta ご指摘ください('∇`

機能追加もがんばるーーっ(`・ω・
PR

コメント