UI上でのグルーピング
なにかコンテンツをグルーピングしたいと思ったとき
こういう順序で試してみる
margin, 余白を使う
できればこれでやりたい
/mrsekut-book-refactor-ui/082 (Avoid ambiguous spacing)
shadowを付ける
borderを付ける
(感覚だが)大きめのComponentに分けられるな、というものはborderを付けてみる
付けてみて、鬱陶しいなと感じたら消すなど
例えばScrapboxの検索候補
https://gyazo.com/e2700bd8f4279e793d0bbbb7a46060ae
これらのアイテムもComponent感あるけど、ここにborderが入ったら邪魔そう
/mrsekut-book-refactor-ui/205 (Use fewer borders)
安易にborderを使わない
UI考えるときにグルーピングのためにborderをつけるのは負けみたいな気持ちが常にあるmrsekut.icon
背景色を付ける
安易に背景色を付けると「クリックできそう」に見えてしまうことがある
クリックできるものは、クリックできそうな見た目にするの逆
色に依存させない
https://www.refactoringui.com/#:~:text=Design%20with%20tactics%2C%20not%20talent.