×
关于

核心训练

准备开始页面操作部件库和 Masters建立交互引入动态面板条件、值和变量

从头开始

电子商务网站手机上展示的原型

原型设计基础指南

按钮的交互显示隐藏部件用户自定义 Tooltip导航菜单

Masters 指南

上一页/下一页链接 Master

动态面板指南

图片循环显示制作自定义的下拉菜单折叠控制选项板部件视频与图片的 Lightbox图像的拖拽交互拖拽地图自动旋转标题

高级原型设计指南

账户登录Auto-Tab 字段Terms 和 Conditions下拉列表选择必填字段设置文本下拉列表将文本传递给下一个页面在下一个页面上设置面板

Web 设计指南

嵌入视频和地图

iPhone App 指南

滑动菜单滚动内容屏幕过渡动画Swipping 幻灯片

Repeater 部件指南

Repeater 小部件

自适应视图指南

自适应视图

页面操作


在 Sitemap 添加和组织页面,设置网格和辅助线,和设置单个页面或所有页面的样式。

调整 Sitemap 里的页面

image

1 拖动“页面 3”

单击并轻轻拖动“页面 3”到“页面 2”的右上方一点。

2 右键点击“页面 2”删除页面 2

在 Sitemap 里选择“页面 2”然后右击选择“删除”

3 添加一个新页面

选择“页面 3”然后右击。选择“新建 > 子页面”。

4 重命名页面

将“页面 1”重命名为“最后一页”。

使用慢左击将“页面 3”重命名为“页面 2”。

显示网格和创建辅助线

image

1 打开最后一页

在 Sitemap 上双击“最后一页”。

这将在设计区域打开一个新标签。

2 切换网格

右键单击设计区域然后选择“网格和辅导线 > 显示网格”。

3 创建辅导线

再一次右键单击设计区域然后选择“网格和辅导线 > 创建辅导线”。

4 选择预置

选择"960 Gird:12 Column"选项。

5 点击 OK

点击 OK 按钮就可以创建你的辅助线。

添加一个单页的辅助线

image

1 从标尺处拖拽一条页面辅助线

单击上方标尺并拖动到设计区域的 Y:35 处创建一个页面辅助线。 按住 [ctrl] 键(Mac系统上的 [Cmd] 键)拖动可以使它成为一条全局辅助线。

2 拖放一个图像小部件

拖动"部件库"窗口的一个图像部件,当左边缘在 X:90 处对齐辅助线和上边缘在 Y:35 处对齐辅助线时放置图像部件。

3 调整部件

单击并拖动图像的调整处理图像右边使它在 X:230 处对齐辅助线。

使页面在中心

image

1 选择页面样式选项卡

在 Page Style(页面样式)窗口选择 Page Properties(页面属性)选项卡。

2 中心对齐页面

选择 Center Align(中心对齐)按钮,页面将在输出面板中居中显示。

修改所有页面的背景颜色

image

1 打开页面样式编辑器

点击页面样式编辑器按钮进行格式修改所有页面。

2 选择颜色

在页面样式编辑器中,选择一个背景颜色。

3 点击 OK

单击 OK 按钮去修改页面的背景颜色。

预览原型

预览你的原型。Sitemap 的变化反映在原型的 Sitemap 上。注意你所有的页面上的背景颜色已经改变,因为我们在页面样式编辑器改变了默认风格。图像部件在“最后一页”。


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)