编者注:本文最初由 Web Marketing Today 发表。Practical Ecommerce 于 2012 年收购了 Web Marketing Today。2016 年,我们将两个网站合并,以 Practical Ecommerce 作为继承者。
在《2012 年十大网页设计趋势》中,我将大型插图列为日益流行的设计元素。网站插图不仅能为站点增添个性,还能吸引访客驻足探索。以下是 18 个拥有引人入胜插图的网站案例。
Blue Acorn
电子商务机构 Blue Acorn 在首页使用了一幅精美的交互式插图来阐释服务范围,并在子页面中复用该插图的各个部分,实现了服务内容与视觉元素的有机联动。
Sasquatch
音乐节网站常借助插图营造氛围。Sasquatch 音乐节多年来延续这一传统,其标志性吉祥物形象被广泛应用于 2012 年网站页脚及各类宣传物料中。
Black Moon
Black Moon 网站采用出色的像素艺术背景插图,与游戏设计风格完美契合。背景对鼠标移动做出实时反馈,使浏览体验更具沉浸感,仿佛置身于电子游戏中。
inTacto
互动代理机构 inTacto 打造了令人惊叹的太空主题网站,通过视差滚动技术记录了过去十一年的发展历程,为用户创造了深层次的数字体验。
海底小纵队
英国儿童节目《海底小纵队》官网风格可爱,背景融入了角色插图,页眉则采用旋转动画设计,生动还原了IP特色。
Mozilla Thunderbird
Mozilla Thunderbird 网页设计简洁明快,一只巨大的猫邮递员插图让页面瞬间变得生动有趣。
N.Design Studio
插画师兼设计师 Nick La 的在线作品集和博客以丰富插图著称。他擅长将手绘元素融入网页项目,展现了卓越的设计才华。
Polecat
Polecat 团队在首页顶部利用道路插图直观展示开发流程,全站还配有描绘团队成员的漫画式插画,视觉效果印象深刻。
Inspiredology
Inspiredology 网站页头描绘了几位正在调制液体、检查大脑的“阴谋科学家”,搭配奇幻实验室风格的背景插图,创意十足。
MailChimp
与 Thunderbird 类似,MailChimp 也以大型哺乳动物吉祥物闻名。“猴子邮递员”插图赋予了品牌鲜明个性,甚至会在仪表板中为用户提供幽默或实用的建议。
Bonnaroo
作为另一家插画风格突出的音乐节网站,Bonnaroo 巧妙结合视差滚动技术,让静态插画呈现出栩栩如生的动态效果。
Old Loft
Old Loft 网站通篇使用了色彩缤纷的动物插画阵容,为整体视觉增添了一抹独特的个性色彩。
Castri Creativa
Castri Creativa 网站凭借明亮的头部插图、多彩的排版以及页脚如诗如画的风景插画而格外引人注目。
Adventure World
整个 Adventure World 网站宛如一幅描绘游乐园景点的巨型动画插图,更多细节则以插画形式呈现于天空区域,趣味盎然。
Veboo Labs
Veboo Labs 头部插图中忙碌的工作人员配文调侃:“我们忙于为他人构建网站,以至于自己的网站都无法上线运行。”幽默地传达了业务繁忙的状态。
Bumbershoot
与 Sasquatch 和 Bonnaroo 音乐节类似,西雅图 Bumbershoot 音乐节在网站及宣传材料中均采用了统一的四色插图风格,强化了品牌识别度。
Pally Giraffe
Pally Giraffe 是日本艺术家 Shinzi Katoh 的在线商店。其画廊、店铺及博物馆均充满童趣,网站展示了源自儿童绘本的精美插图,风格恰如其分。
Lost World’s Fair – Atlantis
作为网页排版实验作品,“Lost World’s Fair Atlantis”页面是一幅巨大的滚动式插图,其中穿插了关于神话城市亚特兰蒂斯的趣味“事实”,兼具艺术与科普价值。

