本文探索网页设计中的超级形象品牌趋势研究,我们深入探讨了超级形象的流行话题,以及它们如何应用于设计领域。
虽然超级形象可能不会披上斗篷,爬上摩天大楼,但他们正在做下一件最好的事情:互联网上取悦人们。超级形象的应用可以使网页的设计更加整洁,同时也可以使页面内容更加深入。
图片:小女孩的个人英雄的概念
图片超级形象作为大标题头部
超级形象的趋势可以概括为巨大的有吸引力的标题。这些图片大多是与内容直接相关的照片。但是设计师们已经有了与矢量背景,插图艺术,甚至动画视频的巧手。
当事态发展到特定的时期时,很难找到任何能像照片一样能让人感到共鸣和描述性的东西。它通过让浏览者不断的从图片里得到信息,从而进一步推动游客进入网站或者点击了解更多按钮。
图片:这种技术的一个典型例子
他的主页使用了一个大的全屏背景图像和一张他自己的照片。颜色与布局很好地融合在一起,它给人一种直接的个人感觉。浏览他的网站的其余部分,你会发现每个页面都有一个小标题图片背景。例如,他的关于我的页面使用了他自己的另一张照片。
图片:使用头像作为背景头部设计
大标题是超级形象的面包和黄油(我不确定英雄是面包,还是图片是黄油)。
基本上,超级形象风格是一个基本概念,可以适用于任何大型的“超大”标题设计。
图片:高清背景大图头部设计
高清背景大图头部
稍微不同的方法可以让你看起来更聪明。他们的主页使用了一个全屏幕背景图像,可以缩放你的显示器。当你向下滚动时,每一段都有自己的背景或照片。这是一种不同的方法,使用大背景图像来激起浏览者的好奇心。
图片:单页中使用特大头像头部设计
单页设计头部
大的全屏背景和英雄形象可以在单页设计中轻松使用。大多数时候,这些登陆页面或视差网站只有少量的信息可以提供。因此,花哨的美学可以为页面添加真正的价值,并在内容之间提供空间。这个例子中,它利用了许多不同的超级形象。页面的顶部使用一个包含固定导航栏的全屏背景。当你进一步滚动时,你会注意到一个较小的图像,它跨越了你的浏览器的宽度,但却没有占据全屏。它几乎就像一个非上下文标题,在页面上指定了一个新部分。这绝对是一个很棒的网站设计,并且与单一页面风格完美契合。
全屏的背景头部
根据网站的类型,一个全屏的图片标题可能只需要蛋糕。美味的草莓奶酪蛋糕代表了一个绝妙的主意。我认为全屏幕背景是英雄形象概念的一个分支。它是相似的,肯定是相关的,但不一样。
图片:全屏图片标题设计
家具网站
这个家具网站展示了他的家具、室内设计和建筑实力。每个单独的页面都使用背景照片来扩展他的工作。页面本身很小,不需要大量的内容。因此,他的设计并没有让页面失去色彩,而是用一张照片来活跃页面。
图片:插图头部设计
插图头部设计
另一种漂亮的技术头部设计不是完全全屏的,但它占据了显示器的很大一部分。有趣的是,它实际上不是一张照片,而是一个自定义的插图。这是创意艺术家和想展示自己技能的机构的最佳创意之一。在你的页面上登陆的人可能对你或你所做的事情并不了解。因此,通过将你可以直接参与到网站设计的模板中,你可以立即展示你的价值。
图片:AR头部设计
AR头部设计
把一些不同的东西加入到混合物中,看看是否有甜的罗勒。他们的主页使用了一系列旋转的照片,这些照片立刻展示了他们餐厅的空间。当你在网站上查看不同的页面时,你会注意到他们中的一些人也会使用小超级图片来强调。
图片:AR头部设计单页
图片:文章发布的特色图像
特色图像
在过去的几年里,微博和自媒体使用者的数量急剧增加。WordPress是目前最强大的开源博客平台之一,许多网站都使用它进行内容管理。自从WordPress推出了有特色的图片,就有了大量的优秀杂志主题的涌入。关于这些主题的一点值得注意的是他们在主页上使用了不同的特色图片。是的,每个文章页面都使用自己的图像,但是主页是大多数访客进入网站的地方。通过将一个大超级图像合并到标题中,它会吸引人们对这篇文章以及可能的其他文章的关注。上面的文章中有一个大的图片。每一篇文章都有相似的图像,但是缩略图的大小要小得多。一旦你点击文章,它也被用作一个大型标题显示。这绝对是吸引访客点击的绝佳方法。
图片:你会发现另一个很好的杂志,它使用了许多类似的特色图片。最重要的帖子出现在页面顶端,图片和标题都更大。它的目的是吸引更多的关注,吸引更多的新访客进入网站。
图片:旋转的画廊头部设计
旋转的画廊
有些设计师喜欢让自己的英雄充满活力——是的,这是蝙蝠侠和罗宾的参考。你看,就像蝙蝠侠的实用腰带一样,旋转的背景提供了一套丰富的资源和选择。你可以包括一个人的照片,一个建筑,办公空间,甚至是创造性的工作。
表单网站英雄形象设计一个很酷的例子可以在网上找到,它是一个品牌代理。他们的全屏图像显示可以让访问者在不同的内容上随意切换。它令人着迷,富有洞察力,并能深入了解公司的目标。
图片:幻灯背景图片头部设计
幻灯背景图片
对于稍微不同的方法,看看jansport的主页。这个布局不使用全屏,但它仍然包含了英雄图像的幻灯片。标题的意思是用一个看起来流行的方法为他们的产品做广告-摄影!滑块会自动旋转,但也会通过箭头和小的点导航链接来控制访问者。这绝对是电子商务商店的一个好选择,他们希望把人们的注意力集中到他们的产品或服务上。有些人可能不认为这个例子是一个完整的超级形象,因为它没有占据头部的很大一部分。但我将把英雄形象定义为标题部分中任何类型的横幅或大型图形组件。JanSport的英雄形象可能很微妙,但它也足够吸引我的注意,而且在整体布局设计上看起来仍然很不错。
图片:框架式的头部设计
框架式
最后一个例子,这些旋转的图像链接到外部页面,与静态照片相比显示出更实用的目的。但设计理念仍然是非常相同的,它将重点放在内容和用户体验之上。
通过遵循这些趋势,你应该能够再现你自己的超级形象。头部设计是一段漫长的旅程,而且总是有更多的东西需要学习。
通过调查最流行的趋势,你可以分析它们为什么受欢迎,并决定它们在你的工作中的价值。所以,去试着设计一些超级形象的创意设计吧。