SlideFly

Slide chuyển cảnh kiểu Morph trên trình duyệt

Một file HTML, mở bằng Chrome là trình chiếu được

Bộ mẫu 9 kiểu slide

Diễn viên

Tư thế

Nội dung

1. 01

   Cơ chế diễn viên

   Hình cố định, chỉ đổi tư thế

2. 02

   Chín kiểu slide

   Từ trang bìa đến lời cảm ơn

3. 03

   Tự co giãn

   Ít chữ thì chữ to hơn

4. 04

   Đo độ lấp đầy

   Máy tự soát slide bị trống

01

Cơ chế diễn viên

Morph là cùng một vật đổi vị trí giữa hai slide

Từ style đến chuyển cảnh

Style
Một file CSS, đổi bằng một dòng link

Diễn viên
Nhóm hình cố định của style

Tư thế
Vị trí, kích thước, màu theo kiểu slide

Chuyển cảnh
Hình trượt dần sang tư thế mới

Hình cố định, chỉ đổi tư thế

• Mỗi style có một nhóm hình cố định, gọi là diễn viên.
• Mỗi kiểu slide quy định một tư thế: vị trí, kích thước, màu.
• Khi chuyển slide, trình duyệt cho hình trượt dần sang tư thế mới.
• Chữ của slide mới hiện sau, khi hình đã bắt đầu chuyển động.

Một khung cho mọi màn hình

• Slide được thiết kế ở một kích thước cố định 1920×1080.
• Màn hình to hay nhỏ, cả khung được phóng to, thu nhỏ theo.
• Không vỡ bố cục trên máy chiếu, laptop hay điện thoại.

Một lần chuyển slide

01

Đổi slide
Bấm phím hoặc nút ở rìa

02

Hình trượt
Hình trượt dần sang tư thế mới

03

Chữ hiện sau
Chữ mới hiện khi hình đã chuyển động

PowerPoint Morph và SlideFly

Cùng một ý tưởng: vật trùng tên thì trượt sang vị trí mới.

Ba bậc cỡ chữ tự chọn

Một khung, mọi cỡ màn hình

Khung cố định

1920×1080

Màn hình to hay nhỏ, cả khung được phóng to, thu nhỏ theo.

Nguồn: kích thước sân khấu của SlideFly (morph-base.css), tỷ lệ 16:9.

1920 px

1080 px

Máy chiếu

Laptop

Điện thoại

Quy trình dựng một deck

Hình trang trí đứng yên chỉ là nền. Khi nó di chuyển, nó kể chuyện.

Nguyên tắc của bộ mẫu

Hết phần mẫu

Cảm ơn

Đổi style chỉ cần thay một dòng link CSS.