产品经理学习画原型-登录界面(交互样式设置)

1.经过第一阶段学习,登录界面原型目前效果如下:

产品经理学习画原型-登录界面(交互样式设置)_第1张图片

2.下面我们来加入元件交互样式效果:

产品经理学习画原型-登录界面(交互样式设置)_第2张图片

鼠标悬停改变字颜色效果:

产品经理学习画原型-登录界面(交互样式设置)_第3张图片

鼠标悬停改变图片:

产品经理学习画原型-登录界面(交互样式设置)_第4张图片

悬浮效果

产品经理学习画原型-登录界面(交互样式设置)_第5张图片

 随后把微信、微博、关闭按钮都做相关处理
3.元件增加交互式提示(注意要先点Show All,才能出现工具提示 )产品经理学习画原型-登录界面(交互样式设置)_第6张图片

效果如下:

产品经理学习画原型-登录界面(交互样式设置)_第7张图片

 然后把相关同类型的提示都添加一遍。

产品经理学习画原型-登录界面(交互样式设置)_第8张图片

4.钢笔工具使用 

4.1.绘制

钢笔工具的位置

产品经理学习画原型-登录界面(交互样式设置)_第9张图片

通过左键点击建立锚点,两个锚点之间就是一根线。锚点起点和结束点相重合,就是封闭路径。

产品经理学习画原型-登录界面(交互样式设置)_第10张图片

 以双击鼠标左键或者ESC结束绘制,就是开放路径。

产品经理学习画原型-登录界面(交互样式设置)_第11张图片

绘制中途可以按Alt暂停,再次按Alt继续。

直线转曲线:按住左键拖动。还可以拖动锚点和曲线杆对曲线进行调整。

产品经理学习画原型-登录界面(交互样式设置)_第12张图片

 4.2.编辑修改

通过双击锚点,直线与曲线切换。

双击前:

产品经理学习画原型-登录界面(交互样式设置)_第13张图片

双击后:

产品经理学习画原型-登录界面(交互样式设置)_第14张图片

你可能感兴趣的:(产品经理,学习)