英雄联盟英雄数据son
一个成功的网站由许多组件组成，但也许没有比那些提供良好第一印象的组件更重要。 例如，您当然希望您的网站具有一个干净且有用的页脚区域，但是如果没有人首先打扰向下滚动，那有什么好处？
因此，设计人员经常在“英雄区域”（也称为“英雄区域”）中投入大量思想和精力。 这是页面顶部的主要空间，通常包含关键消息或号召性用语。 这是访客首先会遇到的事情之一，从而为接下来的一切奠定了基础。
为什么将其称为“英雄节”？
该术语可以说是起源于戏剧和电影，其中诸如灯或酒瓶之类的“英雄道具”（有时简称为“英雄”）将发挥至关重要的作用。 连接非常清楚：
“英雄道具是更详细的作品，旨在由照相机或观众进行仔细检查。” – 维基百科
充分利用该区域的一种方法是使用引人注目的背景英雄图像。 正确的图像甚至可以在阅读单个单词之前吸引用户的注意力并传达清晰的消息。 Paravel所描绘的英雄形象（见上文）恰好做到了； 显示个性和展示风格，同时允许将文本和相关信息放置在顶部。
考虑到这一点，让我们探讨一下制作出色英雄背景图像的原因以及您可能采取的不同方法。 一路上，我们将向您展示一些Envato Elements订阅中可用的出色图像。 它不断增长的设计资产库包括4,000多个背景图像和纹理，以增强您的项目。
1.将内容放在首位
首先，英雄背景图像需要允许用户轻松阅读位于其顶部的内容。 这是一个微妙的平衡，因为您需要看起来既醒目又保留文本可读性的东西。
一种简单的方法是利用具有散景效果的背景。 城市之光| 散景背景| 卷 01提供了十二个不同的城市图像，这些图像被模糊到完美。 每幅图像都提供独特而有趣的外观，同时仍将重点放在内容上。
2.自我介绍
虽然仅使用背景图像来保持其鲜明的外观就可以了，但是找到与您的网站任务相关的背景图像甚至更好。 这是一个向访客介绍您的工作的机会。 但是，您在处理事情上有一定的灵活性。 您可以实现通用（例如高科技图像）或非常特定的东西（例如办公楼的照片）。
这就是像Foodie这样的利基包装可以派上用场的地方。 它包括65张以上的食品和饮料高清图像，非常适合餐厅或食品服务公司。 它们可以完美地用作英雄形象，并可以帮助您立即给用户留下深刻的印象，他们可以更轻松地与您的主题联系起来。
3.创造正确的心情
如果您想为您的网站营造某种氛围，则可能需要更复杂的图像才能使英雄部分脱颖而出。 在这种情况下，高度概念化的矢量图像通常是一个不错的选择。 它们为用户提供了引人注目的视觉效果，并且倾向于使用最少的较大文本来达到最佳效果。
50抽象网格背景是该技术的一个很好的例子。 这些3D风景看起来很棒，可以用于增强基于地理的应用程序甚至是提供复杂统计信息的网站。 他们一定会成为吸引人的焦点，为即将发生的事情定下基调。
4.展示产品和服务
销售产品或服务的网站可以充分利用英雄区。 这类似于参观汽车经销店的陈列室，那里的大件物品在前部和中间。 在这种情况下，请寻找一个简单的背景图像，以帮助您以最积极的眼光看待重要的事情。
使用Abstract Spotlight Backgrounds中的六个可用选项之一，可以确保您的产品成为展会的明星。 他们巧妙地使用阴影有助于设置焦点，使您的产品图像或消息传递出光芒。
5.增加一些个性
有时，您只是想为英雄部分添加一些色彩和乐趣。 例如，本地零售店或个人博客通常可以从显示某些独特个性中受益。 使用插图营造不太沉重的心情，同时添加一些非常有趣的风景。
有很多很棒的选择可以适合任何主题和性格类型。 无论您是要添加城市天际线 ， 夏季风景还是在农场上增添乐趣 ，正确的插图都可以相应地装饰您的英雄区域。
做出正确的选择
您网站的英雄部分对于留下良好的第一印象至关重要。 因此，包括背景在内的每个细节都值得考虑。 但是，很难决定采取哪个方向。
最后，这一切都与了解网站的使命和所需的受众有关。 考虑一下您想在此空间中完成什么，然后选择一个图像作为补充。
例如，如果您打算添加一些文字，请寻找不会影响阅读的背景。 对于采用最少方法的网站，醒目的复杂图像可能是个不错的选择。
无论您选择哪种方式，请记住正确的方法对于吸引用户的兴趣并鼓励他们浏览网站的其余部分至关重要。
继续阅读。
- 在Envato博客上探索Web设计中的英雄形象趋势
英雄联盟英雄数据son
190
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
