您現在的位置是:電腦技術吧?>? 編程技術 ??>??新版防控指南,CDS指南??>??正文詳情

新版防控指南,CDS指南

在梓珊2019-11-08 13:01:54 人圍觀
簡介AHA指南物質運動在物質設計的世界里,動態效用是一種優雅而流動的方式,用來描述空間關系、功能和意圖,為什么動態效果很重要?動態效果可以向我們展示一個應用程序是如何組成

Material Motion  在Material Design的世界中,動效用一種優雅、流動的方式來描述空間關系、功能、和意向。

  為什么說動效很重要?  動效可以向我們展示一個app是如何構成和用途。

  動效可以做到:  ● 不同視圖之間的焦點引導  ● 當用戶完成了一個手勢后,提示用戶將會發生什么  ● 明確元素之間的層級和空間關系  ● 當程序在后臺運行時,分散用戶的注意力(例如獲取內容或載入下一個視圖)  ● 潤色整個app:個性化、令人愉悅  如何制作材料設計的動效?  材料設計的運動吸取了一些真實世界的力學元素,例如重力和摩擦力。

這些力反應的是,用戶對屏幕操作的影響,以及這些元素是如何相互反饋的。

  材料設計的運動具有以下幾個特征:  1. 響應式的  材料設計的動效是充滿活力的。

它能迅速精確響應用戶用戶所觸發的內容。

  在移動設備上的長動畫大約是300-400ms,短動畫大概是150-200ms。

過長的動畫讓人感覺遲鈍,過短的動畫讓人覺得難以看明白。

  用戶觸摸屏幕時,通過漪漣動畫能使用戶確認輸入。

卡片上升表示該卡片處于激活狀態。

  顯示觸發元件或動作和創建出的新的卡片之間的聯系。

  2. 自然的  材料設計的動效通過模仿真實世界的力,而展現了自然的運動過程。

  在真實的世界中,一個物體可以被重量、表面摩擦力影響很快的加速或減速。

同樣的,材料設計的動效也是不會發生突然停止,或者突然啟動,都是會有一個加速度或者減速度。

  真實世界中的力,例如重力,能使一個元素沿曲線運動而非直線運動。

  材料設計的動效轉場是沿著一個弧線的。

  3. 可察覺的  材料設計的動效是可以被周圍環境察覺的,包括用戶和周圍其他的元素。

它可以被物體吸引,并且恰當的回應用戶的意圖。

  作為過渡元素,他們和他們周圍元素的運動是精心安排的,可以通過這個過程看出他們之間的關系。

  卡片可以推動其他卡片,讓他們給自己讓開路。

  元素可能會吸引其他元素加入,當他們相互接近時合為一體。

  4. 有引導意向的  材料設計的動效能使焦點在對的時間聚焦在對的點。

  轉場動畫有助于引導用戶進行下一步的交互。

  運動可以傳遞不同的信號,例如,一個操作是否不可用。

  動畫能使用戶關注特定對象。

  如何設計一個好的轉場動畫?  好的動效設計應該遵從以下幾點:  1. 動效是很快的  一個交互動作不應該讓用戶做不必要的等待。

  正確:動畫一定要快,用戶無須等待動畫完成。

  錯誤:很多元素磨磨蹭蹭很慢的運動,另動畫時長延長

  2. 動效是明確的  轉場動畫應該明確,簡單,一致。

應該避免一次又太多的元素動效。

  正確:保持清晰的路徑進入下一個視圖,最好元件都編排成一個組。

  錯誤:多個元素移動到不同的方向或者交叉路徑,會造成轉場動畫的混亂

  3. 動效是統一的  材料設計的動效是由速度、響應性、和意向所統一的。

在app中的任何自定義動效體驗都應該貫穿整一個app。

  即使這些app有著不同的功能,但是他們相似的動畫體驗讓人感覺他們是有關聯的。

  動效的意義  動效的好處可以從以下兩個例子中明顯看出:其中一個app遵從這些模式,而另一個沒有遵從。

  正確:在轉場的過程總,用戶被引導到了下一個視圖。

表層的轉場清晰的傳達出層級關系。

loading的過程在后臺進行,以減少延遲時間。

  錯誤:轉場的發生點沒有一個清晰的焦點,所以看不出來新的頁面和舊的頁面之間的聯系。

沒有感覺到有任何層級的關系,loading用一個轉圈的半圓表現太明顯了,令人感到延遲感。

版權聲明:本文由 在梓珊 整理編輯。

原標題:高分指南升級版,gmp實施指南最新版

轉載注明出處:http://www.dn9ww09s.icu/program/11572.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 臺式電腦無線網卡驅動,電腦無線網卡驅動

    臺式電腦無線網卡驅動,電腦無線網卡驅動 相關圖片臺式機網卡驅動在哪里如今網絡越來越普及,人們也開始追求便捷舒適的上網方式,而無線互聯網,沒有了網線的束縛,變得更加自由便捷。要解決桌面計算機無法訪問Internet和無法被計...

  • 電腦老是自動重啟,電腦偶爾自動重啟

    電腦老是自動重啟,電腦偶爾自動重啟 相關圖片電腦關機自動重啟是什么原因如果電腦已經使用了很長時間,一些用戶會遇到這樣的問題。如果他們無緣無故地使用它,他們將藍屏或重新啟動它。此時,用戶可能會感到害怕。如果他...

  • 完美的代碼,完美178代碼

    完美的代碼,完美178代碼 相關圖片完美后花園代碼如果你是一個網站管理員,你必須希望提高你的網站的可移植性,并且代碼是簡單和干凈的。現在,80%的網站都是用div CSS構建的,也許每個人都會編寫或使用CSS,完美國...

  • 顯示器怎么校準顏色,顯示器顏色校準

    顯示器怎么校準顏色,顯示器顏色校準 相關圖片顯示器最佳顏色設置我相信很多用戶對顯示器的顏色非常敏感。如果有飛蛾,一定很不習慣使用。然后使用顯示器的顏色校正軟件。它可以幫助用戶通過軟件修改屏幕的顏色,而無需使...

  • 中國總設計師是誰,中國總設計師

    中國總設計師是誰,中國總設計師 相關圖片殲15總設計師在魅族論壇里有這樣一個身份證。他叫十一月雨。他的頭就像一張剪影照片11月雨曾在2009-2011年活躍在魅族論壇上。他負責魅族當時推出的第一款也是唯一一款智能手殲2o總...

  • 電腦鍵盤打字錯亂,聯想電腦鍵盤打字錯亂

    電腦鍵盤打字錯亂,聯想電腦鍵盤打字錯亂 相關圖片電腦鍵盤輸入字母錯亂近日,有用戶發現筆記本電腦的鍵盤按鍵突然失靈。鍵盤上的數字和字母放錯地方了。U變成4,我變成5,O變成6,J變成1,K變成2,l變成3,m變成0。使用這些字母,...

  • 常見誤區,有哪些常見的誤區

    常見誤區,有哪些常見的誤區 相關圖片常見的飲食誤區目前,HTML5還處于初稿階段,一些新的標簽元素的解釋經常發生變化,甚至標簽的添加和刪除也很頻繁(比如hgroup)。同時,現有的大型門戶網站沒有很好的例子可以5大...

  • 無線上網卡筆記本,筆記本無線上網卡怎么收費

    無線上網卡筆記本,筆記本無線上網卡怎么收費 相關圖片無線網卡筆記本現代社會已經滿足了人們的基本需求,隨之而來的是人們對質量的要求。無論是衣食住行,還是吃喝玩樂。人們逐漸放棄了衣食住行和上網的基本要求。一些用戶提出了...

  • css浮動代碼,css清除浮動代碼

    css浮動代碼,css清除浮動代碼 相關圖片css 怎么向上浮動對于一個經常使用CSS設計頁面的前端設計師來說,清除浮動似乎是一項基本技能,但是清除浮動的方法和代碼有很多。今天,在許多大型項目上共享一個流行的和采用的...

  • 筆記本雙顯卡切換,筆記本雙顯卡怎么設置

    筆記本雙顯卡切換,筆記本雙顯卡怎么設置 相關圖片筆記本雙顯卡怎么只用獨顯由于CPU集成顯卡的性能有限,無法與獨立顯卡相匹配。此外,當雙顯卡計算機運行某些游戲時,也可能由于兼容性而導致游戲無法安裝或閃回。所以使用筆記...

熱評文章

  • 電腦顯示沒安裝音頻設備,怎么安裝電腦音頻設備

    電腦顯示沒安裝音頻設備,怎么安裝電腦音頻設備 相關圖片提示未安裝音頻設備計算機是一種非常重要的電子設備,也是我們生活和學習的工具之一。但有時用戶在使用電腦時會發現電腦里沒有聲音。當他們點擊電腦下面的揚聲器時,沒有安裝...

  • div左右對齊,div對齊方式

    div左右對齊,div對齊方式 相關圖片css水平居中對齊例如:divdiviv/div/div要在父div中水平對齊子div。如果您在CSS中編寫div{text align:Center;},您可以在ie中瀏覽而不html對齊...

  • 筆記本怎樣用流量上網,筆記本能用流量上網嗎

    筆記本怎樣用流量上網,筆記本能用流量上網嗎 相關圖片筆記本怎么用流量筆記本的出現給我們帶來了極大的便利,但同時也會遇到沒有網絡的尷尬局面。一些用戶不想購買網卡,而那些移動流量較大的用戶不知道在哪里使用,所以他們可以...

  • 網頁設計圖片,圖片設計

    網頁設計圖片,圖片設計 相關圖片折頁設計圖片從人類歷史開始,故事就在我們的交流中發揮了巨大的作用。僅僅因為我們在屏幕上講故事,而不是幾千年前圍坐在篝火旁,故事的吸引力還是一樣的。最有趣的是,故事...

  • 藍屏修復,系統藍屏怎么修復

    藍屏修復,系統藍屏怎么修復 相關圖片經常藍屏怎么辦藍屏的原因是什么?為什么電腦上經常出現藍屏?接下來,我會告訴你電腦藍屏的原因,希望能幫你排除故障,解決問題。電腦藍屏怎么了?電腦一打開,就出現藍屏問...

  • 筆記本處理器性能排行榜,筆記本處理器排行榜

    筆記本處理器性能排行榜,筆記本處理器排行榜 相關圖片十大筆記本電腦排名現在的趨勢是筆記本越來越普及,因為在日常操作和基本業務、娛樂、計算等操作中,筆記本電腦是完全稱職的但我們應該選擇什么品牌呢就性價比而言,宏碁和神...

  • div文字居中對齊,div內文字上下居中

    div文字居中對齊,div內文字上下居中 相關圖片cssdiv文字行居中CSS不依賴于容器的底部來對齊文本布局參數,一個好的方法也更好。即使用position屬性來解決問題。請看下面的代碼,并使用位置的相對和絕對定位函數輕松地在didiv文字...

  • 筆記本話筒沒聲音怎么設置,筆記本電腦麥克風沒聲音怎么設置

    筆記本話筒沒聲音怎么設置,筆記本電腦麥克風沒聲音怎么設置 相關圖片電腦麥克風沒聲音我們現在基本上都用上了筆記本電腦,它的出現方便了我們的生活,有些用戶為了方便交流,會用筆記本進行語音聊天,但是有些倒霉的人遇到了筆記本麥克風沒有聲...

  • 網頁優化包括什么,網站怎么優化

    網頁優化包括什么,網站怎么優化 相關圖片如何提高性功前文綜述:有125個優化提示可以提高網頁的可用性(一)和125個優化提示可以提高網頁的可用性(二)不僅可以指導用戶,還可以減少他們的認知過程,保持流暢性讓用戶...

  • 電腦系統緩存可以清理嗎,win7如何清理電腦內存

    電腦系統緩存可以清理嗎,win7如何清理電腦內存 相關圖片清理電腦c盤緩存文件我相信你們都遇到過這種情況。電腦在長時間使用后會越來越卡住。原因可能是系統在使用過程中生成了大量垃圾文件。一些正在運行的程序和瀏覽器緩存。一些用...

關注微信

变脸官网查询