NEWS INFORMATION

“网页设计博物馆”中的像素艺术风格网页版本

“网页设计博物馆”中的像素艺术风格网页设计

“像素”一词的由来最初是由喷气推进实验室 (Jet) 的工程师 C. 于 1965 年创造的，用于描述空间探测器捕获的视频图像的元素。

到 1982 年，施乐研究员阿黛尔和施乐以不同的方式使用该技术将人物照片转换为可以在屏幕上显示的版本。他们为这种颗粒状图案赋予了一个新术语“像素艺术”，以更恰当地描述这种原始而独特的美学。

阿黛尔和他在 1982 年的专栏中首次使用“像素艺术”一词

多年来，像素已被成像和视频领域所采用，并转化为数字屏幕或图像上最小的物理坐标点。这对设计师和程序员施加了有趣的约束和限制，使得创建可识别的块状轮廓图形变得具有挑战性。例如，超级马里奥在原版中被赋予了小胡子和帽子，因为在小屏幕上很难弄清楚他的嘴在哪里。

超级马里奥的第一个版本

在计算机仍然处于二进制操作的时代，图标设计必须符合这个特定的原始参数限制。在 80 年代初，设计师 Susan Kare 为 Apple 的 Mac 操作系统创建了一组开创性的图标，并将该技术提升到了历史上一个全新的水平。

基于她对数字屏幕分辨率的了解，Kare 使用 Andy 设计的 32x32 网格纸绘制单色图标，将每个网格框视为一个像素，然后使用特殊软件将草图移植到屏幕上。通过这种方式，她几乎设计了 Mac 用户界面上的每一个图标，包括垃圾桶、画笔和著名的微笑 Mac 图标。

后来，互联网诞生了。网页设计师开始从富有想象力的新角度探索像素艺术。第一个像素艺术风格的网站就在这个时候诞生了。艺术家或设计师热情地分享他们的实验产品，各种在线社区也在这里。在这个过程中，它逐渐形成并不断成长，创作者们在上面互相鼓励，反馈自己的作品和技术干货。

随着时间的推移，像素艺术已经成为一种整体趋势，越来越多的设计师正在以不同的方式将像素艺术融入他们的网站设计中。历史上与像素艺术密切相关的 5 个标志性网页，由世界各地的设计师、程序员甚至网络用户出于不同目的创建，展示了像素在构建和设计网页中的永恒作用。

百万美元主页销售像素

2005 年，英国学生 Alex Tew 推出了一个完全空白的主页，他将一个包含 100 万像素的网页分成 1000×1000 的网格，并提出以 1 美元的价格出售一个像素，其中 100 像素（10×10）作为一个组，每个像素可以链接到另一个网页。该网站承诺，只要一美元，您就可以“在地图上拥有一段历史！”

主页：

创建主页两周后，他游说他的朋友和家人购买了 47,000 像素，并用这笔钱聘请了一家公关公司起草一份新闻稿，幸运的是被 BBC 和卫报选中。报道。随着消息的传播，越来越多的用户访问了该页面，引发了一系列两极分化的争议，也让主页在短时间内获得了前所未有的人气。

当时互联网上有很多实验和广告，但没有人想过设计一个全被广告占据的网站，直到亚历克斯推出这个主页并在互联网上引起了惊人的影响。他在采访中说，他创建这个页面只是为了以最明显的方式获利，而不是创造意义或提供价值。

广告发布 138 天后（2006 年 1 月 1 日），最后 1,000 个像素在 eBay 拍卖中以 38,000 美元的价格售出。短短几个月，亚历克斯赚了超过一百万美元，帮助他支付了诺丁汉大学商学院的学费，该网站也被称为“百万美元主页”。显然，这种“近乎幼稚的资本主义”运作良好。

“百万美元主页”成为互联网历史上最成功的病毒式营销范式之一。随着互联网在过去十年左右的不断变化，今天的百万美元主页仍在运行，感兴趣的观众仍然可以前往网站仔细欣赏广告占据的页面，尽管有些页面已经成为链接失败（404 page）和像素黑洞，但这个主页确实为这些广告商在历史上留下了永久的位置。

引发合作和分歧的像素混战

另一个惊人的页面，与百万美元非常相似，但出于完全不同的目的而创建，是社交网站在 2017 年愚人节推出的合作项目和社会实验。

该方法很简单，它为所有用户提供了一个 100 万像素的在线网格的空白画布，该画布位于子页面“/r/place”上。从 4 月 1 日到 4 月 3 日，该网站的每个注册用户都可以编辑页面，每五分钟只能编辑一个像素，并可以从提供的 16 色调色板中进行选择。

用户很快意识到，要在网格上绘制除单个点状像素以外的东西，它必须协同工作。无数小团队开始集体行动网络聊天室模块设计，用网格图来试验粗略的草图。一度混乱的场面，变成了越来越多派系之间的全面战争：画布右上角，一群用绿色像素覆盖网格的队伍聚集在一起；右下角，一群蓝色像素的支持者反应强烈。

词页：

人们聚集在一起制作国旗或向著名电影、卡通和游戏致敬，政治家和模因也是如此。梵高的名画《星夜》和达芬奇的《蒙娜丽莎》都是由一个雄心勃勃的团队重新创作的，网友们也​​借此机会起草了一份求婚。一些用户试图破坏一切并用黑色像素覆盖被占用的区域，但幸运的是新事物不断出现。

本次社交实验吸引了超过 100 万用户参与，总共添加或替换了超过 1600 万像素。其初衷是利用社区合作的力量影响社会，鼓励人们将像素用于完全不同的目的，而互联网是唯一可以支持这一实验的媒介。人们见证了一个空白的世界如何在团队的共同努力和牵引下保持平衡，并在一定程度上在世界地图上回放了人类发展的历史。

使用像素作为工具的像素艺术教父

像素艺术一直是平面设计中永恒的概念艺术形式。90 年代后期，有一个网站叫 eBoy，由三位德国设计师 Svend、Kai 和 Kai 于 1998 年共同创立，分享了一系列基于像素设计的开创性插图、网页、字体、等，并获得了来自世界各地的狂热追随者。

eBoy 2001 网站

三位设计师分别在东柏林和危地马拉长大，对政治斗争和地下运动并不陌生，并在柏林墙倒塌后在西柏林发现了一个新的美学世界。由于对实验杂志排版和品牌的共同兴趣，他们最终在柏林相遇并成为了 eBoy 二人组。

他们过去的经验教会他们在受限的环境中创作艺术，他们被十年前的像素创作技术所吸引，但 eBoy 更深入并将其应用到了新的领域。通过创建可重复使用的像素，他们开始构建一系列更复杂和可扩展的像素艺术作品。

虽然网上有很多人着迷于这种怀旧的视觉美学，​​试图通过创作一系列 8bit GIF 来回到那个“简单的时代”，但让 eBoy 选择像素艺术的并不是它的美学。eBoy 将像素艺术与等距透视相结合，轻松打造立体世界。

eBoy 的一位创始人曾在接受采访时表示，像素对于摄影师来说就像相机一样。这种源自游戏的视觉元素被视为创造的工具，在技术上符合世界构建的逻辑。他们对城市的概念着迷，坚持使用模块化的方式来创作肖像和建筑场景，意在通过像素更好地表现城市的广阔和复杂。

eBoy 2020 网站：

这些作品吸引了众多顶级品牌与其合作，耐克、可口可乐、优衣库、路易威登等企业品牌纷纷上门，邀请eBoy创作海报、宣传图、动画、网页等视觉为品牌工作。作为最早在互联网上分享和发布作品的一代设计师，如今的 eBoy 被人们亲切地称为“像素艺术教父”，并继续活跃在创作者阵营的最前沿。

为优衣库创建的 Pixel 主页

雅虎和网站的像素架构

可口可乐海报

为 Adob​​e 创建的宣传海报

为路易威登品牌打造的品牌影片《东京旅行》

沉浸式虚拟像素角色扮演聊天室

2000 年，芬兰开发商推出了一个名为 Habbo Hotel 的虚拟世界，这是一个集聊天室、游戏室和虚拟宠物饲养于一体的在线社交社区。独特的网格布局、华丽的像素化背景以及有趣好玩的角色都与早期的低分辨率电脑屏幕紧密融合。

哈布酒店网站：

该站点很小，但它是一个组织良好的角色扮演社区。用户进入网站后，需要构建像素化角色并设计自己的房间。然后他们将被安排入住 Haboo 酒店。这里的人们扮演着间谍、明星、士兵、护士等角色，甚至需要进入职业培训机构，通过角色扮演学习很多不同的东西。此外，用户还可以到酒店的不同空间去探索，在这些地方添加陌生人在线聊天。

在聊天室刚刚起步的时代，QQ、QQ等社交平台还没有出现。这个结合角色扮演，带来身临其境的社交体验的网站，首次出现在互联网上。像素艺术视觉效果、用户可定制的房间，以及当今热门游戏中出现的元素，对于那些从未玩过在线视频游戏或在留言板上与陌生人交谈的人来说非常有用。更具吸引力。

该网站吸引了多种类型的用户群体，街头霸王( )等知名乐队也曾在该虚拟网站上演出，耐克、诺基亚、可口可乐等公司也纷纷在该网站投放品牌。但是网络聊天室模块设计，本网站的设计机制也导致了一些隐患，比如被不熟悉的用户发送性骚扰信息。

尽管此后出现了更多的社交网站和游戏，但这款酒店网页游戏至今仍在运行，人们仍然可以在网页浏览器中体验这种像素风格的社交空间。想要体验像素风角色扮演和社交游戏的读者可以到官网免费注册，打造属于自己的像素世界。

千禧年初的官方 Haboo 酒店宣传活动

了解更多学习网络推广知识，就来广西网络推广。

上一篇：BIM：全球建筑面积将有2300亿平方米的惊人增长|
下一篇： 本篇节选自论文《网络空间用户行为的复杂网络特性研究》