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

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

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.

Vị trí

Kích thước

Màu sắc

Cùng tên là cùng một vật

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.

PowerPoint Morph và SlideFly

PowerPoint

  • Chạy trong PowerPoint
  • Sửa trực tiếp bằng chuột
  • Khớp hình theo tên

SlideFly

  • Chạy trên trình duyệt
  • Sửa bằng nội dung chữ
  • Khớp hình theo data-actor

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

≤3ý trên một slide: chữ lớn nhất, dễ đọc từ xa
4-5ý trên một slide: chữ vừa, vẫn thoáng
6+ý trên một slide: chữ nhỏ, nên tách slide

Quy trình dựng một deck

01

Nội dung

Gom dàn ý, số liệu có nguồn

02

Chọn style

Xem 3 bản thử rồi chọn

03

Dựng

Viết HTML theo khung mẫu

04

Đo

Chạy deck.audit() từng slide

05

Bàn giao

Gộp thành một file HTML

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.