发表于: 2020-08-13 23:25:09
1 601
今天的任务:
1.完成修改微官网添加的功能展示原型图
2.再次学习原型设计规范
3.ppt总结
明日计划:
继续ppt总结
收获:
1、画原型要有流程图
2、页面间的跳转必须要有
3、输入框要有文字的限制说明
4、有交互效果的要有文字说明
5、有异议的地方都要说明
6、涉及到钱的、网站不想让用户做的、对用户有损失的操作都要进行提示
7、确认、取消按钮的左右排列问题要看网站的意愿
8、账号、密码输入框要进行文字性说明进行相关限制,保证破坏性测试时没问题
9、表格内容有限制时都要进行文字说明
10、与别人合作做事要有发邮件确认的习惯
11、文件命名规范:【期数】产品名称-日期-时间。 (示例:【四期】编程王-0122-1825)
12、原型里不要页面里套页面。一个页面只画一个原型。
13、验证码常用发送次数为5次,有效时间为10分钟(可根据产品需求变更限制)
14、story与验收标准模板:
15、文字(标题、正文)行数、边界、行数限制。
16、光标移入移出、悬停、点击交互
17、图片来源的说明
18、列表的排序
19、点击区域说明
20、分页展示的数量设定
21、表单设计要注意几点:1.Label的对齐 2.错误信息的提示 3.PlaceHolder的对齐 4.确定和取消按钮位置
22、原型里的所有内容,不能任意乱填,而是应该填仿真数据
23、原型图中的文件必须遵循以下原则: 每一个文件必须放在文件夹下, 不准文件下面放文件, 一个文件里只允许画一张原型图,可以展示其他的交互动作,不允许一个文件画出来多个原型图。
24、生成的html包等文档压缩格式统一用zip
25、按钮位置:把最不常见的放左边,最常用的放右边。
26、标注时要注意标注不应该干扰视线,不要在原型上全是圆形标记和水滴标记,可采用连接线标注
27、同的功能页面,放到文件夹。
28、做PC必须要考虑到Title和Keywords和Descibition.
29、如果是网页,必须支持响应式和自适应。
1.尺寸和比例:尽可能的和原尺寸相同或者成等比等差关系,由于axure画原型时,电脑工作区域有限,一般情况下安原尺寸缩小1/2,ios常用的是Iphone5、iphone6和iphone6plus
Andorid中一般常用的原始尺寸是720x1280
Web尺寸和比例:1300,内容比例1200
2.字体和图标大小:导航栏h=44,文字=16px,标题16号,主页面正文14号,文字说明12号红色字体;常用的图片大小60x60,80x80,120x120。
1. 登录注册:输入框h=40px,登录按钮 h=45px
2. 我的界面:资料背景框h=132px
3. 键盘w=318px,h=221px 格子:w=106px,h=49p
4. Bnner图h=170px banner点R=2.5
5. 底部栏h=49;图标h=49,w=49;文字=12px
3.颜色:非高保真原型常用颜色:黑、白、灰、红、蓝。
4.控件:为了能让白色填充颜色的控件无边框时也可见,原型底色设为浅灰。同一个页面多个板块内容用独立的控件表现内容,避免axure发布后与原型控件出现位置差异,导致开发人员理解错误。
评论