oli ingram

Digital Designer at Thin Martian Joined almost 8 years ago

  • 4 stories
  • 36 comments
  • 135 upvotes
  • Posted to What is your process for setting up typography and spacing systems when starting a new project?, Aug 18, 2020

    Personally, for most of the recent large projjects i've been involved in which require building a large design system from scratch here's what i've done:

    I used either an 8pt or 4pt grid system. Meaning all components heights are multiples of 8.

    Most atomic components such as buttons have 3 different sizes; large(40px height) Medium(32px height) Small(24px height)

    Other larger components are also using multiples of 8 so that the smaller components then fit in them and create other 4pt divisible margins between them; so if I put a 24px button into a 32px table row I have 4px margin either side of the component.

    I create a typographic scale using one of the many type scale calculators out there. Using something like a 1.333 scale ratio (what scale to use is dependant on the product and what type sizes we would need)

    I then set the line heights to be multiples of 8 or 4 so that type fits evenly into the components and creates equal, predictable margins and paddings around other elements.

    I then throw this all out the window when the developers implement it and just make up padding values and use flexbox.

    :D Only joking, the above has worked for me more or less, but certain things like the line height thing is more useful for figma than in actual development where you probably just want to set the line height to a percentage or em value.

    https://www.designsystems.com/ probably has some of the best articles on these sort of things. But interested to see what other people say

    0 points
  • Posted to What do you use to gather visual inspiration?, in reply to Yulen Fernandez , Apr 01, 2020

    yeah came here to say this. I've not looked back since getting it.

    1 point
  • Posted to Why Radio Buttons and Checkboxes Can’t Co-Exist, Mar 31, 2020

    I feel like every week there's an article on DN telling us that we shouldn't use a well established and validated pattern. These mainly feel like clickbait headlines because they're shocking and use loss aversion to make us fear we're missing something.

    Not cooool, as others have said this article has little substance or validity.

    0 points
  • Posted to Is there bias between dark mode vs light based on Gender?, Mar 27, 2020

    Very intersting question. I've always felt like men have a more favourable disposition to dark mode than women but it's purely annecdotal and subjective so would be interested to know if there's any data to back it up.

    1 point
  • Posted to Simple Tips Of Designing A Professional Website, Feb 21, 2020

    Considering this is a forum largely for web and digital designers, this is a dumb ass post.

    0 points
  • Posted to Top ECommerce Development Company in New York, Feb 10, 2020

    What a bullshit post.

    0 points
Load more comments