Introduction to the 8 Point Grid (medium.com)
almost 7 years ago from Elliot Dahl, Product Design Leader
almost 7 years ago from Elliot Dahl, Product Design Leader
TIP: If you're designing in sketch, you can tweak nudge settings (Arrow keys / Shift+Arrow keys) to move by 8px using:
For the Stable version:
defaults write ~/Library/Preferences/com.bohemiancoding.sketch3.plist nudgeDistanceSmall -float 2.0 defaults write ~/Library/Preferences/com.bohemiancoding.sketch3.plist nudgeDistanceBig -float 8.0
For the Beta version:
defaults write com.bohemiancoding.sketch3.beta nudgeDistanceSmall -float 2.0 defaults write com.bohemiancoding.sketch3.beta nudgeDistanceBig -float 8.0
I love you.
Vertical alignment sounds great on paper, but in reality becomes very hard to maintain.
Especially when dealing with scaling (user generated) content areas and responsiveness.
I've been using 8x based vertical scaling for years. Works well, because you can easier translate it into code.
I find a 1px grid gives the most flexibility.
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now