产品微课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 条评论
下一页
为你推荐
查看更多