Going beyond speakers

Going beyond speakers

Going beyond the boundaries of the columns. Web Designer Knowledge Base
alt
Michael CEO&Founder


Printed 2012-10-20

First of all, you don’t have to think that going out of any element beyond the column boundary is a disaster. Columns can be combined in a completely arbitrary way: you can place a block in two columns, in three and so on (example). There is also freedom inside the column: for example, an object can be placed in the center of a block of three columns (example) - anyway, some symmetry will remain and the layout will be neat. 

Don't be afraid and let some elements go outside the column border. The requirement of "getting into columns" refers to the text (with the exception of external elements such as dashes and quotation marks example). It refers to graphics, except for some light borders or remote icons (example). 

In general, information should be tied to columns, but there is also some freedom. However, when creating an adaptive website design , elements that go beyond the boundaries of the columns should be carefully monitored: when rebuilding blocks depending on the screen size, there may be problems with these elements. 


More about meshes in design:

Why do I need a mesh
Going beyond the boundaries of the columns
Density rule
Grid and mood
Adaptive Grid for Bootstrap
Formula for the grid
Method: if the grid fails

Our services

Latest works:

«We coordinated the design for a long time with the central office in the USA, but as a result, everything was accepted. It is good that our contractors did their best at the photo shoot and at the design stage! »
Karina Khusainova (Google, Associate Product Marketing Manager).
«The second iteration was much better. The issues uncovered after the first design sprint were completely sorted out, so basically I'm pretty satisfied with the website development process »
Eduard Gafarov (Founder and director of the weapons company EdGun). The thing was to accompany the huge spare parts catalogue with selected premium goods and develop a solid website