Amazonで商品を見るセール会場へ

8の倍数の一覧(8〜2000)|早見表・見分け方とUIデザインでの使い方

8の倍数を小さい順に並べた一覧です。

8, 16, 24, 32, 40, 48, 56, 64, 72, 80 … と、8ずつ増えていきます。

この記事では2,000までを表にしています。

あわせて、ある数が8の倍数かどうかを暗算で見分ける方法も書きました。

目次

8の倍数の一覧(8〜1,000)

小さい順に並べています。太字は2のべき乗(8・16・32・64・128・256・512)です。

8162432404856647280
8896104112120128136144152160
168176184192200208216224232240
248256264272280288296304312320
328336344352360368376384392400
408416424432440448456464472480
488496504512520528536544552560
568576584592600608616624632640
648656664672680688696704712720
728736744752760768776784792800
808816824832840848856864872880
888896904912920928936944952960
9689769849921,000
8の倍数(8〜1,000)

8の倍数の一覧(1,008〜2,000)

1,0081,0161,0241,0321,0401,0481,0561,0641,0721,080
1,0881,0961,1041,1121,1201,1281,1361,1441,1521,160
1,1681,1761,1841,1921,2001,2081,2161,2241,2321,240
1,2481,2561,2641,2721,2801,2881,2961,3041,3121,320
1,3281,3361,3441,3521,3601,3681,3761,3841,3921,400
1,4081,4161,4241,4321,4401,4481,4561,4641,4721,480
1,4881,4961,5041,5121,5201,5281,5361,5441,5521,560
1,5681,5761,5841,5921,6001,6081,6161,6241,6321,640
1,6481,6561,6641,6721,6801,6881,6961,7041,7121,720
1,7281,7361,7441,7521,7601,7681,7761,7841,7921,800
1,8081,8161,8241,8321,8401,8481,8561,8641,8721,880
1,8881,8961,9041,9121,9201,9281,9361,9441,9521,960
1,9681,9761,9841,9922,000
8の倍数(1,008〜2,000)

2,000より大きい数は、次の見分け方で判定できます。

8の倍数かどうかの見分け方

下3桁が8で割り切れれば、その数は8の倍数です。

1,000が8で割り切れる(1000 ÷ 8 = 125)ので、それより上の桁は判定に関係しません。

たとえば7,344なら、下3桁の344を見ます。

  • 344 ÷ 8 = 43 で割り切れる → 7,344は8の倍数
  • 下3桁が000のとき(5,000など)も8の倍数
  • そもそも奇数は8の倍数になりません

下3桁が暗算しづらいときは、2で3回割れるかを見ても同じ結果になります。

8の倍数と4の倍数・16の倍数の関係

  • 8の倍数は、すべて2の倍数であり4の倍数でもある
  • 16の倍数は、すべて8の倍数(16, 32, 48, 64 …)
  • 8の倍数のうち16で割り切れないもの(8, 24, 40, 56 …)は16の倍数ではない

UIデザインで8の倍数を使う理由

Webやアプリの画面をつくるとき、余白やパーツのサイズを8の倍数でそろえる作り方があります。

540系(540px、720px、1080px)でUIを考える時、パーツのサイズを8の倍数にすると

パーツ、余白がすべて8の倍数になり、コントロールし易いです。なによりすぐに決断できる。

数字の候補が8の倍数だけに絞られるので、迷う時間が減ります。

実際によく使うのは、このあたりの値です。

用途よく使う値
要素同士の細かい余白8 / 16 / 24
ブロック間の余白32 / 40 / 48 / 64
セクション間の余白80 / 96 / 120
アイコン・ボタンの高さ24 / 32 / 40 / 48
コンテンツ幅720 / 960 / 1,080

540系(540px・720px・1,080px)で画面を考えるときとも相性がよく、数字がきれいに割り切れます。

デザイン用の早見表

表に2のべき乗、64の倍数、整数に色をつけています。

iPad(4:3)で表示する場合は横幅が960pxになるので、この画像の表はそこまでの数字にしています。

Figmaの基本機能はこちらにまとめています。

Figmaのほかの操作は、まとめからご覧いただけます。

まとめ

  • 8の倍数は 8, 16, 24, 32, 40, 48 … と8ずつ増える
  • 下3桁が8で割り切れれば8の倍数。それより上の桁は関係ない
  • 16の倍数はすべて8の倍数。逆は成り立たない
  • UIデザインでは余白とサイズを8の倍数にそろえると、迷わず決められる

サービス

Service

デザイン制作に関心がありましたら、ぜひ詳細をご覧ください。

Figma の学習に使える本と、作業が捗る機材

Figma は無料で始められる分、体系立てて学ぶ機会が少ないツールです。UI設計の考え方ごと押さえられる本を選びました。

Figma と UI デザインを学べる本

\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ
\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ
\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ

作業が捗る機材

\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ
\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ

選び方をもっと詳しく

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次