选中蒙版这个画板，按一下 command + c 复制一下这个画板，然后再按一下 command + v，创建一个一样的画板。 双击这个画板的标题，修改一下它的名字，设置成 内容。

把这个画板上的标志，还有头像删除掉，只留下这行文字。 然后双击 列表 画板上的第一个项目，复制一下，回到 内容画板，把复制的项目粘贴到这个画板上。然后调整一下这个图形蒙版的尺寸，可以拖拽它周围这些编辑点调整它的尺寸。

双击下面这行文字，修改一下文字内容，改成 大明湖的荷花。调整一下这行文字的位置。再按一下 t ，使用文字工具，在这行文字的下面再添加一行文字。输入这个照片作者的名字。

在本地电脑上找一个小图标，直接把它拖放到这个 内容 画板上。 把它放在这张照片的上面。再稍微调整一下这个照片的尺寸， 还有这个返回小图标的位置，可以使用键盘上的方向键做微调。

下面我们试一下 xd 提供的原型功能。 在窗口顶部这里，现在用的是 设计，点击打开 原型。

然后双击选中 列表 这个画板上的第一个项目，在它右边会出现一个蓝色的箭头，拖动这个箭头，让它连接到 内容 这个画板。这样点击这个项目就会打开 内容 画板。

再选中这个 内容 画板上的 返回箭头小图标，我想点击这个小图标可以返回到 列表页面。 拖动蓝色箭头，让它连接到列表画板。

下面可以预览一下这个原型， 先选中 列表 这个画板， 然后再打开 预览 。 全屏幕显示这个预览窗口 。

现在显示的列表画板，点击这个画板上的第一个图片项目，会显示 内容 画板。 点击 内容画板上的这个箭头小图标，打开的就是 列表 画板。

这个过渡效果我们可以再修改一下。 先选中要修改的连接， 然后在右边栏，动画的下面，可以选择一种动画效果，比如 左滑。

再选中另外一个连接， 修改一下动画效果，可以选择 右滑。

再预览一下这个原型。 点击 列表 画板上的第一个图片项目，注意这个动画效果跟之前不太一样，现在用的是左滑这种动画效果。 按一下箭头小图标，会使用 右滑这种动画效果，过渡到 列表 画板。