作品介绍:
本作品是一套对中后台系统平台中左侧菜单栏、顶部菜单栏、底部导航栏等主要内容元素按照真实交互实现的高保真案例,对每个元素都穷举主流通用的实现方式和实现效果,并且对每个实现方式都进行了原理解析,保证用户将每种实现方式都完全理解掌握。
原型以智慧工地行业举例实现,包含智慧工地行业部分真实业务交付页面提供相关行业产品朋友们直接使用。
并且还提供了一些在实际工作中高频出现的小案例,这些案例静态实现很轻松,但在真实产品工作实践中为了原型效果又往往需要高保真实现,因此在这里提供给大家轻松完成。
主要功能:
左侧菜单栏
- 以中继器实现:可直接通过修改中继器数据实现2级、3级、4级至无限级的菜单效果,傻瓜式操作直接上手可用,并对每个交互步骤进行了详细解释。
- 以动态面板实现:带推动/拉伸效果的二级菜单;选中二级菜单时同时选中上级菜单的进阶效果;同一时间只展开一个菜单效果等三种真实菜单效果类型。
顶/底部导航栏
- Antdesign风格顶部菜单栏各要素及简单的交互实现。
- 以中继器实现底部导航栏,可根据需求直接修改中继器中对应数据一步成型,并制作了完整的企业官网模版。
菜单栏与标签栏联动完整交互
- 通过中继器实现菜单栏与标签栏的完整联动交互,并按真实场景包含首页自动选中、点击标签栏切换页面,删除当前标签页、删除其他标签页(首页标签不删除)、删除全部标签页(首页不删除)等全部效果。并以智慧工地真实场景举例,展现智慧工地平台的真实交付页面。
交互小案例
- 真实时钟案例,模拟真实时钟时分秒完美转动的两种交互方式 ,实现方式在原型中有详细介绍。
- 数字时钟及倒计时真实交互实现方式
智慧工地行业真实案例交付页面
- 原型中列举了导航栏中所有业务模块在智慧工地平台中的实操页面,供有需求的产品同学参考。
发表评论 取消回复