• 目录

  • 登录

  • 搜索

  • 专题
  • 文章
  • 简报
  • 电台
  • 视频
  • 活动
  • 品牌合作
  • 商店
  • 标签云
  • 关于我们
  • 别的女孩
  • 呼朋唤友
  • 别的艺术
  • 别的音乐
  • bié Records
  • 别的女孩 - 呼朋唤友 - 别的音乐 - 别的艺术 - bié Records -
    微信公众号:vicechina
    13+
    Loading 3
    BIE别的

    失落奇书《2002网页设计图鉴》,使我重温互联网精髓

    2020.08.31 | BY Poppel Yang |
    互联网太棒了考古
    前几天,我在一台快报废的 586 电脑中找到一份电子书,名字叫《2002 网页设计图鉴》。作者署名 “网络大虾张秋生”,据说是国内首批互联网用户之一。抱着猎奇的心态,我点开了这本《图鉴》,看到了许多恍如隔世的网页设计方式:这本书中记载了上百个 2002 年左右的经典个人网站设计。更可贵的是,这本图鉴在每个设计的截图下方还有深刻的分析和评论,真的让我打开眼界,受用终生。
    “2020” 和 “2002” 虽然只有一字之差,但此时与彼时的互联网则大不相同。对大多数人来说,互联网曾经的意义是一个自我表现、创意展示和自我营销的平台,人人争先恐后地把用 FrontPage 做出的粗糙页面上传到属于自己的那点既狭小又无限的网络空间里,将自己最喜欢的、别人看起来最无厘头的内容展示给全世界。这些网页千奇百怪、杂乱无章,但是完全是个人意志的表现,除了储存空间和流量限制,完全不受任何枷锁的束缚。
    相比过去狂野西部式混乱和无序的网页设计,当代的网页设计真是千篇一律,极简扁平化,相似的排版、相似的配图方式,到处都是呆萌的 CalArts 风格插画,简直没有灵魂。其实这倒也没什么大影响,因为在过去的几年中,我们用的网站已经不多了:无论是获取资讯、购物败家,还是撰写博文、在线互怼,绝大多数时候都是通过手机 App 实现的。这也许就验证了 “SEO 杀死了互联网,App 杀死了 SEO” 那句俗话吧。 
    我在这本图鉴中获得了极大的灵感,所以想在这里分享一些有趣的设计及其分析点评的摘抄,也许会给你不同寻常的启示: 

    昆汀乐园

    “使用洋气的铬色闪光大字标出网站的标题,在黑色的背景非常显眼。由于是面向多国的门户网站,所以要将多语言选项放在网页中最显眼的地方。主页配图风趣中不失达到传递信息的作用,反复观摩之下只令人觉得津津有味、回味无穷。”

    丹尼尔的神秘后花园

    “简洁明了的设计,使用最柔和的中性灰度(RGB:192,192,192)来衬托显示网站最主要内容的大尺寸(640x640)配图。遗憾的是笔者在亲自访问这个网站时却发现图片变成了 FBI 警告信息,网站作者似乎遭到了传唤。”

    流行天王

    “据说是流行天王米高积逊亲手打造的网站。黑夜给了他黑色的皮肤,他却用自己天籁般的歌声联结了各色皮肤。此站使用简洁的黑底白字来实现强烈的视觉冲击,所用配图非常切合网站整体的色调。”

    彩虹青春

    “这是一个风格独特的校友录网站。通过使用类似即将上线的腾讯 QQ 秀风格的卡通形象来代表班级里的每一个同学。点击每个贴图后会以弹出窗口的形式显示每个人的信息:从名字到最喜欢的颜色再到人生格言,应有尽有,非常可爱。”

    中东化学在线课程

    “这是一家来自中东的在线网课网站,采用了信息量非常大的设计方式,将网页的主要部分分成三栏,每栏都以不同颜色的文本来向访问者传递密集而有趣的课程信息。左上角的配图使用了非常前卫的三维建模,颇有好莱坞三维电影巨作的风范。”

    天鹰战士

    “此网站的作者显然是当前热播日本卡通片《新世纪天鹰战士》的爱好者。作者将本剧主角三位勇敢的少女的大尺寸贴图(640x480)放置于网页中央,突显网站主题,同时将本剧剧情简要附在右侧,使不了解本剧的访问者也能快速了解剧情。点击三位女主角的贴图会进入其相应的人物介绍页面,真是非常巧妙的设计。”
    (在这些奇妙的点评中,这份可能让你尤其迷惑,别问我,书就是这么写的)

    海洋朋克

    “这是非常简洁的设计方式,充满艺术感。网站作者使用重复平铺水波贴图的方式来营造一种烟波浩渺的感觉。点击顶端的X字会在网站背景中播放一种充满回声的诡异音乐,还有三维立体的海豚在网页上出现,非常有趣。”

    猛男乐园

     “这是一个交友网站,作者简洁明了地将交友链接放在网页的顶端中央,这样一来即使被背景的图像搞分心也不会错过显眼的链接了。”

    雅虎之友

    “这个网站的作者通过使用前年上映的《黑客帝国》中所出现的炫目数码绿风格,表达了对互联网巨头公司雅虎的崇拜和热爱。无论是文本还是图像,统统只以黑绿两种颜色显示,好似黑客附体,非常有视觉冲击力。”

    宠物小精灵

    “这个网站的作者显然是当前各个地方电视台热映的动画片《宠物小精灵》的爱好者。网页上每个小精灵贴图都是一个可点击的链接,以非对称的形式零散地点缀在网页的背景上,充满童趣。”

    永远的和平号

    “这是为了纪念去年停用坠毁的和平号空间站的一个在线纪念馆。网页设计十分简单,名字配以照片,没有任何其他修饰,塑造了庄严肃穆的气氛。每次重新进入或刷新网页,都会随机显示一位曾在和平号工作过的宇航员的名字和肖像。和平号永垂不朽。”

    西城男孩后援团

    “这是一个由歌迷制作的追星网站,通过在背景中重复平铺偶像的照片,来营造一种人山人海的热闹感觉,让人仿佛置身于偶像天团西城男孩的全球巡演当中。”

    至少还有你

    “这是一个关于香港歌手林忆莲的网站。背景图片使用林忆莲新专辑《原来…》的封面。此站最有趣的地方就是链接被有机地结合在了背景图片中,作者使用了顽皮趣味的字体来显示链接,而不是硬生生的默认文本字体,并将伊妹儿和ICQ提供给想与其联系的访问者。点击 “download” 会开始林忆莲全套MP3音乐下载,真是不可多的宝贵网站。”

    男儿当自强

    “网站背景使用浓烈的绿色,似乎在指代感情生活中不可避免的痛处。网页顶端标题的大字表明了网站要传达的最重要信息,底下的小字部分则留给感兴趣的读者细细阅读站长的故事。”

    男儿当入樽

    “还记得每次暑假都会重播《灌篮高手》却因为假期太短而永远都看不到结局的恼火吗?这个《灌篮高手》主题网站能帮你补完儿时的遗憾。除了网页右侧的大尺寸角色合影可以另存为桌面壁纸,在网站左侧的链接中还可以读到每个角色的详细个人信息和在每场比赛中的得分等稀有的统计数据。也许有朝一日作者还会添加全集在线观看吧!”

    黑帮海岸

     “这是一个介绍美国东海岸意大利黑帮的网站。通过使用滴血的镂空字体,表达了黑帮下手 “稳准狠” 的特点。网站在右侧栏中给出了有用的链接,供感兴趣的读者了解东海岸意大利黑帮的历史渊源。资讯详细、有深度,深受纽约警局和联邦调查局的喜爱。右上角的意大利国旗为 GIF 动态图像,营造出一种随北大西洋海风飘动的沧桑感。”

    森の妖精

    “这是一个登载日本模特人体写真的网站。本网站设计十分简洁,标题在正上方,配图在左侧,右侧列出的链接下是令人大饱眼福的人体艺术照片。注意:未成年读者请不要点开网页上 Photograph 5这个链接。”

    THE BAD PLACE

    “这个网站的主页充满了酷炫的次世代科技感,所有的链接都做成了按钮的样子,并带着三维立体效果,让人感觉好像在操作一台高科技 PDA。点击不同的按钮后会在网页正中间的‘屏幕’展示网站作者的绘画和三维建模艺术。”

    星辰大海

    “看网页顶端的贴图就知道,这个网站是联合国太空总署的网站。图片上的每一颗星星都代表一项联合国太空任务,点击后可以进入相应的介绍页面。”

    此时无声胜有声

    “经过了互联网泡沫的洗礼,可能当时满心热情制作、维护的网站到头来也只能成为热情燃尽后的灰烬。好在互联网永不遗忘,尽管信息大潮汹涌澎湃,你的e-墓碑永远都不会被淹没。”

    上面列出的只是对图鉴中上百个精彩设计的管中窥豹,由于篇幅限制在这里不再过多列举。有趣的是,在这本图鉴的最后一页,有这么一个网站引起了我的注意,它看起来非常陌生,却又似曾相识:
     BIEDE.COM

     “笔者预言 BIE 是将于 2020 年问世的一个 ‘青年文化’ 资讯网站,由一群非常有才华的年轻人运行。在这个网站上可以读到青年群体中发生的各种奇闻异事,同时作为读者也可以通过留言板和伊妹儿与网站背后的编辑们互动。BIE 将突破地理和距离的限制,让天下青年人欢聚一堂。”

    2020.08.31 | BY Poppel Yang |
    • 编辑:陆冉
    互联网太棒了考古
    请注册登录后加入讨论
    最新 最旧 得票最多
    qq422063111
    成员
    qq422063111
    2 年 之前

    你们这新网站是真的挺好看的 跟你们气质太搭了

    赞0踩 
    kay
    成员
    kay
    2 年 之前

    互联网太棒了!

    赞3踩 
    kay
    成员
    kay
    2 年 之前

    我的头像太棒了!

    赞2踩 
    beio
    成员
    beio
    2 年 之前

    nice!!!!

    赞0踩 
    LOGO
    成员
    LOGO
    1 年 之前

    咱俩的头像有点相像

    赞0踩 
    ruikk
    成员
    ruikk
    2 年 之前

    你好,你们的新网站很棒,谁设计的啊?

    赞5踩 
    Alexwood
    管理员
    Alexwood
    2 年 之前

    oooostudio.com

    赞1踩 
    wdnmdzouz
    成员
    wdnmdzouz
    2 年 之前

    让网络世界回到2002

    赞1踩 
    oldfuck
    成员
    oldfuck
    2 年 之前

    支持别的

    赞0踩 
    墨菲
    成员
    墨菲
    2 年 之前

    资瓷一下

    赞0踩 
    jinji
    成员
    jinji
    2 年 之前

    在biede.com留下第一评论:互联网太棒了

    赞5踩 

    相关

    BIE别的
    1+
    Loading 0
    我在泰晤士河捡破烂

    我在泰晤士河捡破烂

    文物河流研究考古英国
    BIE别的
    1+
    Loading 0
    好消息:你也能成为艺术家 —— 在 AI 的帮助下

    好消息:你也能成为艺术家 —— 在 AI 的帮助下

    AI互联网太棒了人工智能数字艺术
    BIE别的
    3+
    Loading 1
    一位情趣内衣店主开始「骂人」

    一位情趣内衣店主开始「骂人」

    互联网太棒了女性情趣内衣
    BIE别的
    1+
    Loading 0
    我们玩过的奇奇怪怪 “炼爱” 游戏 | 不退票

    我们玩过的奇奇怪怪 “炼爱” 游戏 | 不退票

    不退票互联网太棒了游戏
    BIE别的
    2+
    Loading 0
    沧州妇女郭老师简史

    沧州妇女郭老师简史

    互联网互联网太棒了网红郭老师
    BIE别的
    1+
    Loading 1
    元宇宙历险记

    元宇宙历险记

    NFT互联网太棒了
    微信公众号:vicechina

    广播电视节目制作经营许可证

    网络文化经营许可证 京网文(2022)1296-039号

    出版物经营许可证正本

    中华人民共和国增值电信业务经营许可证

    问题反馈请发送邮件到 biede@yishiyise.com

    © 2020 异视异色(北京)文化传播有限公司 京ICP备13018035号-3

    • BUG反馈
    • 关于我们
    • 隐私政策
    • 联系我们
    • 标签云
    • RSS订阅