Please use it frequently. Use short, easy to scan paragraphs, and use lists every time they help users digest information easily. For quick visualization, use a graph that preserves the statement. Spread the image throughout the blog to slow down the scanning effect. Consider including images in your blog because people are becoming more visual. The study found that, compared with 10% of articles without pictures, 65% of articles with pictures (longer memory). The
Male uses the original face as the visual signal, and the face has a great impact on the position that visitors see on the blog page. According to the position of the face, people tend to pay attention to specific elements on the page. The following websites provide more opportunities to use these effects and test their blog design effects. Source blog design: whether to add a background image depends on whether you add a background image on the blog page. But the background image has some shortcomings in blog design. Blog identities may be confusing, but not necessarily (images may be too common). Image size can be detrimental to blog load speed. Further confirmation must be performed. That is, whether the image is suitable for the response of PC and mobile devices. It is safest to use a white background to highlight the content and draw attention to the article. The
Sidehustenation Com example: very useful for blog design: reading time estimation \/ progress bar additional progress bar can show how much time users have left before reading the article. Therefore, this blog design element is not only recommended for ease of use. Viewing all articles is a given task that readers must complete. The estimated reading time or progress bar measures the time required to complete the reading process and where the process is read within a specific time period. Therefore, it is recommended to add the expected reading time on all post pages of the blog. A more elegant solution progress bar allows you to visually browse and make full use of articles. The
If the font size recommended in the normal text designed by the source blog is for a large number of users, the font size of the normal text is the same. Make sure your blog has a high readability score. Text cannot be less than 14 pixels. In fact, 16 pixels should be the best font size. Smaller font size has a great impact on the toxicity of text directly related to vision (older people need larger text, but young people also like larger text values). Another option is to set the font size to a percentage instead of a fixed value. Therefore, the text size will be adjusted according to different screen resolutions and different browser displays. The
In blog design, the distance between characters should be carefully selected according to the font typesetting style (page title, subtitle or simple text) selected for the best character spacing text. Word press themes can easily adjust character spacing based on the appearance and readability criteria displayed on the page. To test the appropriate character spacing (also known as character spacing in web page design), you can use this tool. Bad cheating vs. good cheating golden ratio typesetting golden ratio typesetting is a simple system that helps to maintain a perfect ratio of all text elements used on blog pages. This tool allows you to view how text appears in headings and paragraphs. The
After you enter the font bar, default font size, and content width, you can view a sample of the text appearance. In order to optimize the toxicity of paragraph length, it is better to adjust the paragraph length to make it easier for users to read
. In blog design, the best paragraph length is considered to be between 17-20 words. In the example text above (displayed by the golden ratio typesetting calculator), the paragraph length is a 700 pixel (approximately 16 words) value. Align text left (do not set text to align) it is not recommended to use aligned text on blog pages. This is because sometimes the text aligned on both sides will have gaps that are not suitable for viewing. Therefore, the readability is poor and the page is not clear. Adjust the text to the left instead of male. This sort type provides a better opportunity to follow the natural language flow, scan or read the entire text. How many gaps are there in blog design? Blank space (also known as negative space) plays an important role in blog design. It can guide the attention to specific parts of the blog page, and support the proximity principle of blog design (from the perspective of enhancing the proximity between elements). Source this is an example of negative space in the workplace (if the negative space is not white). For negative space, please use it generously. Consider that blog design requires both active and manual spaces. Active spaces are used to draw users’ attention to specific elements in the blog. Passive spaces are used to balance, coordinate, and comfort users scanning blog pages. The placement of social buttons in blog design needs to be further considered when it is integrated into blog design. Place at the beginning of the article too early for the reader to take action and start sharing content. Similarly, placing a social button at the end of an article may indicate that the reader took action and shared too late after the reading operation was completed. Instead, it is placed as follows: Online with post – the user is captured during reading, so it is more likely to press the share button. Or print bar – when the user scrolls down the page, the social media button will be included in the left print bar and moved with the article. Therefore, users will focus on the topic to the greatest extent, so they prefer to share articles. The following is an example of the first suggested placement. Make it easier to subscribe to the source code, which is where the design and function are combined. Catch readers who want to see more blog posts. Put the subscription form in a prominent place so that they can easily follow your blog activities. Here is lilistravelplans. Com to encourage readers to subscribe to more articles. Male adhere to the simple design from the source to avoid confusion. The general principle that should be followed when defining blog design is to create a clean blog and avoid embarrassing factors such as banners, pop-up and crowded sidebars. Simplify your blog design as much as possible, including only the elements you need. A good example of simple blog design: androg open source browsing style – if you choose to keep the blog design with simple menu as a minimalist, you should also choose the browsing menu. The menu must contain the category of the blog and help readers browse within the blog page. Generally speaking, don’t go too far. Create original menus. Keep it simple, stick to the classic design, and fully meet the functional standards. Here is an example of a blog menu that you definitely like. One of the latest trends in promoting blog layout through the latest templates is grid based layout. Help to bring simple design to the blog. You can also easily search for the topics that readers are most interested in. The recommended image provides a wonderful visual representation of the article. Brit How co uses these layouts: Male details that induce readers to produce specific effects the unique title picture of all blog posts is used to add a specific title picture to all blog posts
You can choose to set the recommended image. If you use WordPress, you can find this option in the editor interface. The unique title image of each post page clearly represents the unique content of the blog post. Add specific colors and designs to the page and act as a branding element for the article. Creating a resume section for bloggers \/ authors it is important to create a dedicated resume section for bloggers. A few words to the author of the blog post will increase the reliability and authenticity of the blog content. In this section, you can innovate as needed and communicate to readers how you want to know them correctly through design. For example, legal nomads. Com develops the information part into the whole blog post. The best content of popular posts and pillar content blogs should be displayed. To do this, consider including popular posts and pillar content on the blog home page. Blog design needs to import the best content in advance. This is the cafe elite. Com invites readers to browse the ways of delicious recipes. There is no additional customization, so you can focus on creating attractive content instead of adding customization to your blog design. Therefore, your blog is unique in the content you produce. Let readers participate more in the content (text, image, video), and it is possible to better communicate with readers. 10 blogs jungalow. COM is a blog that makes good use of video and color. The biological part can be seen on the front page. Due to the pictures, it is completely suitable for mixing and matching images. Male witanddelight Com fully adapts to scanning behavior. White space spreads on the blog page, providing readers with time to read, be witty and have fun. Male quintessenceblog COM is very special. It features a background image that highlights the blog. In addition, the color scheme is a wise combination of complementary colors, including blue and orange. Male camillestyles Com adopts grid style layout and beautiful fonts (Georgia, serif), so it has the highest level of design. Male tipswithtykes Com uses many active negative spaces, which play an important role in better highlighting the visual effects (in this case, rich images). Male mariakilliam Com displays images and colors in front. Vision plays a role in guiding participation from the moment when it attracts readers’ attention and visits the blog for the first time. Male retouchist Net is an excellent blog with grid style layout. In addition, the social media icon \
