<thead id="kdfuf"><font id="kdfuf"></font></thead>
<samp id="kdfuf"></samp>
    <nav id="kdfuf"><strong id="kdfuf"></strong></nav>
      中文字幕无码一区二区三区在线,久久精品人人做人人爽,国产一级内射无挡观看,十八禁在线黄色网站,日韩欧美国产另类久久久精品 ,少妇人妻偷人精品一区二区,久久午夜视频,亚洲春色AⅤ无码专区

      掌握動效設計!讓你的設計富有未來科技感(下)

      2013-11-6    藍藍設計的小編

      轉載藍藍設計(   www.tuitetiyu.cn  )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網站建設 平面設計服務

      來源:http://www.uisdc.com/100-things-you-should-know-about-design

      如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中,   請點這里

      基于情景的消隱

      掌握動效設計!讓你的設計富有未來科技感(下)

      這是iOS上的Chrome,有著基于情景的消隱動效。

      當向下滾動時,導航控件自動消隱。用戶向上滾動時,導航控件出現(xiàn)。優(yōu)設哥發(fā)現(xiàn)這一點上,騰訊網的新聞詳情頁已經采用了。案例圍觀地址(上下滾動鼠標滑輪,注意頁面頂部導航的變化):http://news.qq.com/a/20131104/001730.htm。這種方法既能提高瀏覽體驗、也拓展了有限的瀏覽空間。這對于空間限制較大的移動設備來說,尤為重要。

      用戶會快速掃描內容,略過不感興趣的內容。當用戶停止快速瀏覽時,說明上面或者當前有用戶感興趣的內容,為了便于導航,導航控件再次出現(xiàn)。這是一種動態(tài)的界面。

      注意: 基于情景的消隱,目的在于提高用戶的注意力以及節(jié)省屏幕空間。

      拉動刷新

      可能這則動效大家最為熟悉,也就是下拉刷新。通過該動效,用戶可以刷新內容。下圖是Twitter的應用,看看是怎樣利用這個動效刷新信息流的。

      掌握動效設計!讓你的設計富有未來科技感(下)

      為什么這種動效效果如此好?因為下拉刷新是有依據的,首先,桌面時代,用戶就喜歡按刷新鍵來載入新內容。其次用戶渴望把舊內容向下拉開,這樣就給更多的新內容騰出了地方。所以下拉和刷新結合了起來。

      注意: 在設計中,將用戶的習慣/預期與行為結合,能打造無縫的體驗。

      可接受的轉換

      iOS_Lockscreen-500-final

      可接受性的概念來自認知學理論,主要面向引導用戶這一問題。

      用戶界面需要一種可接受性——軟件界面能夠自然、合乎用戶情理的完成轉換。

      我們可在iOS的照相應用中發(fā)展這種UX理論。

      比如說解鎖漣漪效果,便說明操作有效。這給用戶以提示,用戶便能接受下一步的轉換。然而在iOS7中,蘋果移除了這一特性,因為用戶已經全盤習慣、熟知了這種操作,用戶已經適應了這種轉換,因此動效作為”引導”已經沒有存在的必要。我想這大概就是扁平取代擬物的原因——之前iOS的擬物隱喻眾人熟知,已無引導用戶的必要。但是還是要贊一下曾經的漣漪效果,用戶引導效果非常棒。推薦閱讀《全世界都被拍扁!你應如何理性對待扁平化設計》

      注意: 賦予元素高可接受性,能為用戶指明操作方法。

      焦點轉換動效

      一周前,Nikita Vasilyev,這位多倫多的UI設計師提出了一個理念。寫了一個腳本,賦予焦點元素動效。仍處于試驗中,但是非常有趣,感興趣的可以自行youtube這位仁兄的實驗。

      當使用鍵盤進行導航時,用戶按Tab往往無法很好的掌握”自己在頁面中的所處”,這種動效設計會賦予焦點動效,能夠讓轉換更清晰,讓用戶更能明白自己所處的元素位置

      這個腳本的地址:http://n12v.com/focus-transition/

      注意:引導用戶,無論用戶以何種方式導航,都能一清二楚。

      結論

      本文例舉的事例不是很多。目的并不是為了展示的交互技術,而是要突出一點:一切交互技術的更新、變革,目的都是為了更好的用戶體驗。以提高用戶體驗為出發(fā)點,你的設計會更棒。

      我們不能固步自封,應該保持探索和實驗。

      最后給英文好的童鞋一點福利:http://webdesign.tutsplus.com/tutorials/ux-tutorials/implementing-the-float-label-form-pattern/非常不錯的動效實現(xiàn)教程。

      日歷

      鏈接

      個人資料

      藍藍設計的小編 http://www.tuitetiyu.cn

      存檔

      主站蜘蛛池模板: 狼友视频国产首页入口| ZZIJZZIJ日本成熟少妇| 亚洲中文字幕不卡无码| 胯下粗长挺进人妻体内电影| 亚洲一区无码精品色| 正镶白旗| 亚洲国产精品无码久久九九| 亚洲欧美日韩国产另类丝瓜| 奇米四色7777中文字幕| 无码任你躁久久久久久| 国产精品亚洲综合五月天| 久久久久亚洲精品天堂| 国产日韩一区在线精品| 无码按摩潮喷在播放| 久久精品亚洲AV无码四区| 国产免费午夜福利757| 吉林省| 久久久精品免费| 中文字幕人妻精品无码四区| 中文字幕丰满子伦无码专区在线视频最新 | 国产99视频精品| 国产国语精品对白| JIZZ日本高潮| 精品人妻AV一区二区三区| 国内精品乱码卡一卡2卡三卡| 国产精品久久久久久久久夜色| 日韩美女A片一区二区三区| 久久香蕉国产线看观看怡红院妓院| 最近免费中文字幕mv在线电影| 一本色道婷婷久久欧美| GOGO全球高清大胆摄影| 欧美交换配乱吟粗大免费看| 国产免费一区二区三区在线观看| 国产V片在线播放| 91精品隔壁老王在线观看| 国产剧情普通话对白av| 野花日本HD免费高清版7| 吃奶摸下的激烈视频| 国产中文佬无码中文娱乐网| 久久精品免视看国产成人| 久久国产精品老人性|