The line between back-end and front-end programming is not always distinct. Many times programmers have to make design decisions on the fly. This guide is intended to help avoid the worst transgressions. As with all rules, there are exceptions—but leave those up to the professional designers.
A few years back I had the sublime pleasure of seeing Massimo Vignelli speak at a design conference. I snapped this photo with my phone when his definition of graphic design came up on the screen. Vignelli passed away this year, so it’s a good time to reflect on his career. You have seen his work— from his New York City subway map, to the classic American Airlines logo, to his melamine dinnerware for Heller. You can view some of his designs on Pinterest.READ MORE
White space—or more accurately, negative space—is an important part of any design. READ MORE
Think of the grid as the design’s skeleton; you can’t see it, but it gives structure to what you do see. The majority of publication and web designers arrange type and images on a grid. The viewer doesn’t see the grid lines, but can see evidence of them in the rows and columns throughout.
What do all of the most memorable and beloved designs have in common? It’s not just innovation, creativity, or simplicity alone. Whatever it is can’t be distilled down to only one factor. Matthew May (fastcodesign.com) writes that the key to excellent design may be described by seven principles inspired by Zen Buddhism. These principles, which he names “the shibumi seven,” pinpoint those elements that can’t fully be described by one English word.READ MORE
Shape communicates on flat surfaces and in three dimensional spaces. Shapes do not exist by themselves; they have color, texture, transparency, scale, and perhaps patterns and motion. Beyond the basic shapes described here is a lot of room for complexity and interaction. This is to get you started thinking about shape.READ MORE
When you have more than one thing grouped together, keep them parallel. A simple example: in a list of actions, use the same verb tense for each. In a more complicated work such as a movie or novel, parallelism helps the audience know how diverse characters and timelines relate to each other. In the visual arts, parallel elements have the same weight or color. Parallelism is a unifying concept that tells the audience what elements are congruent.