Creating Web Animations: Bringing Your UIs to Life
暫譯: 創建網頁動畫:讓你的用戶介面活起來

Kirupa Chinnathambi

  • 出版商: O'Reilly
  • 出版日期: 2017-05-02
  • 定價: $1,380
  • 售價: 9.0$1,242
  • 語言: 英文
  • 頁數: 210
  • 裝訂: Paperback
  • ISBN: 1491957514
  • ISBN-13: 9781491957516
  • 相關分類: UI/UX
  • 立即出貨 (庫存 < 3)

買這商品的人也買了...

相關主題

商品描述

Thanks to faster browsers, better web standards support, and more powerful devices, the web now defines the next generation of user interfaces that are fun, practical, fluid, and memorable. The key? Animation. But learning how to create animations is hard, and existing learning material doesn’t explain the context of the UI problem that animations are trying to solve. That’s where this book comes in.

You'll gain a solid technical understanding of how to create awesome animations using CSS and learn how to implement common UI patterns, using practical examples that rely on animations to solve a core problem. Frontend web developers and designers will not only learn important technical details, but also how to apply them to solve real-world problems.

  • Create animations found in common user interface implementations, such as bounce after scrolling, expanding search boxes, and content sliders
  • Learn the technical details of working with CSS animations and transitions
  • Use CSS transforms to very animate an element’s position, scale, and orientation
  • Understand the importance of easing

商品描述(中文翻譯)

感謝於更快速的瀏覽器、更好的網頁標準支援以及更強大的設備,網路現在定義了下一代的使用者介面,這些介面既有趣又實用、流暢且令人難忘。關鍵在於動畫。然而,學習如何創建動畫是困難的,現有的學習材料並未解釋動畫試圖解決的使用者介面問題的背景。這就是本書的用武之地。

您將獲得堅實的技術理解,學會如何使用 CSS 創建出色的動畫,並學習如何實現常見的使用者介面模式,這些模式依賴於動畫來解決核心問題,並使用實際範例。前端網頁開發人員和設計師不僅會學到重要的技術細節,還會學會如何將這些技術應用於解決現實世界中的問題。

- 創建在常見使用者介面實現中找到的動畫,例如滾動後的彈跳、擴展的搜尋框和內容滑塊
- 學習使用 CSS 動畫和過渡的技術細節
- 使用 CSS 變形來動畫化元素的位置、縮放和方向
- 理解緩動的重要性