开发吐槽原型说明不清晰,领导催促原型要快细节再说,真是夹缝中生存的产品。今天教大家一个方法,既快又全。对原型规范&说明模板不明白朋友,可查看:如何解决原型说明写不全?本期组件:图片组件概述:页面内仅次于文本的常用组件,可在图片中增加链接或单击放大等交互。一、约定基础样式本节主要与研发约定默认实现内容,通过规范文档维护。1.1. 样式样式:默认为方形,分辨率默认图片尺寸:按比例缩小图片大小:过大的图片应压缩为合适大小,以确保页面载入效率1.2. 异常为空:显示默认符号,由UI提供加载中:显示加载符号,由UI提供加载失败:显示加载失败,可点击重新加载二、约定基础交互2.1.懒加载当图片即将滚动到可视范围内才加载;页面内容器的图片也是懒加载。2.2.预览大图1)默认大小:适应窗口2)切换图片:支持切换当前容器内的图片,键盘左右键可切换3)缩放图片:支持鼠标滚轮缩放图片,缩放比例需符合常规,如鼠标滚轮一格,缩放10%,键盘上下键可缩放三、约定可控参数本节主要与研发约定原型中可控制的参数,也通过规范文档维护。文中会提供示例参数,及参数填写说明。1)数据来源:需说明这块数据从哪来2)懒加载:默认为否,除非图片较多,会影响载入体验3)鼠标悬停:鼠标悬停于图片的事件,只可1个,可选事件如下:无需提示文案:气泡提示文案气泡弹窗内容页:通过气泡弹出一个可操作的页面,需单独一个原型描述4)鼠标单击:
...
继续阅读
(47)