博客文章
前端交互与样式
前端设计
技术内容网站的紧凑型列表设计:信息密度、层级与可读性
针对资源型页面整理一套更紧凑的列表设计原则,包括标题节奏、摘要行数、缩略图比例与元信息摆放方式。
聚焦人工智能应用、视觉检测、Flask 工程、Ubuntu 部署与技术资料沉淀的个人技术资源站。
显示 1-4 / 4 条, 第 1 / 1 页,按最近更新时间排序
针对资源型页面整理一套更紧凑的列表设计原则,包括标题节奏、摘要行数、缩略图比例与元信息摆放方式。
从栅格规划、固定侧栏、导航激活状态和分页样式出发,构建更适合内容型网站的现代化前端布局。
整理适合技术站资源列表的 HTML + CSS 结构,控制卡片高度、标题字重、摘要行数与悬停反馈。
演示桌面端与移动端在导航、筛选和资源列表上的交互差异,帮助页面在窄屏场景依然保持清晰结构。