看哪里 看演示里的默认衬线字体、带下划线的蓝色链接和凸起的灰色按钮:样式几乎都来自浏览器默认值。表格线把页面切成格子,跑马灯、闪烁的「NEW」和访客计数器是那个年代个人主页的标准配件。点「签名留言」计数会增加,点链接会变成访问过的紫色
这是什么
Web 1.0 指 1990 年代以静态页面为主的早期网页。当时浏览器样式能力有限,作者用 HTML 表格排版、默认字体、蓝色下划线链接、平铺背景、GIF 动图和访客计数器拼出个人主页;读者主要是浏览,很少参与内容
也叫90 年代网页个人主页时代GeoCities 风复古网页
关键特征
- 缺了就不像
- 浏览器默认衬线字蓝色下划线链接表格切分的版面灰色凸起按钮
- 加了更像
- 跑马灯访客计数器施工中横条GIF 动图平铺背景图案
容易混淆
- Y2K 网页Y2K Web Design
早期网页靠浏览器默认样式,Y2K 网页刻意做出镀铬、虹彩和未来感图形
- 新粗野Neo-Brutalism
新粗野借用了直白的边框和原色,但是有意设计的粗描边与硬阴影,不是默认样式
早期网页Web 1.0
灰底蓝链接、表格排版、跑马灯和访客计数器的 1990 年代个人主页
你可能会说
- 像 90 年代那种老网页
- 蓝色带下划线的链接、灰色背景
- 页面上还有“欢迎光临”跑马灯
适合用在
- 怀旧主题的活动页、个人主页彩蛋或 404 页面,制造「穿越回 1998」的反差
- 视频里讲互联网历史、早期论坛和个人站时的界面道具
- 与 Y2K 网页、Web 2.0 高光放在一起,讲网页审美怎样从「能显示」走到「有质感」
这样描述给 AI
做一个 1990 年代 Web 1.0 风格的个人主页:浅灰 #c0c0c0 背景或平铺小图案背景,Times New Roman/宋体等浏览器默认衬线字,蓝色 #0000EE 下划线链接、访问过变紫色;用带 1px 立体边框的 HTML 表格分出左侧导航和正文,标题居中加水平分隔线 <hr>;加一条横向滚动的「欢迎光临」跑马灯、闪烁的 NEW 标签、黄黑斜纹「施工中」横条和数字访客计数器;按钮是浏览器默认的灰色凸起按钮,没有圆角和阴影