首屏大图占据了官网最宝贵的第一屏，它决定了访客对官网的第一印象。首屏大图可以辅助产品Slogan来有效传达产品价值，同时还会影响到官网整体的气质。常见的首屏大图有以下 5 种表现形式:

　　1. 实景照片营造场景氛围

　　在实景照片这个形式上，企业级产品的表现力远不及消费级产品(对比一下Salesforce和Apple的官网就知道了)，因为企业的商务属性决定了他们不能像消费级产品那样大胆地彰显个性。企业产品官网一般会用客户使用产品的场景照来说明产品给他们工作带来的益处，或用一些开阔的风景照来表现公司的价值观和愿景。

　　这种传统的照片形式常见于一些大公司，例如微软的CRM产品Microsoft Dynamics 365:

　　客服应用HelpCrunch则用来表现公司未来的愿景:

　　2. 概念图用隐喻表达产品价值

　　经过设计处理之后的概念图，比真实照片的表现空间更大，可以通过一些隐喻的手法来传达产品价值。

　　Zendesk用形象的概念图来辅助传达产品的价值主张——We can lend a hand。

　　3. 插画最适合讲故事

　　近年来一些企业重塑品牌向更年轻更有活力的方向发展。插画的形式有利于塑造轻松时尚的品牌气质，同时也是最适合用来讲故事的表达形式。

　　Intercom用生动的手绘风插画描绘了一副工作中遭遇的混乱场景，引出了使用Intercom可以结束这一切混乱的概念:

　　Atlassian用配色明快的图形插画描绘了齐心协力的工作场景，烘托出“Team up”的产品价值主张:

　　4. 产品界面图简单直观

　　简单直观的运用产品界面图作为首屏大图，让用户对产品使用过程有一种直观的体验，也是一种对于自己产品的设计很有自信的表现。

　　云存储应用Box用产品界面和照片混搭的形式来表现“Work as One”的产品理念:

　　5. 客户照片更具说服力

　　使用真实客户的肖像作为首屏大图，兼具客户案例的作用，使产品更有说服力。

　　自助建站应用Squarespace用高清的客户肖像图配合产品界面，来表现他们的应用可以为不同人群定制专属网站的理念:

　　6.视频是流行趋势

　　用视频代替静态图出现在首屏成为近年来流行的一大趋势，比起静态图，动态视频更容易吸引目光。视频的内容可以是产品功能解说/客户案例讲述/企业文化传播等，视频的触发方式有自动播放/预加载/点击播放等。

　　自助建站应用Weebly的首页视频融合了各类用户的生活状态和使用场景，来表现“DO WHAT YOU LOVE”的产品理念:

　　Tips:

　　1. 首屏大图和销售主张是官网的重中之重，既是营销的核心，同时也是页面布局和表现的核心。

　　2. 首屏大图是传达产品品牌的绝佳机会。

　　3. 不同子产品页可以用不同的首屏大图，但是要注意尺寸和风格保持一致。