技术文章

了解最新技术文章

当前位置:首页>技术文章>技术文章
全部 111 常见问题 0 技术文章 111

原型制作中如何创建滚动原型

时间:2023-09-22   访问量:1029

滚动原型允许您创建更接近成品的真实原型。例如,您可以创建模仿滚动列表的应用程序原型。


要创建预览时会垂直滚动的原型:

  1. 首先插入一个画板模板,它将定义原型将在其中显示的固定窗口(视口)的大小。

  2. 增加画板模板的高度(请注意,它现在在检查器中标记为“(调整大小)”)并添加将在视口中滚动的额外图层。

  3. 预览原型以查看调整后的画板及其中的图层如何在视口内滚动。

  4. 您可以创建固定元素并将其添加到滚动原型,例如选项卡和菜单栏。

显示创建滚动原型所需步骤的图像

创建滚动原型的基本步骤

如果您不使用模板而是绘制自定义画板,您的原型将不会滚动,并且在应用程序、Web 应用程序和 Sketch iPhone 应用程序中播放时会显示缩小。

要从画板模板创建滚动原型,请选择您的模板并增加其在画布上的高度。当您执行此操作时,检查器中的模板名称将更改为包含单词ResizedSketch 附带适用于常见设备的画板模板,但您也可以创建自己的画板模板

您可以通过使用固定元素创建常见元素(例如选项卡栏和固定菜单)来增强滚动原型,这些元素在原型的其他元素滚动时保持在原位。


上一篇:原型设计中如何使用叠加层

下一篇:sketch中的实时协作

发表评论:

评论记录:

未查询到任何数据!

免费通话

24小时免费咨询

请输入您的联系电话,座机请加区号

免费通话

微信扫一扫

微信联系
返回顶部