静态页面
========

导航信息、组件元素、页面布局-栅格系统、文案信息、重要备注
`1 <https://www.yinxiang.com/everhub/note/f9ab87ee-73e6-4241-9428-9507cbfd007f>`__

.. _page_Axure:

低保真 Axure实战
----------------


大小 `2 <https://www.bilibili.com/video/BV1WE411w7LW?p=3>`__\ ：
|页面Axure实战(375*667)|

锁定： |锁定|

关闭按钮： |关闭按钮|

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

.. _page_done_Axure:

高保真 Axure实战
----------------


https://library.ant.design/

下载，解压

.. figure:: ../img/ant_design2axure.png

   导入原型库

.. figure:: ../img/remove_now_lib_axure.png

   移出当前原型库

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

登录失败。。

.. figure:: ../img/svg2image.png

   svg到图片

.. figure:: ../img/image_color.png

   图片黄色

.. figure:: ../img/awesomeicon_axure.png

   awesomeicon_axure

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

对齐：先圆形后图标，居中

卡死了，为啥？

.. figure:: ../img/kuang0_axure.png

   0框

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

.. figure:: ../img/page_done.png

   制作完成

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

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

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

更多
----

-  https://www.axurethemes.com/axure-icon-packs
-  https://fontawesome.com/download
-  https://forum.axure.com/t/4-steps-to-get-fontawesome-5-11-2-free-axure-9-working/65942
-  https://fontawesome.com/icons?d=gallery&p=2&q=close
-  https://github.com/bsdfzzzy/iconfont-all-in-one
-  http://caibaojian.com/font-awesome.html

.. |页面Axure实战(375*667)| image:: ../img/page_axure.png
.. |锁定| image:: ../img/lock_axure.png
.. |关闭按钮| image:: ../img/close_axure.png
.. |页面Axure实战(375*667)| image:: ../img/page2_axure.png