Layout Blog

Blog Layout

We will start things off by creating a solid foundation on which to build our blog. Layout and Screening of Blogs We will start things off by creating a sound base on which to base our blog. We' ll first create fundamental layout for our key pages and create a raster to help us remain coherent. Layout serves as the base for determining the layout and the necessary components.

We have already opted for a general structuring in "Structuring a blog". Snap grids help you position items across pages in a consistent way. In addition, we know that we will later use a grass system when we develop the front-end, so it makes all the more sense for us to redefine a grass in advance.

Touching only the surfaces of lattice structures, we want to urge you to excavate more deeply. It' s great to know about gratings because you can put that information to almost anything that has to do with layout and design: As our layout is quite easy, we can opt for a 12-column standard raster.

A lot of grids are set to 6, 12 or 18 column by standard. This is because these figures are multiple of 3 and 4, offering flexible placement and distribution of items on the site. Mesh construction is a part of the site concept as well. It is best to begin to delve more deeply into the raster after having a clear grasp of the overall layout and layout of the website.

There will be 12 colums in our original raster, a width of 960 px, 44 px and 40 px (the distance between the columns). In order to guarantee further consistence and rhythms in the distribution of our panels we use a basic perpendicular raster, also known as series. It is the consistent treatment of the spaces between the different components that is called perpendicular cadence.

Find out more about Compose to a vertical rhythms by Richard Rutter. To simplify matters, no changes are made to the designs of different screens in this course. As we have designed a fairly straightforward layout and the frame that we will use later allows us to use liquid gratings, we will make the necessary adaptations spontaneously as we later develop the front end of the website.

Mehr zum Thema