‘壹’ Axure RP 8怎么设计网站用户信息界面
在Axure RP 8中设计网站用户信息界面,可以按照以下步骤进行:
打开Axure RP 8:
- 双击Axure RP 8的快捷方式,打开软件。软件默认显示四个界面,包括页面目录、编辑窗口等。
修改页面目录:
- 在页面目录中,可以修改默认页面的名称,以便更好地组织和管理界面设计。
添加Box控件:
- 从面板中拖曳一个Box控件到编辑窗口,这个控件将作为用户信息界面的容器。
- 调整Box控件的宽度和高度,以适应所需的设计布局。
添加标签和文本字段:
- 拖曳Label控件到编辑窗口,用于显示如“用户姓名”、“用户密码”等提示信息。
- 拖曳Text Field控件到编辑窗口,用于用户输入信息。例如,可以添加两个Text Field控件分别用于输入用户姓名和密码。
添加其他控件:
- 根据需要,拖曳其他控件如单选按钮、按钮以及标题控件到编辑窗口。
- 性别单选按钮可以默认选中“男”选项。
设置控件属性:
- 对于用户编号等自动生成的信息,可以禁用相应的Text Field控件,以防止用户手动输入。
- 在用户姓名的Text Field控件上添加提示信息,如“请输入您的姓名”。
预览和测试:
- 设计完毕后,利用Axure RP 8的浏览器预览功能,查看用户信息界面的实际效果。
- 测试各个控件的功能,确保它们按预期工作。
通过以上步骤,你可以在Axure RP 8中设计一个简洁、实用的网站用户信息界面。记得在设计过程中保持界面清晰、易于理解,并确保所有控件都按预期工作。
‘贰’ Axure rp9基础教程(一):如何自定义元件库
Axure RP9自定义元件库的步骤如下:
新建元件库:
- 打开Axure RP9软件。
- 点击“新建元件库”按钮,开始创建自定义元件库。
设计元件:
- 在画板上设计你需要的元件。
- 如果只是制作静态组件,设计完成后可直接进行下一步。
创建动态组件:
- 若要创建动态组件,首先在概要中重命名椭圆为“选中”和“未选中”,并将两个椭圆组合后再重命名。
- 添加动态面板至设计中,并复制面板,分别重命名为“选中女”和“选中男”。
- 将组合拖入“选中女”面板,并复制到“选中男”面板,调整位置以适应设计。
- 如果发现性别文字未显示,可通过将“性别”标签拉出动态面板来解决。
设置交互:
- 在概要中,为“选中女”添加未选中交互,设置鼠标单击时动态面板切换至“选中男”。
- 反向为“选中男”设置交互,使其在被单击时切换至“选中女”。
保存元件库:
- 将创建的动态或静态组件保存至本地磁盘。
- 确保文件格式为.rplib,以便能成功添加到Axure元件库中。
使用自定义元件库:
- 完成保存后,即可在Axure RP9软件中添加并使用你自定义的元件库了。