产品微课DAY02
2021-11-22 11:48:49 0 举报课程
作者其他创作
大纲/内容
产品功能结构图
侧重点在功能
制作方法
先根据产品的一级页面，找到产品的主要功能 模块
再根据主要功能模块，逐级延展
适用场景
在产品规划初期，考虑产品的功能 细节使用
产品结构图、产品信息结构图
产品信息结构图
脱离实际页面
主要体现产品某种类型的信息字样
产品结构图
根据页面层级来做
从上到下，从左到右
重点功能重点制作，层级尽量要深
XMIND8使用
结构图和原型图的关系
产品规划初期
先有结构图
后有原型
XMIND使用
TAB键
Shift键
Shift+enter键
/键
空格键
AXURE
常用的元件
矩形
推动矩形元件上方的黄色小三角
在检视-样式-圆角半径中进行设置
图片
原尺寸导入图片，当图片元件的四角为黄色的小正方形时，导入图片为原尺寸
根据给定的尺寸导入图片：当图片元件的四角为白色的小正方形时，导入图片根据指定尺寸进行压缩
文本框
注意可以设置文本类型、以及边框的可见性、提示文件文字的隐藏触发
下拉框
可以批量设置选项
单选、复选
如果要制作单选的效果，需要设置单选按钮（选中全部的选项、右键、选择设置单选按钮组）
常用的交互
鼠标悬停
鼠标按下
选中
禁用
建议
当我人需要给某个元件添加交互动作时，需要给元命名
toggle效果
元件库、母版
极大的提高原型制作的效率
最好的元件库，都是自己制作 的
常见的原型规划
我们在企业里制作原型图时，主要规范移动端，只制作IOS的原型
移动端规范
手机框大小 ：375*667px
某些页面比较长，比如淘宝首页，这个时候可以忽略这个667的规范
状态栏：高度20px
导航栏：高度44px
标签栏：高度49px；字体大小10，图标大小25*25
一级按钮：高度40px
页面流程图、泳道图
自由主题
0 条评论
下一页
