2023/04/11(火)

レスポンシブデザインと柔軟なあり方

スライダーのレイアウト調整に少々手間取っていました。今は、デバイスごとに自動的にレイアウトが変わるレスポンシブデザインが主流なので、どのデバイスでも最適に表示されることを目指してつくり込みます。

これは、一度つくってしまうと管理はラクなのですが、一昔前のように1ピクセル単位でデザインを固定することができないので、ある意味デザイナー泣かせの制作手法といえるかもしれません。

そのようなわけで、ウィンドウを大きくしたり小さくしたり、時々スマートフォンやノートPCなどの実機で確認したりしながら、微調整しつつつくり込んでいました。

幸い?どのデバイスでも及第点、あとはスライダーのナビゲーション部分(Pagerの点々)をスマホで消せばOK(その方がスッキリ洗練して見えるので)というところまで進みましたので、ひとまずホッとしています。

今は時代の変わり目、価値観なども大きく変わりつつあるので、柔軟な考え方や在り方が大切だと感じますが、WEBの世界も様々なデバイスに対応できる柔軟性が大切なのでしょう。
「レスポンシブデザインと柔軟なあり方」に掲載している画像
小野貴子

この記事について

夢彩図 小野貴子です。

ホームページ制作のことや、日々の制作の中で感じたことをブログ形式で綴っています。

記事一覧へ戻る