2023/04/11(火)

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

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

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

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

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

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

この記事に、ひとこと

記事を読んで感じたことや、ご意見・ご感想など、よろしければお聞かせください。

コメントを書く

コメントは確認後に公開します。個人情報の記入はお控えください。

夢彩図のご案内

夢彩図では、独自性や創造性を大切にしています。AIをはじめ、さまざまな技術が身近になる時代だからこそ、その人、その事業ならではの“らしさ”が、これまで以上に大切になると考えているからです。

そのような考えのもと、季節や色を通じて感性をひらく「季節のひと色」と、WEB・AI・デザインなどの話題を取り上げる「WEBトピックス」を随時配信しています。知性と感性、その両方を大切にしながら、夢彩図ならではのWEBのあり方を形にしています。

また、WEBサイト制作やカスタム機能制作、WEB編集室などを通じて、それぞれの事業が持つ価値や個性を、WEB上で伝わるかたちに整えるお手伝いもしています。

あなた自身、あるいは、あなたの事業の“らしさ”とは何でしょうか。

このようなコンテンツが、日々の情報収集や感性をひらくきっかけとして、また、ご自身や事業の“らしさ”について考えるきっかけのひとつになりましたら嬉しく思います。

小野貴子

この記事について

夢彩図 小野貴子です。

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

記事一覧へ戻る