当下网页设计最重大的一项趋势，就是 大图片的使用 。不只是大，这些巨幅图片看上去就像在屏幕上活过来一样。用在页面顶部时，就是我们常说的首屏大图。

如何利用这一趋势？需要从哪些工具入手？本文中，我们来看看这些 首屏大图 、用好它们的诀窍、熟练掌握这一趋势优秀网页案例，甚至还有可供下载研究的赠品。

首屏大图，就是在首页或其他页面顶部，运用焦点图、文字和导航元素。首屏大图体现为多种形式——作为一张图片或带文字的图、图片轮播、固定图片、视频或是动态图片。设计风格也囊括写实与手绘。

焦点图片是你在网站中首先看到的东西，它的设计的宗旨就是引人入胜。它应当具备强烈的聚焦能力和视觉吸引力。

首屏大图在视觉上起着强烈的聚焦作用，通常仰仗简洁的字体、极简用色，还有基本图形构成的界面元素。多数设计元素都放在图片上，通常需要一些设计策略，来保证文字刚好融入屏幕中的特定位置。一般来说，品牌、导航和其他工具放置在外边缘——典型的是在顶部的左右两个角落——来保持注意力集中在图片本身。

首屏大图在各类网站设计中广泛发挥作用，几乎适合任何设计风格。这种视觉上讨人喜爱的趋势，其实只需要一样关键事物——一张惊艳的图片。

一旦你决定使用首屏大图，设计时要记住一些要点。设计要干净，元素不能干扰主图片、图集或视频。在这类设计中，分离各种元素至关重要。设计焦点图片时，记住这几点：

互联网上随处可见优秀的首屏大图案例。这组案例包括了正式上线的网站和进行中的作品。

若你正准备从首屏大图入手，通常有两种免费资源可供选择——由真实图片或3D渲染构成的首屏大图，或是绘画作品。这取决于具体项目，每种风格都能良好发挥作用。

下载焦点图片时候要注意的是分辨率（图片要大过最的大屏幕宽度）、可编辑、文件格式和智能对象（如果你要四处移动元素的话）。正如所有免费的设计元素一样，确保核对过使用许可，遵循相应条款。免费赠品通常可以用于个人项目，但商业项目需要支付费用；使用前阅读任何元素的所有细节。

尽管有很多免费资源，也有相当多的高质量付费首屏大图资源。在付费资源包中，你可能有更多选择。购物愉快！

不久的将来，首屏大图会是网页设计中的一种最棒、最富视觉吸引力的趋势。这项技巧的妙处在于，它可以与几乎任何东西搭配。想要设计扁平风格、极简风格，或是复古风格？就用首屏大图。

你在项目中使用了首屏大图吗？可以在评论中与我们分享。我们乐于看到你正在进行的项目。

原文地址： http://designmodo.com/hero-headers/

译者：可乐橙；via： http://colachan.farbox.com/post/3400