跳到内容

看哪里 看按钮上半部分那条白色高光和底部的反光,它让按钮像一块湿润的糖果;Logo 旁边斜贴着星形「Beta」徽章,头像下面有淡出的倒影。标签云用字号大小表示热度,悬停按钮时高光变亮

这是什么

Web 2.0 原本指 2004 年前后兴起的「用户参与」网站(博客、相册分享、视频站、社交网络);视觉上,这一时期流行水晶质感按钮、顶部高光、倒影、圆角渐变、Beta 徽章和标签云,后来常被统称为 Web 2.0 风格

也叫Web 2.0水晶按钮Beta 风2006 年网页

关键特征

缺了就不像
水晶高光按钮圆角渐变框镜面倒影
加了更像
Beta 星形徽章标签云细斜条纹背景大号友好字体

容易混淆

  • 拟物化Skeuomorphism

    Web 2.0 高光是抽象的糖果光泽,拟物化则模仿具体材料,如皮革、纸和金属

  • 扁平化Flat Design

    扁平化正是对这种高光、倒影和渐变的反动,全部去掉

Web 2.0 高光Web 2.0 Glossy

水晶高光按钮、倒影、Beta 徽章和柔和渐变的 2005–2010 年网页

你可能会说

  • 那种亮晶晶像果冻的按钮
  • 图标下面还有倒影
  • 像早年的 Flickr、Twitter

适合用在

  • 怀旧向内容、复古产品发布页,唤起 2006 年前后互联网的乐观气氛
  • 讲社交网络和 UGC 平台历史时,作为那个时期的典型界面
  • 只借一两个符号(Beta 徽章、标签云)给现代界面加一点玩笑感

这样描述给 AI

做一个 Web 2.0 高光风格(Glossy Web 2.0,约 2006 年)的个人主页:浅蓝到白的竖向渐变背景加细斜条纹,白色圆角内容框带 1px 浅灰描边;按钮是饱满的绿色或橙色水晶按钮,上半部分有一层半透明白色高光,底边略深,悬停时更亮;头像和 Logo 下方有淡出的镜面倒影,Logo 旁斜贴一个红色星形「Beta」徽章;用 Lucida Grande/Helvetica 一类圆润无衬线字,加一块字号大小不一的标签云