【人机交互设计】实验1
实验要求：2.1 查看界面厦门大学首页 用原型工具快速画出草图。
前期准备
1操作环境：win10
2可选工具：pencil，墨刀
pencil界面
墨刀界面
pencil是英文版，下载额外组件需要翻墙，且网络上教程资源较少；相比之下墨刀教程多，组件下载方便，对英文苦手的人也很友好。这里使用墨刀进行制作。
页面初步
点击左上角新建项目
选择网页，下方可以更改尺寸
从左方工具栏与右方拖入需要的组件，右侧设置可以更改组件的颜色、文本、样式，左侧双击组件可以更改名字
需要上传图片可点击素材库进行导入，或者直接复制粘贴
先从默认组件里拖入网页，网页大小是最后预览看到的页面大小，可以拓展画布放入更多的内容(图中虚线格子部分)，后面页面滚动效果需要用到
按照原网页摆放好组件的状态
添加交互
因为只是原型设计，所以用一个空白网页来代替实际链接，实现基本的页面跳转
拖动组件旁的闪电标识，可以方便的进行事件链接，具体事件可以在右侧设置
双击组件可设置不同状态，一般情况下为默认状态，位置、大小、内容不同都可以设置为不同的状态。可利用事件更改组件状态。组件之间可以关联，当一个组件事件发生时，改变另一个组件的状态
导航栏的悬停效果就是用此方法实现的，但没找到如何让下拉栏继续悬停的办法。
页面滚动效果
如果没有特殊效果要求，将页面上所有组件的固定位置设置为不固定
这样页面内容如果大于浏览器窗口大小就可以滚动了。
组合部件
墨刀的组合非常差劲，无法使用ctrl+鼠标左键在左侧进行多选，只能将不想选中的组件设为不可见，再按住鼠标左键进行框选。
导出
做好后右上角可以根据需求导出
其他
墨刀的素材广场中有许多现成原型，可以直接修改使用
