软件的用户界面可分为：注册界面、登陆界面、主页、白板详情页、邀请页和个人信息页。
5.2.1 注册界面
首次打开App，将进入注册界面。如图5-2所示
图 5-2 注册页
注册页面如左图所示，包含四个输入框（手机号码、用户名、姓名、密码）和一个按钮（图中未显示）。
手机号码输入框采用正则匹配的方式对输入的手机号进行校验；
用户名输入框要求输入至少4个字符；
姓名输入框要求输入至少两个字符；
密码输入框要求输入至少6个字符。
所有校验通过后，将出现“立即注册”按钮，点击按钮即可完成注册并自动登陆。
右上角有“直接登陆”按钮，点击可跳转至登陆界面。
5.2.2 登陆界面
登陆页面为一个sheet页，向下滑动即可回到注册界面。如图5-3所示。
图 5-3 登陆界面
登陆界面包含两个文本框和一个按钮。
用户名输入框要求输入至少4个字符；
密码输入框要求输入至少6个字符。
所有校验通过后，将出现“登陆”按钮。
点击按钮，若登陆成功，将进入主页；否则，将提示错误。
5.2.3 主页
主页为一个NavigationView。展示了登陆用户当前订阅的所有白板。如图5-4所示。
图 5-4 首页
白板以卡片（Card）的形式展现，包括内容、订阅用户、标签以及最新编辑时间。点击白板主体，可以跳转至对应的详情页。点击标签或用户姓名，可以开启筛选功能。如图5-5所示。
图5-5 筛选功能演示
点击右上角“+”图标，弹出菜单栏，包含“创建”、“邀请”、“筛选”、“个人信息”四个菜单项。如图5-6所示。
图5-6 弹出式菜单栏
5.2.4 白板详情页
白板详情页展示了当前白板，白板样式（类型、背景、颜色、字体、字号等），和谁共享（订阅该白板的用户）以及用户标签。如图5-7所示。
图 5-7 白板详情页
点击右上角的“编辑”按钮，即可进入编辑模式。如图5-8.
图 5-8 编辑白板
编辑模式下，可以选择白板的类型。
共有两种类型：图案、图片。图片模式下，用户可以上传本地图片作为背景。点击“选择图片”按钮，将弹出图片选择器。如图5-9.
图 5-9 图片选择器
用户点击图片即可完成选择。
图 5-10 选择新图片之后
图案模式下，用户无需上传图片，可以直接使用软件预设制作出好看的白板。如图5-11所示。
图5-11 图案模式
点击背景样式，从软件预设中选择喜欢的背景图案。如图5-12所示。
图5-12 图案选择器
接着可以设置“背景颜色”、“图案颜色”、“文字颜色”、“文字字体”、“文字字号”。如图5-13所示。
图 5-13
在“内容”文本框中输入文本，即可显示在白板上，文本框支持多行文本。如图5-14所示。
图 5-14 多行文本演示
随后点击“完成”，即可保存该白板。
5.2.5 邀请其他用户订阅白板
在白板详情页，点击“和谁共享”条目，即可弹出邀请列表。如图5-15所示。
图 5-15 邀请列表
点击右上角的“邀请”按钮，显示文本框。如图5-16.
图 5-16
输入待邀请用户的用户名或手机号，点击“发送邀请”按钮，即可完成邀请。如图5-17所示。
图 5-17 发送邀请
随后只需要等待用户同意邀请便可与其共享当前白板。点击“取消”按钮可以取消邀请。
5.2.6 为白板添加标签
在编辑模式下，点击“标签”条目，弹出标签选择页。如图5-18所示。
图 5-18
默认情况下，标签列表为空，点击右上角“添加”按钮，弹出文本框，输入标签名，随后点击完成。如图5-19所示。
图 5-19
这样就可以在标签页选择标签了，点击相应的标签，便可以在“选中”和“未选中”状态切换。如题5-20所示。
图 5-20 标签被选中（左）标签未选中（右）
回到主页，便可看到白板上出现了相应的标签。点击标签可以筛选处所有同标签的白板。如图5-21所示。
图5-21
5.2.7 置顶白板
在编辑模式下，点击“置顶”，即可为白板添加“置顶”标签，在首页中将置顶显示。如图5-22所示。
图 5-22 置顶功能演示
5.2.8 邀请页
点击首页右上角的“+”按钮，在弹出式菜单中选择“邀请”，即可打开邀请页。如图5-23所示。
图 5-23 邀请页
点击“同意并订阅”按钮即可订阅该白板；点击“忽略”按钮将不再显示。
5.2.9 个人信息页
点击首页右上角的“+”按钮，在弹出式菜单中选择“信息”，即可打开个人信息页。如图5-24所示。
图 5-24 个人信息页
用户可以在此修改信息，或者退出登录。
5.2.10 在屏幕添加便签
长按屏幕，点击左上角“+”，弹出小组件选择器，选择“尺素”，随后选择合适的小组件尺寸（有小、中、大三种尺寸，在iPad上还有特大尺寸），如图5-25所示。
图 5-25
之后，屏幕上会出现一个小组件，器内容为最新的白板，点击小组件，可以更换要显示的白板。如图5-26所示。
图 5-26
小组件添加完成，用户可以像拖放桌面图标一样，将小组件放在合适的位置。