3 Design Layouts: Gutenberg Diagram, Z-Pattern, And F-Pattern

Several layout patterns are often recommended to take advantage of how people scan or read through a design. 3 of the more common are the Gutenberg diagram, the z-pattern layout, and the f-pattern layout.
Continue reading

Counterpart and Counterpoint in Typographic Hierarchy

Visual design is an information delivery system and the smoother that delivery, the better the design. One of the strongest tools we have to facilitate information deliver is hierarchy. Visual hierarchy helps ensure that your most important information is seen first and that viewers are able to take in the amount of information they want quickly and easily.
Continue reading

23 Examples Of Active Space In Web Design and Logos

About a month ago I posted how to activate space in a design. The post explained the difference between passive and active space and offered reasons why active space was important as well as how to create more active space in your designs. What that post lacked was real world examples using active space. This post aims to correct that failing.
Continue reading

Why Craigslist Has A Near Perfect Design…For Craigslist

Yes, the Craigslist site is ugly. It will never win any design awards. Phrases like eye sore come to mind when looking at it. Many a designer has offered up thoughts on how to improve it by presenting a redesign, some of which are truly beautiful. However I think the existing Craigslist design is perfectly fine for what Craigslist the site is and I’ll explain why in this post.
Continue reading

Do You Know Why Validating Your Code Is Important?

One of the discussions that arises from time to time in web development circles is that of validating your code. Some will insist your pages need to validate 100% and others will tell you it’s not even worth checking as long as your pages work. Will people care if your pages don’t validate? Will search engines care? How important is code validation?
Continue reading

css.php