星期六那天寫了一篇回顧乘碑,雞湯而又矯情,不設置分享金拒,因為自己都有點不好意思兽肤。
今天,記錄一下繼《時間·工具控·追求完美》后做的幾個作業(yè)绪抛,也當作復習资铡。
自從周四那天反省了之后,我對學習效率的低下越來越在意幢码,現在都有了時時要看右下角時間的習慣了笤休。因為周六周日有事要去惠城一趟,所以在周五做了不少案例練習症副,在時間的投入產出上自己還是挺滿意的店雅。
Ps:生成工具:Axure 8.0 政基; 瀏覽器:IE11。
第一個案例練習:邊框變色闹啦,文本標簽添加鏈接
獲取焦點時邊框與圖標變色“true”,失去焦點時“false”窍奋。
在上次“淘寶搜索框”的練習后荐健,我很習慣的,遇到有狀態(tài)變化的需求就直接從動態(tài)面板的角度下手琳袄,其實這個效果可直接使用交互樣式實現江场,所以這個練習完成得很快。想到這一層窖逗,我重新做了一個“淘寶搜索框”:
使用了交互樣式址否,只有天貓的菜單試用了動態(tài)面板,精簡了過程滑负,但是提示效果的展示上不及上個原型在张。(什么?顏色好丑而且還不統(tǒng)一矮慕?點錯了懶得改)
第二個案例練習:登錄框的按鈕變換樣式
就是交互樣式設置的練習帮匾,不多說。你在問它為什么轉痴鳄,還轉得那么丑瘟斜?哈哈,上次做了個時鐘痪寻,我就復習下螺句,所以它跟秒針一樣繞中心轉,角度[[seconds*6]]橡类。
第三個案例練習:手機端的話費充值界面
只需要拖入一個矩形蛇尚,頁面引用勾選“選中”,然后設置選項組顾画,接著拖動復制九個取劫,這樣就可以達到需求效果,而不用每一個按鈕去設置動作“true”和“false”研侣。
第四個案例練習:環(huán)形進度條
其實就是元件形狀利用合并谱邪、去除等功能進行加工,剩下的就是添加矩形和文本標簽庶诡。
第五個案例練習:帳號登陸與快速登錄切換
一個動態(tài)面板惦银,兩個狀態(tài)。
第六個案例練習:Banner輪動
圖片是三個星期前,為了寫一份o2o學車app的體驗報告收集的百度指數圖扯俱,當時還有一份競品資料與結構圖书蚪,因為沒經驗,幾乎每晚都弄到半夜蘸吓,關鍵詞對不對善炫,要不要精簡降噪,報告怎么排版库继,新手的代價就是每一個環(huán)節(jié)都需要花大量時間箩艺。
最后通過朋友發(fā)給了他們公司的產品總監(jiān)。
“是因為互聯(lián)網錢多嗎宪萄?”艺谆、“本來可以考慮培養(yǎng)的,但是這里體驗得不細致拜英,嘖嘖……”
這是朋友給我的聊天截圖里的其中兩句話静汤,也許他們總監(jiān)是一個要求很高的人,而我當時想得到一個面試實習生的機會居凶,最后希望我的事情沒讓我朋友難做虫给。(上上個星期寫了一份完整的競品分析,不好意思再麻煩朋友侠碧,拉勾投了簡歷抹估,只是周一等到周五下午,直接被“不合適”了弄兜,報告都沒看药蜻。)
回到案例,Banner輪播主要就是設置動態(tài)面板替饿,“Next”语泽,同時為小圓點設置選項組,狀態(tài)改變時設置判斷條件视卢,面板播放時對應的小圓點 “選中” 狀態(tài)“true”踱卵,就可以實現效果。
第七個案例練習:內聯(lián)框架(百度地圖)
略据过。
第八個案例練習:動態(tài)面板:保持固定位置
就是固定到瀏覽器這個功能颊埃。
第九個案例練習:拖動滑塊解鎖(未成功實現)
這個真的花了不少時間,滑塊所在的矩形區(qū)域重疊了許多元件蝶俱,滑塊的不同狀態(tài)對應元件有不同的顯示,然后要安排各元件中的層級饥漫,難度對現在的我來說有點高榨呆,做到后面繞暈了自己,這時候真希望有個老師庸队。
最后在IE預覽時积蜻,沒有實現拖動功能闯割,鼠標稍微移動滑塊,它就直接到了盡頭圖片熱區(qū)的位置竿拆。這個問題直到出發(fā)去惠城前都沒有解決宙拉,只好保留到以后了。
因為進度實在有些慢了丙笋,時間寶貴谢澈,Axure掌握程度先到這個階段,接下來是繼續(xù)進行@純銀v的產品學習方法御板,對大分類的熱門產品進行測評并且記錄锥忿,還有學習墨刀。
2016.07.11? 星期一? 15:30