![見出し画像](https://assets.st-note.com/production/uploads/images/97132671/rectangle_large_type_2_191e5456bf2811768b1d2bc76893a954.png?width=1200)
UIを作るときには線を引こう
とにもかくにもガイドラインを引こう
どうしてガイドラインを引くのか
・グルーピングされた情報ごとにサイズ比率を決めることで、優先度順に明確に伝えられる
・等倍で管理された統一感のあるビジュアルになる
・等倍で管理された方がエンジニアさんが作業しやすい
ガイドラインを引くコツ
・サービス内での倍数を決める
←例えば全て「8の倍数」とか。
どうやって引くのか
Figmaの場合は、
「グリッド」もしくは「カラム」。
注意することは、いずれも「フレーム」ではないと引けないこと。
また、「カラム」の場合は「マージン」を設定できる。
この記事が気に入ったらサポートをしてみませんか?