看哪里 看按钮上半部分那条白色高光和底部的反光,它让按钮像一块湿润的糖果;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 一类圆润无衬线字,加一块字号大小不一的标签云