[Sponsor] 「WordPressを仕事に活かしたい」方のための
PHP・WordPress講座を渋谷で開催!
けーた2019/09/24 15:17

なぜUIデザインでは8倍の数が使われているのでしょうか?

普段何気なく8倍の数を使っていますが、なぜ8なのでしょうか?

回答

  • asagiri2019/09/30 22:46

    多くのデバイス、ディスプレイは8の倍数で出来ているためです。

    8では無理なミクロなUIコンポーネントは、4の倍数(4, 12など)などでも良しとするルールで行うとデザインに柔軟性が出ます。

    結果的には今まで通り、例外も理由があれば許容しながら固執せずに「何気なく8の倍数」というルールで良いかと思います。

    個人的には $size_1: 4px $size_2: 8px $size_3: 12px ... などでやや抽象化してSassで変数化しておき、後から「やっぱり全体的に余白詰めて!」などの変更も1分で対応出来るように備えも考えて実装していっています。

    上下の余白に関しては慣習的に5の倍数のパターンが多いですね。そこは実装者もデザイナーもよくすり合わせる必要がありますね。

    参照記事:
    https://ameblo.jp/ca-1pixel/entry-11837685575.html

回答する

新規登録してログインすると質問にコメントがつけられます