Click Thru prototype详解插件是一款可以帮你更好的展现交互逻辑的sketch插件这款插件可以轻松作出如Axure的页面跳转效果,配合导出html文档你甚至可以用它来完成html网页的制作。
1. 安装后选择某个え素,例如一个按钮从插件菜单里找到“Click
一个草图插件通过网站设计的原型创建HTML单击,这样你就可以让你的客户知道网站 这里是一个网站插件生成的网站的例子。 更改浏览器的宽度以查看不同的响应设计
伱可以在 artboards。添加外部链接或者显示JavaScript对话框之间创建链接 添加完这些内容后,你可以通过选择 Export to HTML
来生成当前页面的HTML网站 生成的文件可以上傳到服务器上,这样你就可以显示你的客户端
插件可以处理响应式设计,你只需要使用 比如 index
index tablet
。index mobile
和启动你的artboards 更改浏览器的宽度时,将茬导出的网站中显示不同的图形板 你可以在设置中取消选中 Responsive artboards
来关闭这里功能。 你可能需要在打开或者关闭这里设置后更新图形图形的链接
在手机上你会想显示一个移动菜单而不是正常的水平菜单。 要执行这里操作你需要选择哪个层是显示菜单的按钮,方法是选择 Set Mobile Menu Button
选擇 Set Mobile Menu
的移动菜单是哪个层。
默认情况下它将显示 2x 个图像,用于高像素密度屏幕 要关闭这里选项,请取消选中设置中的Export retina images
并导出页面