Modern blog design guidelines

In blog design It can be noted that the design of different components will be different. In this article, I’m going to break down these components into 9 parts if you pay much attention to each one. The overall blog that comes out will only look great.

Content Area
Primary Navigation
Secondary Navigation
Comments section (Comments)
Footer of the article (Post? S Footer)

1. Header
The header is what most visitors will see first. When entering your blog And it’s the most important part It’s the only thing to separate. Differentiate your blog from the millions of other blogs. It represents the identity of your blog for recognition. As mentioned, it shows why the header is the most important. Among the blog design processes Even people who don’t pay much attention to blog design. But he pays great attention to the header.

2. Content Area
The content is the part that readers or visitors. Will take the longest time to concentrate It is important to ensure that The content is easy to read and There should not be too much of a thing that distracts the reader’s attention. Another important thing is What needs to be structured well Most important to the least important

How to make the content design look good
Design the content structure that matters the most. To the least important, such as the title should be more prominent than links and text in bold.
The content design style must share the same function. There must be something similar, for example a link must have the same format, that is, it must be viewed and known that it is the same, not that one link is underlined. The other one made bold.
Defining a format or style for links Should make it stand out from the plain content It’s enough to grab the reader’s attention, but it shouldn’t be too prominent.

3. Primary Navigation
The main menu is a set of links that lead to a distinct area in a blog, typically located near the header. (In fact, you don’t have to put it here), but placing it close to the header is useful where Most visitors will expect the main menu to be around here.

How to make the main menu design look good
The number of links in the main menu section should not be too large. However, there is no fixed rule on how many links must be. But in general, it should not exceed 6-7 links.
Portions of the main menu should be reserved. Only links to the main page of other sections of the blog where the page can lead visitors to different subsections. Any (the secondary menu, sure enough) again.
Examples of the main menu that are commonly seen are: Contact: About us (about) Main Menu Features / Features Depends on How do you design your blog structure and what do you want your blog visitors to be interested in?

4.Secondary navigation
A secondary menu is a set of links that direct visitors to other subsections of the same scope of content (sections), typically in the form of a sidebar. Secondary menus are of no less importance. It provides readers with access to other blog subsections that the main menu doesn’t cover.

A good secondary menu should be a link to the article. That visitors click on the most Article series link (Multi-part article) or something else of interest that you want readers to easily reach.

How to make the secondary menu design look good
The principle is the same as the main menu design. That is, put only the necessary links
Separate the sub menu from the rest by using a different link format to help it look organized. (You know that this is a secondary menu. Not mixed with the content) easy to use
Do not include decorations such as small programs, such as calendars, into the secondary menu. Because it will make an eye mess and it still won’t help the visitor. Find what you want

5. Headlines
The title of each article is intended to grab the reader’s attention. And tantalizing it to read all the content in the end To do this Your title must be outstanding. Which can be done in a variety of ways

How To Make Your Headline Design Look Good
The easiest way is Color the title different from the body.
Use different fonts from the content. Serif fonts are generally used for headings and non-serif fonts on the body.
Title font size should not use similar font size. (Although slightly larger) because it makes it difficult for readers to distinguish which is the subject.
How to make your subject stand out from afar Can do by taking the date that the article was posted, put it in the same area as the subject
6. Comments section
Comment section It is an area where articles from readers / visitors are discussed. Designer duties Must be designed to make this area look like a conversation. By separating each opinion from each other Maybe by assigning a number to each comment. This also makes it easier to cite different opinions, that is, separate the owner’s opinion. Different from general opinion In order to separate where the readers’ comments have been answered or see if there are more comments or not

How to make the comment design look good
Separate each opinion from each other. The easiest way Achieved by using color And another way is Put them in different places, may use the frame to cover each part. Or use a separate line
Use colors and designs to name, commentary of chapter owners. They are slightly more prominent than the opinions of other visitors, but they should not differ radically.
Separate other information (name, date, order number of comments) from the comment section for easy identification.

7. Footer of article (Post? S Footer)
The footer of the article is between the bottom of the article. The last line and the comment section Often we don’t pay much attention to this. And I think it’s not important But the end of the article is also very valuable. Because it is the part that influences the visitor / reader. Go to other related articles or articles that matter.

How to make the footer design look good
This makes the article footer different from the content section. To let the reader know that these two parts are not the same. And also help make the article footer more prominent This technique is performed using different background colors.
First decide what to include in the bottom of this article. So you don’t have to do it and delete it and do it later, causing a waste of time.
The content that should be included in this section should have related posts to help readers navigate interesting topics similar to this subject.

8. Footer
The blog’s footer is where most people don’t take full advantage of it (just add copyright), but this section can include a secondary menu to reduce link congestion. In the secondary menu in the blog side.

When the reader comes across the footer of the blog, it is the reader’s time. Have finished reading the content or have finished reading the comments section. It’s a good time to feature other blog posts by placing a secondary menu in the footer of this blog.


How To Make Your Blog Footer Design Look Good
Designed so that the blog footer intersects with the blog content. To let the user know that as of now he is at the end of the blog.
Include as many links as you think your visitors would like to use. It should not be put on and put on hell, making it impossible for users to find what they want Things that should not be added, such as Recent Comments
Simple design doesn’t have to be too flashy. Focus on leveraging

9. Advertisements
Nowadays, many blogs put advertisements on their blogs. Thus making this part more important. Needs a sophisticated design In order not to make the blog look too lazy or In order not to obstruct the importance of the content

If visitors are exposed to lazy, improperly placed ads, they may tire your blog. Instead of getting paid for clicking on ads. He will never come back to block you again. So you should pay more attention to content than ads. If you design and place your ad properly