記錄·效率·下一階段

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

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

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

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

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