随着博客变得越来越突出，社交媒体变得越来越视觉化，您可以为您的博客做的最有效和最具差异化的事情之一就是加入大型、非库存的英雄图像。
这种设计选择并非毫无道理。
以Intercom 的内部博客模板为例。虽然他们的特色图片看起来很大，以至于它压低了内容，但它也吸引了人们的眼球。
特色图片对讲机
在层次结构方面，它还在 媒体总监电子邮件数据库 页面顶部添加了一个很好的锚点，使用户可以轻松识别文章的开始位置并重新强调当前的主题。
虽然没有必要像Intercom那样大，但重要的是让您的特色图片尺寸足够大，以便它具有足够的视觉重量，从而从附近的元素中脱颖而出。
您可以随意调整布局。虽然 Intercom 等公司选择将图片宽度设为全宽，但Drift等其他公司则将文章标题与英雄区域的一半重叠，让正文文本出现在首屏上方。
精选图片漂移
这样可以更加平衡地关注英雄形象和标题，同时让用户更方便地立即开始阅读，而不是让他们先滚动才能看到文本。
4. 为博客内容设置窄网格
实现简洁有序设计的最简单方法之一就是利用网格系统。简而言之，“网格充当骨架或框架，设计师可以在其上以合理、易于吸收的方式组织图形元素”，正如维基百科所解释的那样。
这种技术已广泛应用于报纸和杂志的印刷版面，以提高阅读和吸收内容的效率。印刷媒体中的网格系统也可以根据媒体的布局而变化。
博客网格布局
近年来，该技术已应用于网站，以帮助实现响应式设计并为各种屏幕尺寸的用户提供一致的体验。
想象一下，您面前有一英寸的印刷纸，上面有一篇打印的文章。在当前状态下，阅读起来相当容易，但如果将纸张拉长到 18 英寸宽，会发生什么情况？对于大多数人来说，逐行阅读会变得更加困难。这就是为什么您会看到报纸和杂志采用更窄的栏格式。
这个想法也适用于博客。如果你的博客的网格宽度太大（尤其是对于大屏幕用户而言），将造成可读性问题。这有让他们迷失位置的风险，同时也会使你的内容看起来更短且间距尴尬。
由于绝大多数用户使用的显示器宽度为1300px 到 1400px（笔记本电脑尺寸），因此您的博客的网格宽度应在 900px 到 1100px 之间，其中 1024px 是理想的。
Helpscout是一家在其网站上做得很好的公司。请注意他们如何利用网格将博客内容保持在页面中间。通过限制内容可以出现的位置，他们避免了您必须左右滚动才能阅读。