記錄·效率·下一階段

星期六那天寫了一篇回顧乘碑,雞湯而又矯情,不設置分享金拒,因為自己都有點不好意思兽肤。

今天,記錄一下繼《時間·工具控·追求完美》后做的幾個作業(yè)绪抛,也當作復習资铡。

自從周四那天反省了之后,我對學習效率的低下越來越在意幢码,現在都有了時時要看右下角時間的習慣了笤休。因為周六周日有事要去惠城一趟,所以在周五做了不少案例練習症副,在時間的投入產出上自己還是挺滿意的店雅。

Ps:生成工具:Axure 8.0 政基; 瀏覽器:IE11。

第一個案例練習:邊框變色闹啦,文本標簽添加鏈接

邊框變色沮明,原型
邊框變色

獲取焦點時邊框與圖標變色“true”,失去焦點時“false”窍奋。

在上次“淘寶搜索框”的練習后荐健,我很習慣的,遇到有狀態(tài)變化的需求就直接從動態(tài)面板的角度下手琳袄,其實這個效果可直接使用交互樣式實現江场,所以這個練習完成得很快。想到這一層窖逗,我重新做了一個“淘寶搜索框”:

寶貝菜單
天貓菜單

使用了交互樣式址否,只有天貓的菜單試用了動態(tài)面板,精簡了過程滑负,但是提示效果的展示上不及上個原型在张。(什么?顏色好丑而且還不統(tǒng)一矮慕?點錯了懶得改)

第二個案例練習:登錄框的按鈕變換樣式

未有動作時
鼠標懸浮時
鼠標按下時

就是交互樣式設置的練習帮匾,不多說。你在問它為什么轉痴鳄,還轉得那么丑瘟斜?哈哈,上次做了個時鐘痪寻,我就復習下螺句,所以它跟秒針一樣繞中心轉,角度[[seconds*6]]橡类。

第三個案例練習:手機端的話費充值界面

話費充值界面

只需要拖入一個矩形蛇尚,頁面引用勾選“選中”,然后設置選項組顾画,接著拖動復制九個取劫,這樣就可以達到需求效果,而不用每一個按鈕去設置動作“true”和“false”研侣。

第四個案例練習:環(huán)形進度條

環(huán)形進度條

其實就是元件形狀利用合并谱邪、去除等功能進行加工,剩下的就是添加矩形和文本標簽庶诡。

第五個案例練習:帳號登陸與快速登錄切換

帳號登陸界面

快速登錄界面

一個動態(tài)面板惦银,兩個狀態(tài)。

第六個案例練習:Banner輪動

輪播圖1
輪播圖2


圖片是三個星期前,為了寫一份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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末怠肋,一起剝皮案震驚了整個濱河市敬鬓,隨后出現的幾起案子,更是在濱河造成了極大的恐慌笙各,老刑警劉巖钉答,帶你破解...
    沈念sama閱讀 211,348評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異杈抢,居然都是意外死亡数尿,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 90,122評論 2 385
  • 文/潘曉璐 我一進店門春感,熙熙樓的掌柜王于貴愁眉苦臉地迎上來砌创,“玉大人,你說我怎么就攤上這事鲫懒∧凼担” “怎么了?”我有些...
    開封第一講書人閱讀 156,936評論 0 347
  • 文/不壞的土叔 我叫張陵窥岩,是天一觀的道長甲献。 經常有香客問我,道長颂翼,這世上最難降的妖魔是什么晃洒? 我笑而不...
    開封第一講書人閱讀 56,427評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮朦乏,結果婚禮上球及,老公的妹妹穿的比我還像新娘。我一直安慰自己呻疹,他們只是感情好吃引,可當我...
    茶點故事閱讀 65,467評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般镊尺。 火紅的嫁衣襯著肌膚如雪朦佩。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,785評論 1 290
  • 那天庐氮,我揣著相機與錄音语稠,去河邊找鬼。 笑死弄砍,一個胖子當著我的面吹牛仙畦,可吹牛的內容都是我干的。 我是一名探鬼主播输枯,決...
    沈念sama閱讀 38,931評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼议泵,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了桃熄?” 一聲冷哼從身側響起先口,我...
    開封第一講書人閱讀 37,696評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎瞳收,沒想到半個月后碉京,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 44,141評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡螟深,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,483評論 2 327
  • 正文 我和宋清朗相戀三年谐宙,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片界弧。...
    茶點故事閱讀 38,625評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡凡蜻,死狀恐怖,靈堂內的尸體忽然破棺而出垢箕,到底是詐尸還是另有隱情划栓,我是刑警寧澤,帶...
    沈念sama閱讀 34,291評論 4 329
  • 正文 年R本政府宣布条获,位于F島的核電站忠荞,受9級特大地震影響,放射性物質發(fā)生泄漏帅掘。R本人自食惡果不足惜委煤,卻給世界環(huán)境...
    茶點故事閱讀 39,892評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望修档。 院中可真熱鬧碧绞,春花似錦、人聲如沸吱窝。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至计维,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間撕予,已是汗流浹背鲫惶。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留实抡,地道東北人欠母。 一個月前我還...
    沈念sama閱讀 46,324評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像吆寨,于是被迫代替她去往敵國和親赏淌。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,492評論 2 348

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,757評論 25 707
  • 發(fā)現 關注 消息 iOS 第三方庫啄清、插件六水、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,059評論 4 62
  • 山城,我們來了... 謝謝欣賞??
    粥粥joly閱讀 130評論 0 0
  • N3-N5 1.船便(ふなびん)【名詞】:海運 2.書類(しょるい)【名詞】:文件辣卒,文稿 3.原稿(げんこう)【名...
    安墨一生Ivy閱讀 218評論 0 0
  • 1掷贾、你知道什么是隱式動畫嗎?什么是顯示動畫荣茫? 2想帅、CALayer類,是在QuartzCore 框架下的東西啡莉,so ...
    winnisz閱讀 206評論 0 0