なぜUIデザインでは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

  なるほど （6）