All posts about
Visual design

Reusable divisions of space: Grids and modular design

If it has structure, it can be modular.

“Grids follow the same principle of modularity we’ve been considering the last few weeks. In some ways that seems obvious given the terminology modular grids. In other ways though it isn’t quite as obvious that they’re the same thing. However, when you think about how grids divide space and make it easier for us to make layout decisions, I think the modularity of grids falls right in line with the reusable modularity of components and design patterns. They separate concerns, by dividing the space into modular units. The characteristics of these modular units are reusable and through reuse help us more efficiently place information. Finally, the structure of these units in the grid leads to greater consistency in how content is organized.”

(Steven Bradley a.k.a. @vangogh ~ VanSeoDesign)

Information Surfacing: Communicating through Design

Manipulate user engagement? Direct user behavior would be better.

“Information surfacing is to interaction designers what information hierarchy is to graphic designers. (…) Conceptual models are nothing new, but often become unintentionally obfuscated during the design processes. The design team, often dazed and confused, struggles to figure out why the product is now cluttered and unintuitive. A design thinking method I call ‘information surfacing’ helps to remedy this problem. Information surfacing involves the prioritization of UI elements with an intent to manipulate user engagement.”

(Ernest Volnyansky a.k.a. @ernestvo ~ UX Booth)

Online Graphic Design Degree

Great set of resources all things graphics.

“Graphic Design undertakes the task of translating messages intended for specific audiences through visual communication. Such communication uses various outlets including typography, visual arts, page layout, and Web displays to effectively represent the message of a company, product, or brand. (…) Consider the following resources as you make your way in graphic design. Whether you are a student or teacher, just starting out in your career or simply looking for new information in this exciting field, these articles and resources will assist as you climb the ladder to success.”

Interaction Design Tactics For Visual Designers

It keeps coming back to the idea of ‘know the material you work with’.

“Interaction design is a multi-faceted discipline that links static communications together to form an experience. Understanding the basic principles of this discipline is core to designing websites that are not only aesthetically pleasing but that actually solve business problems and bring delight to their users. This article just scratches the surface of interaction design. For Web designers of any kind, considering these fundamentals when designing any transaction or interaction is imperative.”

(Jeff Gothelf a.k.a. @jboogie ~ Smashing Magazine)

Lost in translation: Bridging the gap between interaction and visual design

Interaction design deals with the behavorial dimension; visual design with the perceptual dimension of the user.

“Interaction designers and visual designers bring something different yet complementary to the table. If you can combine these in a pragmatic way it will enhance the final result and perhaps drive better innovation.”

(Adeline Salkeld-Blears a.k.a. @webdesigngirl ~ OptimalUsability)
courtesy of fredbeecher

The Fold Exists but Does it Matter?

Paradigms from paper technology (like ‘The Page’) are deeply rooted in our minds.

“Content decisions should be driving the design of each page. As people scan the page, they are looking for content that seems relevant. Following this information scent should lead them below the fold if that is where their target content exists.”

(Emily Smith a.k.a. @emilysmith ~ Design Festival)
courtesy of ronderksen

Visual Designers Are Just As Important As UX Designers

Always thought perception was an integral part of feeding the experience.

“Conceptually I believe you can break design into tangible and abstract activities. Tangible design typically draws on the artistic skills of the designer and results in some kind of visually pleasing artefact. This is what most people imagine when they think of design and it covers graphic design, typography and visual identity.”

(Andy Budd a.k.a. @andybudd ~ Blogography)

A Richer Canvas

“Grid system design should begin with a constraint. Something that is knowable and unchangeable. This constraint is used to build the modules of your grid. In book design, that constraint is defined by the page through subdivision. Book designers take the page, divide it up into a modular grid of spaces. These spaces (called modules) are then combined to create rows and columns. These are then filled with content (images and text). The text feels like it belongs because the columns are related to the physical object: the page. (…) Embrace the fluidity of the web. Design layouts and systems that can cope to whatever environment they may find themselves in. But the only way we can do any of this is to shed ways of thinking that have been shackles around our necks. They’re holding us back. Start designing from the content out, rather than the canvas in.” (Mark Boulton)

Design Principles for Visual Communication

“Visual communication via diagrams, sketches, charts, photographs, video, and animation is fundamental to the process of exploring concepts and disseminating information. The most-effective visualizations capitalize on the human facility for processing visual information, thereby improving comprehension, memory, and inference. Such visualizations help analysts quickly find patterns lurking within large data sets and help audiences quickly understand complex ideas.” (Maneesh Agrawala, Wilmot Li, and Floraine Berthouzoz ~ CACM)

Design to Read

“Many people do not read easily. They may have a visual problem or dyslexia. They may have not have had opportunities to learn to read, or be reading in stressful conditions or poor light, or perhaps they are reading in a second language. Is it possible to provide one consistent set of guidelines or approaches that will allow designers to meet all the apparently diverse needs of these people? Or are there compromises to be made?” (About Design to Read)

A unified approach to visual and interaction design

“Unfortunately, my observation has been that even when all of the right people are involved, more often than not, the various design disciplines opt to compartmentalize the problem. In other words, they divide the project into an interaction design problem, a visual design problem, and an industrial design problem. Each of these problems is then tackled separately, and the resulting individual design solutions get bolted together at the end. It’s a Tower of Babel situation, where huge opportunities are lost because the team fails to work together to come up with an innovative product solution and to employ a single, unified design language.” (Nate FortinCooper Journal)

SpoolCast: Visual Design for the Non-Designer

“What can a non-designer do to harness the power of visual design without calling professional help? Quite a lot, says internationally-regarded visual designer Dan Rubin. We called Dan to talk about what design techniques are accessible to mere mortals. He also gave us a preview of his day-long workshop for non-designers at our User Interface 14 Conference, this November.” (Jared Spool – UIE)