Items of Interest

Collecting amazing and interesting things on the web.

Page 37

24 ways: Design Systems

December 16, 2012

design / responsive design

A visual design system is built out of the core components of typography, layout, shape or form, and colour. When considering the design of a whole product, a design system should also include patterns in user flow, content strategy, copy, and tone of voice. These concepts, design decisions or rules, created around the core components are used consistently across your product to create a cohesive feel, whether it’s from one element to another, page to page, or viewport width to viewport width.

Responsive design is one of the most important considerations in the components of a design system. For each component, you must decide what will unite the design across the viewports to maintain that consistent feel, and what parts of the design will differentiate in order to provide a flexible and optimal experience for different viewport sizes.

24 ways: A Harder-Working Class

December 16, 2012

css / design

Class is only becoming more important. Focusing on its original definition as an attribute for grouping (or classifying) as well as linking HTML to CSS, recent front-end development practices are emphasizing class as a vessel for structured, modularized style packages. These patterns reduce the need for repetitive declarations that can seriously bloat file sizes, and instil human-readable understanding of how the interface, layout, and aesthetics are constructed.

24 ways: Redesigning the Media Query

December 13, 2012

css / design / responsive design / sass

Thinking in columns means you are thinking about content layout. How big of a screen do you need for 12 columns? Who cares? Having Sass write media queries means you can use intuitive numbers for content layout. A fixed grid means more layout control and less edge cases to test than a fluid grid. Using CSS labels for activating responsive images means you don’t have to duplicate breakpoints across separations of concern.

The UX Chameleon and Its Multidisciplinary Skin – UX Booth | UX Booth

December 12, 2012

design / kickoff / planning / user experience

Among the many disciplines involved in the creation and development of a product or service, user experience design is the one of the few that relates to everyone. The UX designer, then, is often asked to create deliverables that help the entire team visualize what is being built. This level of adaptation is normally something for which only chameleons are renowned.

Idan Gazit · Designing Presentations

December 8, 2012

presentations

It’s important to note that this is a scenario with no secondary goals. If you’re presenting, your goal is to engage your audience and inception some ideas into their heads while you have their precious, precious attention. Beauty is a means to that end, not a goal.