hero或者hero image在设计中是什么意思？

相信很多设计同学在设计案例中会看到很多hero字样的东西，初见hero我就理解成了英文单词里面的英雄的意思，但是想想这个翻译好像很不通顺，本着杠精的原理，百度google了一下，终于理解了，下面给大家说说hero或者hero image在设计中是什么意思？

Hero Image是用于网络设计中描述一种特定Web Banner的专业术语。Hero Image是一种大尺寸横幅图片，通常放在靠前并居中的位置。Hero Image经常是访客第一眼看到的视觉效果，它的用意是呈现网站最重要内容概要。Hero Image往往由图像和文字构成，可以是静态或动态（如幻灯片）的内容。

中文Wikipedia把Hero Image翻译成主页横幅，笔者更倾向于翻译成主题图片，也可以称为Main Picture。这样更适合我们在研究着陆页时进行探讨。

我们知道访客只需要50毫秒就可以对访问的网站产生第一印象。而人类眨眼一瞬间却需要100~400毫秒。一点不夸张地说，50毫秒的视觉冲击最多只够我们眨半次眼。今天我们要讲的Hero Image就很大程度需要对这50毫秒或者说二十分之一秒负责。

第一印象在第一屏（Fold）。研究表明用户在第一屏花费的注意力占到了80.3%。在《完美的着陆页 Landing Page的终极攻略》中我们通过热力图说明了第一屏的重要性。

Hero Image的分类

Hero Image大致可以分为三类，这三类又相互交错：

产品类，包括产品最精美的细节和产品在应用场景中的展现。

上图的可口可乐和下图的苹果笔记本都是该类Hero Image的典型。

意境类，包含示意图、场景图、抽象插图等

对于一些非实体产品或服务，这类Hero Image可以非常及时地概括产品特性。

人物类，传递身份、可靠性，代言。传递使用产品带来的心情愉悦；传递成功、轻松、快乐

通过表情和眼神的交流，Ashley Madison的着陆页很好地传达了偷情的快感。[捂脸]