章法 中文网页设计与验收返回作品画廊 ↗

完整案例 01 / 纸岸书店 · 合成演示

一本书,
如何成为一页的主角。

同一份内容,换一种阅读顺序。
从书籍的吸引力,走到周六的活动,再找到到店的路。

往下看完整页面 ↓
01 / 先看见书

把内容,变成主对象。

书籍从首屏之后的列表,进入首屏构图。长书名完整保留,文字书封承担视觉叙事;没有虚构店内摄影。

02 / 再找到活动

让向往,接上行动。

日程紧接书籍,周六与周日的信息并置。日期、时间、费用与演示席位可查,报名条件仍由真实按钮打开。

03 / 最后安排到店

给阅读,一个落点。

地址、营业时间与空间示意组织在结尾。手机按内容重排书封与日程,保留信息和主要操作。

同内容 / 同视口 / 完整页面

整页看,才知道
变化发生在哪里。

先看构图,再看文字与操作。
切换条件后纵向位置按比例保留;
两页结构不同,内容锚点并不一一对应。

章法+分寸 · 0.2.0修订页 / 桌面1440px

纸岸书店章法修订版的1440像素完整页面:首屏书封、活动日程、到店说明及演示边界

内容与操作,不能为了画面丢掉

变的是呈现,
保留的是事实。

  • 两本完整书名、作者与说明。
  • 两场活动的名称、时间、费用和演示席位。
  • 周六报名条件、方式、地点与业务边界。
  • 到店地址、营业时间、空间示意与演示声明。

两边均可打开报名说明、收起并返回按钮。保全核验覆盖1440px和390px;截图记录含视口、尺寸与摘要。

查看截图来源 ↗