Webflow 原型链接

桌面端操作录屏：

桌面端原型操作录屏

手机端操作录屏：

手机端原型操作录屏

在 Webflow 中搭建原型的细节

  • 我为原型中的每个屏幕或步骤都做了独立页面。一开始想用动画，把原型分成几个大区块，再在同一页面内实现各种小状态，比如切换幻灯片或通过动画转换。但试过之后，被这些动画折腾得够呛。
  • 本质上是个迷你网站，只不过页面数量相当多。
  • 所有链接和跳转都使用了<link rel=»prerender» href=»url»>，让浏览器提前加载这些页面，实现无缝跳转。
  • 桌面端我就在页面中间放了一个类似手机屏幕的区域，没有纠结手机的精确比例。不过，在几乎所有分辨率下看起来都不错。
  • 在手机上，原型看起来非常接近原生应用。能用的地方都加上了可操作的输入框，也模拟了下拉选择，效果真不错！
Webflow 框架中的原型

需要原型吗？

如果你的业务需要推出 高保真原型 的移动应用或网页应用版本，请写信至 hi@nevskii.me ，或在 Telegram 联系我 @alexander_nevsky

联系