Skip links

Web Design

Composition and Layout Grids in Web Designs

Composition and Layout Grids

Composition in any visual art (such as design, painting or photography) is the purposeful placement or arrangement of visual elements-line, shape, texture, value and color. For webpages, these concepts apply to how everything is organized on a page. Many designers use a grid structure to help them position items on a page, and the same is true for web designers. Many web designers use a grid called the 960 pixel grid. Essentially, it is 960 pixels wide with 12 equal sized columns of 60 pixels each and 20 pixels between each column.

Grabbing Viewer Interest and Maintaining It

Grabbing and Maintaining Viewer Interest

Usability studies have shown that visitors can judge a page in under a second, so it is important to let new visitors know that the site is relevant to them and their interests quickly. More importantly, make sure they know you are the company to work with or buy from.

Successful websites are like little pieces of art. They need to: be cohesive, tell your story, and interest the viewer.

Consistent Website Experiences

Screen Sizes, Resolution, Color and Fonts: Making your Website Consistent For Users

With all of the different forms of devices available, it’s important to make sure your webpage looks great no matter the size of the screen. When you are designing for print, you always know the size of the piece of paper that your design will be printed on. However, when it comes to designing for the web, you are faced with the unique challenge that different users will have different sized screens, such as smartphones, iPads, tablets, laptops and even 27”+ desktop monitors. These different sized screens show different amounts of information, so your design and formatting needs to be able to work on a range of different screen sizes. Make sure you thoroughly test your site’s view-ability on multiple devices. Ask friends and family to look at your site on multiple devices and make sure it’s visually pleasing and user friendly.

Simplicity and Design Across Generations

Simplicity and Design Across Generations

The most effective way to get readers to visit and stay on a website is to give them proper motivation, such as invoking emotion with stories and pictures.

Research has shown that the simpler the design, the better because the brain can only process so much information at at time. Too much information can overload it and cancel out understanding and retention. Consuming news and advertising involves receiving information, adding previously held knowledge for context and then storage of the new information. These all need to be kept in balance.

Backgrounds and Value

Backgrounds and Value: How to Create Rest and Depth

To avoid overwhelming the viewer on websites and marketing materials, it is important to give the viewer’s eye an area to rest, such as small empty spaces, appropriate spacing between text and photos and avoiding busy backgrounds. This will also help balance any energized or bright colors and photos, making the viewing experience comfortable. Furthermore, a variety of values will help more the viewers eye around your page, in and out of energetic and restful spaces.

A History of Color

A Brief History of Color and How We View It on Computers

Aristotle (384-322 BCE) attempted to explain the composition of colors and how they were related. Hue identification included white, black, red, yellow, brown, violet, green and blue. He assumed colors were derived from blending of sunlight, fire, light and lack of light in varying degrees.

Color Relationships: Use Color More Effectively

Color Relationships: How Can You Use Colors More Effectively?

When designing or re-evaluating your webpage or marketing visuals, it’s important to understand some key concepts of color theory. First, think about your business and/or products and their visual style or identity. Is there a color, theme or feeling that emerges? Explore this and once