造园心法

用空间思维重新组织数字内容

这里不把造园术语当作表面装饰,而是把它们转译为入口、层次、节奏和视觉关系。四条原则贯穿集芳阁的搜索、专题和内容卡片。

四条原则

每一条都对应一个具体的界面问题

从入口到深度阅读,用空间关系降低复杂度。

01

先藏后露

首屏只提供最关键的搜索与方向,次级能力在滚动和交互中逐步出现。

02

步移景异

不同栏目使用不同的版式与抽象图形,浏览时始终保持新鲜但不破坏统一。

03

疏密有致

高密度数据区与舒展的文化内容区交替出现,避免全站同一种节奏。

04

虚实相生

真实正文承担信息,抽象 SVG 负责语义和氛围,两者互不替代。

造园语言页面问题数字转译
先藏后露首屏是否过载?只展示主任务,次级能力延后出现
步移景异全站是否像复制模板?不同栏目采用不同布局与主题 SVG
疏密有致高密度内容是否拥挤?榜单、卡片与大留白内容区交替
虚实相生装饰是否抢走正文?SVG 负责氛围,核心文字由 PHP 直出
例子:搜索页

左侧筛选像“廊”,右侧结果像“景”

筛选器提供连续路径,结果列表承担主要观看对象;热门搜索和搜索建议则像借景,为当前任务提供外围线索但不抢主视线。

查看搜索页 →
例子:首页

模块变化不是为了炫技,而是为了建立节奏

时间线、榜单、双栏、宫格与编辑式长文交替出现,让用户在高密度入口与慢节奏内容之间获得视觉呼吸。

返回首页 →