Motion design theo cảm xúc và nhịp

Cố vấn motion design cho cảm xúc mục tiêu, personality, timing, easing, choreography, motion UI, motion marketing và handoff triển khai.

Chốt cảm xúc

Chọn personality

Chọn thuộc tính

Đặt timing

Nguyên tắc 01

Cảm xúc quyết định timing, easing và biên độ

Nguyên tắc 02

Một project dùng một motion personality

Nguyên tắc 03

Ít thuộc tính hơn tạo motion rõ hơn

Nguyên tắc 04

Motion marketing là craft tăng conversion, không phải trang trí

Nguyên tắc 05

Skill này tư vấn; skill khác triển khai asset, code hoặc render

Các nhánh chính từ đầu vào đến kết quả, bám theo cách command chạy khi dùng thật.

Khởi động

Đầu vào, phạm vi, route

1 Chốt cảm xúc Chốt cảm xúc mục tiêu: vui, bình tĩnh, khẩn cấp, thanh lịch, bất ngờ hoặc cảm giác cụ thể khác.
2 Chọn personality Chọn một archetype motion: Playful, Premium, Corporate hoặc Energetic, rồi áp dụng nhất quán.
3 Chọn thuộc tính Chọn thuộc tính chính và ít thuộc tính phụ nhất có thể; tránh từ ba thuộc tính trở lên nếu không cần.

Xử lý

Agent / skill thực thi

4 Đặt timing Dùng bảng duration, scale theo khoảng cách và rule enter/exit để motion vẫn phản hồi nhanh.
5 Chọn easing Dùng easing theo hướng: ease-out cho entrance, ease-in cho exit, ease-in-out cho chuyển động trên màn hình.
6 Xếp lớp motion Thiết kế lớp primary, secondary và ambient để animation không bị phẳng.

Kiểm chứng

Gate, review, xác thực

7 Dàn dựng cảnh Cho hero element dẫn nhịp, giữ stagger dưới 500ms và tuân thủ rule 1/3 về khoảng cách và số element.
8 Điều chỉnh theo surface Áp ràng buộc riêng cho hero section, CTA, modal promo, landing page, HTML5 ad, email preview hoặc scroll storytelling.
9 Chuyển triển khai Tạo brief có nguyên lý tại đây, rồi chuyển code, asset, video, brand, design-system hoặc audio sang skill phù hợp.

Ví dụ gọi command theo từng flag, subcommand, mode hoặc route dùng được trong workflow thực tế.

Brief motion cho CTA Khuyến nghị

/ak:motion-design phản hồi CTA động cho trang đích SaaS cao cấp

Dùng khi:: Khi cần quyết định motion trước khi bàn giao triển khai cho frontend-design.
Kết quả:: Chốt cảm xúc, personality, timing, easing, property, các lớp motion và ghi chú handoff.

Entrance cho campaign

/ak:motion-design hiệu ứng xuất hiện phần hero cho trang ra mắt năng lượng cao

Dùng khi:: Khi một surface marketing cần choreography và ràng buộc motion hướng conversion.
Kết quả:: Ánh xạ timing cho hero, social proof, feature và CTA trong khi giữ CTA above-the-fold hiển thị sớm.

Hero gấp nhưng premium

/ak:motion-design hoạt ảnh hero mang cảm giác khẩn cấp nhưng cao cấp

Skill liên quan