文档导航

历程

“展现你的底蕴,就是展现你的可靠。”


在 SX-Creval 系统中,你不需要干巴巴地写一篇长文来介绍公司历史。我们为你准备了 4 款 极具视觉震撼力和交互感的时间轴(Timeline)组件。无论是横向滑动、垂直滚动、还是苹果级的沉浸式视差特效,你只需输入年份和里程碑事件,系统就会自动将其渲染成一部引人入胜的企业纪录片。

1. 四大殿堂级时间轴版式 (Timeline Layouts)

不同的品牌调性,需要不同的故事讲述方式。添加模块时,你可以从以下 4 款排版中任选其一:

款式一:横向时间轴 (Horizontal Timeline)

  • 视觉特点:横向延展的交互式卡片。时间线如同列车轨道,客户可以左右滑动查看。
  • 专属高光功能
    • 要点列表 (Highlights):在这个款式中,除了文字描述,你还可以添加一行行的“要点(✅)”。非常适合用来罗列该年份取得的多项成就(如:✅ 厂房扩建至 10,000 平方米;✅ 荣获 ISO9001 认证)。
    • 默认展示年份:你可以自由指定网页打开时,时间轴默认停留在哪个年份(留空则默认展示第一条)。
  • 适用场景:适合干货满满、发展脚步极其稳健的实体制造型企业。

款式二:竖排时间轴 (Vertical Timeline)

  • 视觉特点:最符合人类自然阅读习惯的经典垂直布局。一条时间线贯穿上下,图文左右交错呈现。
  • 适用场景:适合用来讲述富有情感的“品牌故事(Brand Story)”。随着鼠标的向下滚动,企业从一个小作坊发展为全球供应链巨头的历程如同画卷般徐徐展开。

款式三:沉浸滚动变化 (Immersive Scroll Timeline)

  • 视觉特点这是目前国际最顶级的网页特效(苹果官网风格)! 当客户滚动鼠标时,背景被牢牢锁定,年份、巨大的数字、图片和文字伴随着深邃的动效依次浮现、切换。
  • 自带深色高级感:该款式默认采用 午夜靛蓝 (Midnight Indigo) 动态光斑背景。
  • 适用场景:极其适合高科技、新能源、高端精密加工等需要展现“未来感”与“行业颠覆力”的企业!

款式四:点击选项卡时间轴 (Clickable Tab Timeline)

  • 视觉特点:高度浓缩、节省空间的现代化排版。年份和阶段(如 FOUNDATION 奠基期 / EXPANSION 扩张期)作为按钮排列在上方或侧边,客户点击哪个,就展示哪个时代的图文。
  • 适用场景:如果你的公司历史非常悠久(比如跨越了 5 个年代),使用这种点击式设计,能避免页面过长导致客户失去耐心。

2. 节点内容录入 (Content Entry)

无论你选择哪种版式,录入“里程碑”的方式都像发朋友圈一样简单。在【历程节点列表】中点击“添加节点”,依次填入:

  • 年份 (Year):填写纯数字(如 2015)。建议节点按时间先后顺序排列。
  • 时间轴小标题 (Nav Title)(部分款式可用) 概括这一年的时代主题,例如 FOUNDATION (奠基) 或 GLOBALIZATION (全球化)。
  • 内容标题 (Title):这一年的核心大事件,例如 Opened New European Branch。
  • 内容段落 (Description):对事件的详细描述。(注:款式三和款式四支持 富文本输入 (Rich Text),你可以在段落中加粗文字或插入超链接!)
  • 历史照片 (Image):上传一张与该年份相关的高清老照片、厂房剪彩图或团队合影。

3. 外观与质感微调 (Style & Vibe)

  • 卡片颜色反转 (Card Dark Mode)
    • 如果你的背景设置得比较深,请务必勾选此项!系统会将原本白色的历程卡片,瞬间转换为极具高级感的半透明暗色毛玻璃卡片,文字也会自动翻转为亮色,保证绝佳的视觉融合度。
  • 卡片圆角 (Radius):配合你企业的 VI 规范,将卡片边缘设置为锐利的直角,或是圆润的现代感大圆角。
  • 动效加持:在【动效设置】中为整个历程版块加上一个 缓慢推进 的出场动画,让这段历史显得更加厚重。

💡 SX-Creval 品牌营销避坑指南 (Pro Tips)

  1. “买家视角”而非“老板视角”
    海外买家不关心“老板哪一年去欧洲旅了游”。他们只关心与供应链实力相关的里程碑!请多写以下内容:厂房扩建、引进德国全自动生产线、拿下国际顶级认证(CE/UL)、成立海外售后中心、年出口额突破多少大关。这些才是能转化为信任感的干货。
  2. 贵精不贵多
    千万不要把时间轴写成流水账,一年写一条会让人抓狂!整个历程组件建议只挑选 4 到 7 个最具代表性的转折点。
  3. 头尾效应 (Primacy and Recency Effect)
    客户往往对“第一条”和“最后一条”印象最深。第一条展示你们的底蕴和初心(即使当时厂房很简陋);最后一条展示你们现在的雄厚实力或对未来的宏大愿景,给客户留下震撼的结尾。