创建原型项目
2)原型界面设计
创建项目后即可根据网站策略进行核心页面的搭建,我们采用拖拽矩形组件、按钮组件、文本组件等预设组件的方式快速完成页面搭建。
创建网页界面
3)添加交互
静态的页面框架搭建不能完全说明网站,往往我们需要在界面搭建后进行页面交互设计。举例,我们给主导航【用户】添加了页面跳转的交互效果,只需要拖拽组件的链接点点对应的目标页面,然后设置触发方式为点击,命令为页面跳转即可。
添加原型页面跳转交互
4)完善UI设计
在界面和交互都完成后,如果想要更逼真和高用户体验的网站原型,我们可以进行UI设计,通过色彩搭配、字体设计以及品牌视觉形象的增加,制作出高保真的网站界面。举例,制作了一批【用户头像】,通过图片组件添加到原型界面。
添加界面用户使用头像
5)测试反馈
完成网页原型设计后,就可以提交测试连接,向团队成员展示画好的原型,可以收集反馈并进行不断优化和改进,进而完成最终的网页原型设计。