: Are there any specific composition rules for web design? Are there any composition rules specific to web design, or that are otherwise elevated in importance in the context of web design? There

@Alves566

When you design about composition it is good to learn from the classic graphic design info that you can find about print (for example Typography, Grids, Kerning, White-Space, Golden Ratio). They will give you a correct linearity and order that you need in order to design "whatever".

The difficulties in web design is that nothing it is displayed in the same way. This depend from multiple factors: size of monitor, resolution, calibration of colors, operative system, browsers, devices (PC or a mobile), text resize, dynamic pages with ever changing content, forms elements, etc...

Your task it is to know about this differences and not fight against it (like many do is called the pre-concept of print design, people expect that what develop has to be the same for every media), but embrace it and adapt everyone of them in a good looking design even if with differences.

Do not forget that in the web concepts like hyperlink, infinite canvas, permalink, interaction flows (like studying about information architecture and usability), accessibility, web standards, bandwidth, and SEO are really important. You can imagine that behind each word that I used there are tons of books and website specialised to any of this things, do not panic. If you want to start from somewhere, please start from this book:

Taking your Talent to the web by Jeffrey Zeldman (a prominent figure in the web standard nowadays).

Vote Up Vote Down

@Nimeshi706

NOTE: this answer was added in 2011. Much has changed since then, but most of these recommendations still hold true. —Mike

You can think of web design the same way you think of poster design (in most cases). You have a short period of time to engage a user, deliver the message and hook them in to spending more time to find out the details of your site. That's the biggest difference between designing for the web any anything else.

As far as composition, your canvas will need to adapt to screen sizes from 320px wide to 2100px wide, which may call for completely different designs based on how much content can fit. These are some rules of thumb, but it really depends on your audience.

You will also need to consider how your audience is viewing your site. A site rendered in Internet Explorer may not have the same qualities as the latest version of Safari or Chrome. You will have to decide how your design will gracefully degrade to comply with these older browsers.

As far as type faces and sizes, you shouldn't go below 9px in any instance, with body text not falling below 12px, though the user has the ability to change this on their end. Font families are the norm on most sites. Even if you use TypeKit (font embedding), you still need to define a set of typefaces that everyone has as a fallback, e.g. Times New Roman or Georgia. See: www.awayback.com/revised-font-stack/
Finally, you have to consider the interaction a user will have with the site. What will be their gut reaction when visiting the site? For example, make sure your primary navigation is able to be easily differentiated from other elements and looks and feels like a navigation. Also, the page identity is usually found in the top left, but as long as it's near the top you should be fine.

There are millions of other things to consider before even starting to think of the design, but I hope those are a few that can help get you started.

Vote Up Vote Down