59分割ヤバイ｜深津 貴之 (fladdict)

こばかなさんと、グリッド分割の話をしてるときに出たネタなのだけど。 グリッドの59分割ヤバイよねぇというお話。 画面を59分割すると、様々な比率で端数がでない。汎用的なグリッド分割できて素敵。個人的にはnoteで図表を描く時は、 ・幅620px ・天地左右マージン15px ・グリッド59分割 10pxを意識すると、色々と便利だと思う。 これ全部、ピクセルパーフェクトに分割できる。 1分割 = 590px grid 2分割 = 290px grid 3分割 = 190px grid 4分割 = 140px grid 5分割 = 110px grid 6分割 = 90px grid 8分割 = 65px grid （厳密には10の倍数でないので△） 10分割 = 50px grid 12分割 = 40px grid 15分割 = 30px grid 20分割 = 20px grid 24分割

[inamem9999]

それでも6枚くらい開いたところで小林亜星か浅井慎平が正解する

[b-zou3]

17分割がヤバいことなら知ってるけど……。

[ikusana]

一応こういった画面分割の考え方は昔からあって「Gerstner grid」で検索すると色々出てきます。

[mizoguche]

1時間が60分なのはいろんな数字で割り切れるからという話があったのを思い出した

[hasegawatomoki]

これは60分割だな…。こないだの「乗り越し」みたいなモヤり感。

[benridane111]

それだったら60の16倍の960 Grid Systemもなかなかヤバイ。

[nijitaro]

要は右の10pxを削った60分割ってことか。

[Kil]

60が約数を多く持っている、というだけの話だった。

[minaminoani]

象印クイズ ヒントでピントかな？

[kijtra]

60や72や84とかは約数が多いからそれ基準にすれば良いんだけど、画面パディングを考慮すると1つ減らした方がいいってことだろうね。

[d4-1977]

グリッドシステムの話

[UDONCHAN]

ある

[gaudere]

布教もなにも、当たり前だから皆わざわざ言わないのでは？

[Knoa]

ほらすごい、だけじゃなくて、数学的な説明をしてくれよぉ。

[oktnzm]

算数としては"(横のグリッド数N-(横のコマ数X-1))÷X"でXが任意の時なるべく答が整数になるパターンが割と多いのはNが59の時ってことね。6分割まで考えるとNは2～6の最小公倍数-1だから59が自然と求まるね！

[miyagaa-38]

#ssss

[yoshihiroueda]

ここまで自由度が高いと整然としたレイアウトが崩れるリスクが高い。

[onesplat]

あ、おっぱい大きい人だ

[modoroso]

ピクセルデザインの話か

[marmot1123]

ブコメが混乱している。余白を含めたWebのデザインの話だと60じゃなくて59が良いというお話っぽい。

[FlowerLounge]

これには16分割の女王中島梓もニッコリ

[yug1224]

59?🤔

[honeybe]

斜め読みでよくわからなかったがExcel方眼紙最強って話？(違

[toomuchpopcorn]

10 pxの余白を考慮に入れているので、ちょっと複雑。｜わかりやすい600ではなくて、そこから10引いた590がよい。｜それより大きい数だと、900ではなく890、1200ではなく1190、1800ではなく1790がやばい数っぽい。

[yuno001]

59分割の意味が途中でわかってヤバさがわかった。

[Nyoho]

30に約数が多いという話?

[ai_gaminglife]

月姫の感想記事かと

[tecepe]

16分割クイズといえば浅井慎平さんの独断場だな。

[otchy210]

現実的に 30 分割とか登場する機会がなさそうなので、12 カラムのグリッドシステムくらいで普通は十分だし、そこから離れて奇をてらった事をしたいなら、専用で書いたらいいと思ってしまった。

[sifue]

これはすごいなー。初めて知った。

[vndn]

横方向の余白を予め削った30分割で、余白が最小グリッドと同じサイズなので59分割に見えるのか。

[kote2kote2]

レベル高すぎてよくわからない

[nissax]

いいか

[otoan52]

3桁の分割数のもあったと思うけど。

[lli]

ポイントは60という美しい数な

[mangakoji]

つまり60分割のこと？

[taraijpn]

最小公倍数(2,3,4,5,6,8,10,12,15,20,24,25,30) = 600 だから 600px から始まるのかなーと思ったら全く違う話だった

[lainof]

59分割した場合が書かれてない59分割とは