实战——
淘宝登录页签的切换效果
淘宝登录页签的切换效果，两张图摞在一起，单击“账户密码登录”将图1放在最上面显示，单击“快速登录”将图2放在最上面显示，即可模拟淘宝登录页签的切换效果。这就是动态面板模拟交互效果的基本原理。
账号密码登录快速登录
实战——淘宝登录页签的切换效果
淘宝的登录页面，有两种登录方式。
一种是通过输入账户密码的方式，另一种是通过扫描二维码的方式。
接下来要制作这两个页签的切换效果，制作一版淘宝登录页签的低保真原型。
登录页签标题设计
1.拖曳一个动态面板元件，宽度设置为
314，高度设置为332，输入动态面板
名称为“登录方式”，设置两种状态，
一种是“快速登录”，另一种是“账
户密码登录” 。
2.进入“快速登录”这个状态里，拖曳
一个矩形元件，宽度设置为314，高
html设置字体颜属性度设置为332，矩形边框设置为灰
（CCCCCC），线宽设置为第二个宽度。
3.拖曳两个标题2元件到工作区域，分别命名为“快速登录”和“账户密码登录”，字号设置为
18号字，账户密码登录的字体颜设置为灰（999999），以区分当前选中的页签。
4.    拖曳一个横线元件，放到矩形边框的最上方，宽度设置为314，调整一下线宽。