The Transition

Design inspiration of old lead visual designers down a path using mood boards to convey design elements to clients. They represented the step before actually making comp level design decisions. Mood boards allowed clients to see the design vision through textures and color selections organized in one place. The only fault in the concept is the actual board, as it does not give a valid glimpse of how element relationships could be solved. That is where style tiles come in. Style tiles take the concept of generating several design ideas quickly for clients, and adds the relationships of elements within a design.

The Added Benefits

The relationship between elements extend well into the visual design that the designer and front-end developer can use to create the skin of the site or application. Clients can use the style tile to help the designer sculpt the look and feel they desire for the project. Using a combination of textures, icons, logos and content containers in the style tile will aid in an easier adopted comp and design direction for the project.

I have included a few style tiles I have created to convey site and application designs for clients. I have been able to rapidly iterate on them and then transition the approved looks into actual design comps and style guides.