1.使用令人印象深刻的图像

　　一个能震撼人的形象，总能在第一时间给人留下好印象。无论是选择照片、视频、动画还是其他“艺术”元素，每个网站的第一屏内容都应该包含用户能够理解和记忆的图像。

　　第一屏不仅仅是一张漂亮的图片，它是页面上所有内容的入口，甚至可能在内容的设计上更深入。

　　单一的图像是一个很好的开始，但是你必须结合其他元素才能真正充分利用内容。可能出现在第一个屏幕上的其他元素包括：

　　文字或标题；

　　Logo或品牌标识；

　　按钮或呼叫动作元素；

　　导航元素；

　　搜索

　　在图像的选择上，尽量选择清晰、高分辨率的图像，在设计上给予文字或按钮等其他元素大量的对比。人们更喜欢看到实质性的东西，比如品牌，用户更喜欢看到带有模特角色的图像，所以如果可能的话，你可以考虑给人们展示你的产品或者服务。

　　2.合并导航元素

　　没有理由认为第一屏的内容和导航是两个独立的元素。事实上，它们通常是同一视觉概念的一部分。无论你喜欢完整的菜单导航还是汉堡导航这样的隐藏弹出导航，导航元素都应该是第一个屏幕计划的一部分。

　　当您考虑头部和导航时，请考虑跟随或合并导航模式。即使用户离开主导航，也可以通过这些元素快速找到站点的其他入口，而不影响任何视觉或功能。

　　导航元素在第一个屏幕上播放的某些功能可能是意外的。因为这些表达通常是小文本或图标，它可以帮助在第一个屏幕中建立层次结构，并向用户展示如何与设计交互。

　　3.创建唯一的消息模式

　　仅仅在第一个屏幕上显示一个美丽的图像是不够的。你需要让用户知道它在说什么或者它携带了什么信息。

　　你需要充分考虑第一批信息如何与用户建立联系和沟通渠道。

　　它能告诉他们下一步做什么吗，或者他们能从页面内容中得到他们期望的吗？

　　是否所有元素都传达了一个简单统一的信息？

　　能否引导用户在页面上采取行动？或者点击哪里进入下一步？

　　确保在构建网站设计的第一个屏幕内容时结合多种元素，以一条信息创造整体效果。

　　4.使用超大的排版字体

　　比常用字体更大的字体是增加标题视觉表现的好方法。即使这些单词可能是简单的位置标识符，使用粗体大字体可以帮助用户在开始阅读其他信息之前注意这些内容。虽然排版可能会有一些困难和差异，但尽量坚持两种基本的排版方法：

　　与在其他页面上使用这种技术相比，我们更喜欢在首页使用它。其实很简单。首页负责印象，内页负责内容。

　　为了保持页面的统一性和风格，有必要在其他页面上有一个一致但简单的视觉元素。

　　5.考虑阅读模式

　　根据尼尔森诺曼小组的研究，在网站上阅读通常遵循三种不同的眼球运动模式。然后，对这些阅读模式进行调整，解释用户阅读时注意的任务。简单来说，这是可视化过程中相关部分的分组。

　　这两项研究对于用户查看和消化内容非常重要，因为它们可以帮助你理解在网站设计中，尤其是第一页中，元素或内容应该如何放置以及放置在哪里。

　　首先你可以思考一下这些基本模式：

　　F模式：用户首先会阅读顶部的内容，然后是页面中间的内容，最后在F模式下垂直向下。

　　古腾堡图模式：阅读从左到右分为四个活跃区。从左到右，有两个横停，然后从右上角到左下角。

　　Z模式：眼球的运动从左到右、从上到下来回移动，形成多个Z形阅读路径。

　　按照上面的阅读模式，你在考虑放置元素(尤其是关键元素)的时候，也要考虑如何刺激用户有最强的与他们互动的可能性。然后根据用户刚刚消化的内容和相关操作，思考用户最有可能看到下一步的地方。

　　6.包括可点击的元素

　　你的第一个屏保是交互式的吗？是否包含可点击的元素来鼓励用户参与这些话题？

　　标题可以是调用动作按钮的最佳位置，也可以是一个简单的操作，比如邮件地址收集表单。但是，不要放太多可点击或可触发的元素，只有一个简单的单个动作元素才能在这个网页设计中发挥作用。

　　不确定标题应该包含哪些元素。考虑在整个设计中使用一致的按钮(很像导航)。体验按钮、购物车按钮或者其他用户最容易使用的按钮都是不错的选择。

　　7.使用简单的图层

　　如何将上述所有元素聚合到第一屏内容中？诀窍是通过简单的分层。最好的第一屏设计往往看起来很简单。它遵循设计理论的规则，使用主导元素来吸引用户，帮助他们实现可执行的目标。

　　分层对象是实现这一点的一种方式。简单的分层不仅可以帮助您为每个元素创建不同的空间，还可以为用户提供视觉焦点。他们知道从哪里开始设计，哪些元素值得他们关注，哪些元素可以浏览。

　　第一次尝试不一定总是成功的。许多调整和测试通常需要创建一组元素，这些元素可以有效地协同工作，并在页面顶部给用户带来惊喜。

　　总结

　　虽然创建首页通常是设计过程中最高级的部分，但这一部分在内部页面中同样重要，但我们在实际工作中往往会失去这一点。“内部”页面的内容需要尽可能和首页一样重要，因为很多用户会通过搜索来访问你的网站设计，而不是输入URL。

　　独立思考两种内容类型，共同实现设计的和谐统一和可视化。当用户在实际操作和浏览过程中，会产生这种视觉效果。