Tips and tricks

5 tips for a beginner layout designer

website 3374825 1920

Suppose you want to become a website layout designer & want to create a website layout design yourself then. These tips for layout designers can help you on your journey to blogging.

Very often, the layout is not considered programming at all or is considered fake programming. This opinion can be formed from ignorance or misunderstanding of the possibilities and tasks of the layout. Just like in music, from just seven notes, both Beethoven's fifth symphony and the song "Oh my God, what a man" can be obtained.

In my opinion, a layout design is also a programmer, with his own specialization, his own tasks, and difficulties. The layout is both easy and difficult.

Cross-browser compatibility and the already hated Internet Explorer 8, the task of supporting a large number of different devices, as well as the need to provide for many possible options for combining content blocks, take into account the designer's flaws or sometimes even convince him if he is wrong - all this falls on the shoulders of the layout designer.

At the same time, layout, like any other programmer's task, is fascinating and exciting. Thinking over and making the layout of the site is like solving a Rubik's cube.

Now a few tips.

Analyze the layout before typesetting.

Put in your time calculation from 1 to 3 hours, depending on the complexity. It's not too late to talk to the designer if you notice different margins for the same elements or the layout of elements is not on the grid, or ask for advice, which will allow you to make the layout more versatile and resistant to content changes.

5 tips for a beginner layout designer

DRY principle - Do not Repeat Yourself

Well, just for yourself, if you highlight general patterns, you will avoid repetition of yourself.

Google is our everything.

I often get questions from students. Basically, to search for an answer, I open Google, write a question, and give the first or second link. Rarely is a question something difficult to find and can only be understood with experience? I never regret answering a question and giving a link from Google. But what happens after the end of the course? Feel free to google it!

Unfortunately (or fortunately), the most relevant answers are in English-language articles and resources. I think this is not a secret for anyone, and all IT specialists know English in one way or another. If you don't know, it makes sense to tighten up. It won't be easy in the IT field without this.

Read blogs, news, diaries of professionals.

5 tips for a beginner layout designer

Continuing tip number 2: Search and read blogs and front-end news. It's always helpful. I try to read an article every day.

From what I read constantly:


Leia Vera blogs,

Harry Roberts blog,

A list apart magazine,

CSS-Tricks site.

Practice, practice, and more practice

If you take free beautiful PSD templates and make up a few, it will be both good practice and a good option for a portfolio if there are not (or not so many) real projects in your arsenal yet.

Readable and maintainable code

Often, your code will change, refine, and live its own life. Try to make an unknown life to you, but for sure, an excellent programmer easier and more pleasant - make sure that your code is easy to read and does not contain any bells and whistles that only you understand.

Let's summarize

Analyze the layout before typesetting.

Search the internet for answers to your questions.

Read blogs, news, diaries of professionals.


Write a clear code.

Leave a Reply

Your email address will not be published. Required fields are marked *