デザインに関するリソース、うんちくが学べるサイト

アプリの要素は８の倍数ルールでデザインする。

こちらのブログに詳しいです。

Yuya Kinoshita

 

54 Users

252 Pockets

8の倍数ルールでデザインする理由とメリット・デメリット | Yuya Kinoshita

https://yuyakinoshita.com/blog/2019/02/10/design-by-multiple-of-8/#toc-1

デザインする際に意識している8の倍数ルールについての記事です。Webサイトやアプリなどスクリーン用のデザインの際には、基本的に要素の大きさを8の倍数ピクセルで設計しています。 ここでいう要素とは、コンテンツ幅、ボタンの大…

なぜ８の倍数なのか？ざっとまとめるとこのような感じです。

• 8の倍数で設計することで端数が発生しにくく、コンテンツのレイアウトや余白の秩序が維持しやすくなり、コーディングが進めやすくなるため。
• 多くのデバイスの基準となる解像度に8の倍数が用いられており、汎用的なスクリーンサイズの基準に合わせやすいため。

８の倍数ルールは、コンテンツ幅、ボタンの大きさ、余白の大きさ、バナーの大きさ、メインビジュアルの大きさなど、サイズ指定が必要なほぼ全て要素を指します。