Kelley Gordon is a former NN/G employee who published widely-used guidance on visual design, design specs and the designer-developer relationship, and the fundamentals of UI components including buttons, icons, and grids.
Avoid disorganized files, late dev collaboration, unclear updates, scattered conversations, and assumptions over communication during spec’ing to ensure smoother implementation.
A design system is a complete set of standards intended to manage design at scale, while a style guide is a piece of documentation that provides specific style guidance.
Breakpoints determine when a webpage may adjust to different layouts. They help designers (and developers) maintain layout consistency across multiple screen sizes, orientations, and devices.
Design systems are a set of standards (like Google’s Material Design or IBM’s Carbon Design System) needed to manage design at scale. Style guides (like content or visual style guides) are just one piece in a design system.
Whitespace is an effective principle to achieve a balanced design, making it easier for your users to scan and read. Consider using a consistent spacing system and the proximity principle to achieve a balanced use of whitespace.
Breakpoints determine when a webpage may adjust to different layouts. They help designers (and developers) maintain layout consistency across multiple screen sizes, orientations, and devices.
There are 5 common mistakes junior designers make. They focus on the look instead of usability, commit type crimes, work outside of design systems, lack confidence when presenting their designs, and ask for feedback too often.
