上线以来,我们一直在追问同一个问题:数字化工具在提供强大功能的同时,能否承载典籍本身独有的审美气质?过去一个月,我们完成了一系列系统性更新——从视觉体系到信息架构,从内容生态到用户体验。每一次调整,都在回应同一个方向:让网站更好用、更耐看、更贴近阅读的本质。
一、以“纸墨”为基调,重构色彩体系
这次视觉升级的核心,是以“纸、墨、朱砂、青绿”为灵感,构建一套低饱和度、高包容性的色彩系统。
- 纸色模拟古籍书页的温润质感,作为页面的主背景;
- 墨色温润不刺眼,适合长时间阅读;
- 点缀色呼应朱批与函套的雅致,在按钮、链接、分割线等关键节点起到画龙点睛的作用。
这套色彩体系依托明暗双主题变量实现。我们为暗色主题独立配置了深色纸色、墨色与点缀色——不是简单反转,而是重新调配色相与明度,让暗光环境下同样舒适。用户可通过导航栏的一键切换按钮,或跟随系统偏好自动适配。
二、排版与字体:提升阅读舒适度
古籍讲究气韵贯通,数字化阅读同样需要良好的版面秩序。新版本统一了正文、标题、引用、代码的字体层级,并引入字体切换机制:
- 衬线体(宋体):适合长篇深度阅读,字形端庄,笔画清晰;
- 非衬线体(黑体):适合技术文档或快速浏览,现代感强;
- 系统默认:交由浏览器或操作系统决定,满足个性化偏好。
所有选择持久保存在本地,下次访问自动沿用。行高与段落间距也经过精细调校,在不同屏幕尺寸下都能保持舒适的阅读密度。
三、卡片化与微动效:让内容呼吸
原本信息密度较高,区块边界不够清晰。现在,我们大面积引入圆角卡片容器,配合细腻的阴影与微弱的悬停上浮动效,让层次一目了然,页面节奏更舒缓。卡片边缘与背景自然过渡,避免生硬切割。
交互反馈也做了精细化处理:按钮悬停、导航折叠、链接跳转,都配以温和的过渡动画;折叠面板的旋转箭头、卡片的上浮阴影,让每一次点击都有清晰的回应。
四、信息架构:让海量内容有序可寻
随着功能不断丰富,API文档、更新历史等信息量急剧增长。我们对这些页面进行了结构化重组:
- API文档中心:左侧导航按“认证授权”“图像识别”“文本处理”分组,文档以标签页形式组织,一键切换,无需反复滚动。
- 更新历史:所有版本日志按“年份→月份”两级分组,左侧自动生成归档目录,年份可折叠,月份下列出该月所有版本条目。
这套结构让页面层次一目了然,查找特定内容的时间大幅缩短。侧边栏的折叠状态、标签页的激活状态均与网址同步,支持浏览器前进后退,在不同页面间跳转时上下文不丢失。
五、顶层导航重构:更轻盈、更聚焦
作为网站的门户,导航栏承载着用户对整体功能的第一印象。我们做了几件事:
- 视觉密度优化:新版导航更紧凑、更清爽,层级关系更清晰;
- 功能入口重新梳理:新增“Blog”直链,将“图像数字化”与“文字处理”统一整合为“工作台”;
- 字体切换能力:右侧新增字体切换下拉菜单,支持衬线、非衬线与系统默认三种模式;
- 页脚同步减负:页脚高度缩减、文字尺寸调小,与导航形成首尾呼应。
六、Blog正式上线:以文字守望文脉
古籍酷 Blog 正式与大家见面——一个属于古籍数字化探索者的文字园地。
Blog承载着双重使命:一面朝向人文,一面朝向技术。最新两篇文章恰好体现了这种平衡——一篇是影评《给阿嬷的情书》,从侨批的温情切入,追问“如果没有南枝,那些信谁来读”;另一篇是技术笔记,解析自动标点新增的两项功能如何解决多行段落与选择性标点的难题。
文章按“年份→月份”归档,左侧导航目录清晰,每篇文章包含标题、可选副标题、作者、日期、提要摘要五个元信息层,正文支持多栏布局、代码块、图片、表格、引用、醒目链接等丰富排版元素。未来,Blog将持续更新,涵盖产品动态、技术解读、行业观察、人文随笔等方向。
七、Chat:尚未揭晓的篇章
最后,关于导航栏中那个悄然出现在前列的“Chat”入口——它目前只是一份预告,一个安静的占位符。
但它与“工作台”、“API”等核心产品并列在一起,并且被排在了更优先的位置,这本身就显得不同寻常。
细心的用户或许已在账户页面中发现端倪:API Key 与 Tokens 字段悄然出现。它们像一扇半掩的门,透出些许微光,却尚未完全敞开。
Chat究竟是什么?它将如何介入古籍阅读与整理?我们暂时选择不展开讲述。
留一点想象的空间,也留一份属于未来的惊喜。
古籍酷 · 让技术有温度,让古籍有生命。