记录·效率·下一阶段

星期六那天写了一篇回顾，鸡汤而又矫情，不设置分享，因为自己都有点不好意思。

今天，记录一下继《时间·工具控·追求完美》后做的几个作业，也当作复习。

自从周四那天反省了之后，我对学习效率的低下越来越在意，现在都有了时时要看右下角时间的习惯了。因为周六周日有事要去惠城一趟，所以在周五做了不少案例练习，在时间的投入产出上自己还是挺满意的。

Ps：生成工具：Axure 8.0 ； 浏览器：IE11。

第一个案例练习：边框变色，文本标签添加链接

边框变色，原型

边框变色

获取焦点时边框与图标变色“true”，失去焦点时“false”。

在上次“淘宝搜索框”的练习后，我很习惯的，遇到有状态变化的需求就直接从动态面板的角度下手，其实这个效果可直接使用交互样式实现，所以这个练习完成得很快。想到这一层，我重新做了一个“淘宝搜索框”：

宝贝菜单

天猫菜单

使用了交互样式，只有天猫的菜单试用了动态面板，精简了过程，但是提示效果的展示上不及上个原型。（什么？颜色好丑而且还不统一？点错了懒得改）

第二个案例练习：登录框的按钮变换样式

未有动作时

鼠标悬浮时

鼠标按下时

就是交互样式设置的练习，不多说。你在问它为什么转，还转得那么丑？哈哈，上次做了个时钟，我就复习下，所以它跟秒针一样绕中心转，角度[[seconds*6]]。

第三个案例练习：手机端的话费充值界面

话费充值界面

只需要拖入一个矩形，页面引用勾选“选中”，然后设置选项组，接着拖动复制九个，这样就可以达到需求效果，而不用每一个按钮去设置动作“true”和“false”。

第四个案例练习：环形进度条

环形进度条

其实就是元件形状利用合并、去除等功能进行加工，剩下的就是添加矩形和文本标签。

第五个案例练习：帐号登陆与快速登录切换

帐号登陆界面

快速登录界面

一个动态面板，两个状态。

第六个案例练习：Banner轮动

轮播图1

轮播图2

图片是三个星期前，为了写一份o2o学车app的体验报告收集的百度指数图，当时还有一份竞品资料与结构图，因为没经验，几乎每晚都弄到半夜，关键词对不对，要不要精简降噪，报告怎么排版，新手的代价就是每一个环节都需要花大量时间。

最后通过朋友发给了他们公司的产品总监。

“是因为互联网钱多吗？”、“本来可以考虑培养的，但是这里体验得不细致，啧啧……”

这是朋友给我的聊天截图里的其中两句话，也许他们总监是一个要求很高的人，而我当时想得到一个面试实习生的机会，最后希望我的事情没让我朋友难做。（上上个星期写了一份完整的竞品分析，不好意思再麻烦朋友，拉勾投了简历，只是周一等到周五下午，直接被“不合适”了，报告都没看。）

回到案例，Banner轮播主要就是设置动态面板，“Next”，同时为小圆点设置选项组，状态改变时设置判断条件，面板播放时对应的小圆点 “选中” 状态“true”，就可以实现效果。

第七个案例练习：内联框架（百度地图）

略。

第八个案例练习：动态面板：保持固定位置

固定到浏览器

就是固定到浏览器这个功能。

第九个案例练习：拖动滑块解锁（未成功实现）

原型和用例截图

这个真的花了不少时间，滑块所在的矩形区域重叠了许多元件，滑块的不同状态对应元件有不同的显示，然后要安排各元件中的层级，难度对现在的我来说有点高，做到后面绕晕了自己，这时候真希望有个老师。

最后在IE预览时，没有实现拖动功能，鼠标稍微移动滑块，它就直接到了尽头图片热区的位置。这个问题直到出发去惠城前都没有解决，只好保留到以后了。

因为进度实在有些慢了，时间宝贵，Axure掌握程度先到这个阶段，接下来是继续进行@纯银v的产品学习方法，对大分类的热门产品进行测评并且记录，还有学习墨刀。

2016.07.11  星期一  15：30