技術問答
技術文章
iT 徵才
Tag
聊天室
2023 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
0
JS Conf Animation with concept 心得
javascript
css
RocMark
2019-06-10 11:05:02
‧
770 瀏覽
分享至
JS Conf Youtube錄影
Animation purpose
making context clear (突顯內容)
displaying hierarchies (顯現重點為誰)
making usage intuitive (讓使用更直觀)
artificial shortening of waiting time (製造等待時間較短的假象)
Movement Should Be
Natural (自然)
Predictable (可預測)
Comprehensive (廣泛??)
Animation
Has to be restraint(不濫用)
Tell a Story (必須有目的性)
Single Movement (單一動畫執行,多個物件同時動畫,焦點被分散)
Pick a Hero & Who's the sidekick(主角為誰)
Principle Benefit 規範的優點
more structure (更結構化、目的性強烈)
usability test (同樣的動畫有統一的規範)
user centered (以使用者角度作為出發點)
more interdisciplinary exchange (跨學科?)
Developer's Pitfall 開發陷阱
Performance (效能問題)
Critical Rendering Path 瀏覽器渲染流程(重繪重排問題)
GSAP 進階 Animation 框架 (使用框架優化)
參考資料
Summer桑莫 Critical Rendering Path
留言
追蹤
檢舉
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1123
組
團體組數
52
組
累計文章數
23097
篇
完賽人數
656
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
2018鐵人賽
javascript
2017鐵人賽
python
windows
php
c#
windows server
linux
css
react
程式設計
vue.js
熱門問題
網路佈線請益
一般硬體防火牆,對外 大多要限制那些服務?
請問有人可以幫我下載這個百度雲盤檔案到Google drive嗎?
請問如何讓20出頭的人,由不會到會呢
想請問公司信箱網域被GMAIL封鎖的解決方法
租用電腦服務
這是信箱被盜了嗎
Rocky Linux 登入問題
[已解決]寶可夢GO亞洲預選賽的報名表單是不是設計錯了...
Ubuntu 鍵盤滑鼠突然無法使用,但畫面並非凍結
熱門回答
網路佈線請益
請問如何讓20出頭的人,由不會到會呢
一般硬體防火牆,對外 大多要限制那些服務?
想請問公司信箱網域被GMAIL封鎖的解決方法
這是信箱被盜了嗎
熱門文章
使用 AWS建立商品管理系統
Bigme B251 25.1吋 彩色電子紙螢幕
所有常用HTML標籤的層級和用途
如何使用AWS AI Service Cards – Amazon Rekognition ?
ubuntu 24.04 LTS 與嘸蝦米
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}