Visual Design là gì? Những lưu ý khi áp dụng vào elearning

3. Những nguyên tắc Visual Design:

Về Nội dung

1. Hiển thị dưới 120 từ trong một trang

Bố cục trang không nên hiển thị nhiều hơn khoảng 120 từ khiến không gian không trở nên lộn xộn hoặc khó đọc. Nếu cần thêm nội dung cho chủ đề trên trang đó, hãy để người học hiển thị một số nội dung bằng phương tiện khác trong cùng một không gian hoặc chia nhỏ nội dung thành nhiều trang.

2. Chia nhỏ nội dung.

Nội dung khóa học nên được viết theo cách hỗ trợ việc hiểu và ghi nhớ. Bộ não tiêu hóa thông tin nhanh hơn nếu nội dung được chia thành các phần nhỏ hơn . Thay vì sử dụng một hoặc hai đoạn văn dài, hãy chia nội dung thành các phần nhỏ hơn từ một đến ba câu hoặc sử dụng gạch đầu dòng để nhấn mạnh các điểm chính.

Định dạng phông chữ

3. Kích thước phông chữ để dễ đọc.

Bản in hoặc email : 10-11pt

Nội dung chính : 12,13,14pt

Tiêu đề : 24-28pt

Tiêu đề trang : 13-14pt ; in đậm

4. Sử dụng hai phông chữ.

Định dạng của phông chữ hỗ trợ người học hiểu mục đích của văn bản (tức là tiêu đề, phụ đề, nội dung cơ thể). Sử dụng phông chữ Sans Serif như Arial, Veranda hoặc Tahoma cho nội dung chính và tiêu đề phụ vì chúng dễ đọc hơn trên màn hình. Sử dụng các phông chữ Serif như Times, Palatino hoặc Garamond cho các tiêu đề để làm cho chúng nổi bật.

Trình bày

5. Kết hợp khoảng trắng.

Khoảng trắng là một khái niệm thiết kế trực quan cho phép nội dung nổi bật và dễ hiểu hơn (Đối với cả từ ngữ hay đồ họa) . Khoảng trắng , hay không gian âm, không cần phải là màu trắng, nó chỉ cần có màu của nền và không có bất kỳ đồ họa hoặc văn bản nào. Khoảng trắng thường được coi là khoảng trống ở trên cùng, dưới cùng hoặc bên cạnh trang. Tuy nhiên, nó cũng có thể được kết hợp xuyên suốt các trang, chẳng hạn như phần đệm ô trong bảng hoặc vùng đệm xung quanh các hình. Trong các khối văn bản, khoảng cách giữa các dòng có thể bao gồm khoảng trắng để đọc dễ dàng hơn. Đặt khoảng cách dòng thành khoảng 1,2 để cho phép người học tạm nghỉ và làm cho nó hấp dẫn hơn về mặt hình ảnh. Trong hầu hết các chương trình soạn thảo, bạn có thể thay đổi khoảng cách đoạn văn thành 16 theo cách thủ công (nếu cỡ chữ của bạn là 12). Ngoài ra, việc thêm khoảng cách 10 trước mỗi đoạn sẽ tách chúng ra một cách trực quan.

6. Hệ thống lưới và căn chỉnh

Khi thiết kế bố cục trang, hãy sử dụng các hướng dẫn để thiết lập các ranh giới cụ thể cho các thành phần như văn bản nội dung, tiêu đề, đồ họa và các thành phần điều hướng. Hầu hết các công cụ soạn thảo cũng cung cấp các công cụ để đặt vị trí chính xác của các phần tử bằng tọa độ X, Y. Các tọa độ này đề cập đến số pixel từ góc trên cùng bên trái. 

Ví dụ: các tiêu đề có thể được đặt ở 60,60 và các tiêu đề phụ bên dưới nó ở 60,120. Để tính toán đường viền trang và vị trí của các phần tử dễ dàng hơn nhiều, hãy sử dụng lưới. Có thể bật hoặc tắt các lưới để cho phép bạn gắn các đối tượng vào lưới, vì vậy các phần tử của bạn được sắp xếp theo tỷ lệ và được căn chỉnh tự động. Đặt khoảng cách lưới thành các khoảng tăng dễ làm việc, chẳng hạn như 10 điểm.