3.14. 静态页面

导航信息、组件元素、页面布局-栅格系统、文案信息、重要备注 1

3.14.1. 低保真 Axure实战

大小 2页面Axure实战(375*667)

锁定: 锁定

关闭按钮: 关闭按钮

整体: 页面Axure实战(375*667)

3.14.2. 高保真 Axure实战

https://library.ant.design/

下载,解压

../_images/ant_design2axure.png

Fig. 3.14.1 导入原型库

../_images/remove_now_lib_axure.png

Fig. 3.14.2 移出当前原型库

图标:https://www.iconfont.cn/

登录失败。。

../_images/svg2image.png

Fig. 3.14.3 svg到图片

../_images/image_color.png

Fig. 3.14.4 图片黄色

../_images/awesomeicon_axure.png

Fig. 3.14.5 awesomeicon_axure

https://www.flaticon.com/search?word=close

对齐:先圆形后图标,居中

卡死了,为啥?

../_images/kuang0_axure.png

Fig. 3.14.6 0框

勉强做完,实在登不上iconfont..QQ找不到,wechat用的flaticon

../_images/page_done.png

Fig. 3.14.7 制作完成

3.14.3. 交互设计图 —— 只做交互相关解释

大部分公司都是没有交互设计师的岗位的,所以在这里介绍一下自己写交互设计文档的方法吧。交互设计文档主要是给前端和UI看的文档,所以文档的说明应不包含业务解释、规则说明相关的内容。可以借用需求文档的思路,还是先排版,页面分为“准高保证原型图”、“注释说明”、“交互”、“其他补充内容”。3

“注释说明”应该包括:输入检测标准、缺省值、界面元素变化、显示上限等情景的说明。 “交互”包括:提示弹框样式、功能实现方式、提示内容等响应用户物理操作的反馈画面。