01. Thiết kế đơn giản

Đơn giản hóa là loại bỏ những ko cần thiết để dành chỗ cho thứ cần thiết phát triển.

1. Vấn đề thiết kế

Trực quan, cân đối, hài hòa.

Nguyên tắc giao tiếp trực quan cơ bản > kỹ thuật phần mềm.

Tệ: biểu đồ, đồ thị quá chi tiết, lộn xộn, mơ hồ.

Thứ hấp dẫn tạo cảm giác dễ chịu.

14 cách suy nghĩ như 1 nhà thiết kế:

  1. Chấp nhận sự ràng buộc
  2. Kiềm chế: tự sửa, tự bỏ
  3. Biết lúc dừng
  4. Lùi lại như người mới
  5. Kiểm tra cái tôi
  6. Tập trung vào trải nghiệm của thiết kế
  7. Trở thành bậc thầy kể chuyện
  8. Nghĩ về giao tiếp chứ ko phải trang trí
  9. Ý tưởng > công cụ
  10. Làm rõ ý định của bạn
  11. Rèn giũa tầm nhìn, sự tò mò, học hỏi xung quanh
  12. Đơn giản hóa hết mức có thể: loại bỏ điều hiển nhiên, thêm điều ý nghĩa
  13. Tận dụng không gian trống
  14. Tìm hiểu tất cả các quy tắc và biết khi nào và tại sao nên phá vỡ chúng

Hình thức là cần thiết để tự do tồn tại.

Không để các quy tắc trở thành một loại ràng buộc của chính chúng.

2. Kiểu chữ

Đảm bảo nhìn thấy với hàng cuối.

Nếu cần đưa nhiều thông tin -> phát tài liệu

Câu dài -> hạn chế chữ in hoa.

Chú ý khoảng cách giữa các chữ, từ, dòng.

Dùng kiểu chữ kích thước lớn: Sans serif.

Dùng tối đa 2 kiểu chữ.

Ko dùng 2 kiểu chữ tương tự nhau.

Sự khác biệt rõ rệt về cỡ chữ -> có ý nghĩa

Cẩn trọng với kiểu chữ có cá tính rõ rệt.

Kiểu chữ trung lập: Helvetica -> ý nghĩa nằm ở nội dung, ko phải kiểu chữ.

Bổ sung hình ảnh bằng văn bản -> thông điệp mạnh mẽ hơn.

Cần trả lời mọi câu hỏi tiềm năng ở đúng nơi, ngay trước khi khán giả kịp nghĩ đến việc hỏi nó.

Nói trước khi chiếu -> làm chủ bài thuyết trình -> khán giả mong đợi thông tin từ bạn, ko phải bài chiếu.

Làm đúng những điều nhỏ nhặt: khác biệt giữa chuyên gia và nghiệp dư.

Tăng kích thước dấu ngoặc kép -> làm cho văn bản trở nên rõ ràng là một câu trích dẫn.

Nhấn mạnh: in đậm, nghiêng, tăng kích cỡ, thay đổi màu -> tránh gạch dưới.

-> tạo đường kẻ -> có thể thay đổi kích cỡ, vị trí.

3. Giao tiếp với màu sắc

Sử dụng một vài màu được chọn và sắp xếp cẩn thận sẽ hiệu quả hơn nhiều màu được đặt bừa bãi.

Chú ý độ tương phản màu nền và nội dung.
Độ bão hòa: độ sâu, cường độ của màu sắc.

3 cách kết hợp màu cơ bản dựa trên bánh xe màu: monochromatic, analogous, and complementary (đơn sắc, tương tự và bổ sung).

  • monochromatic: 1 màu nhưng khác sắc độ
  • analogous: các màu gần giống nhau
  • complementary: 2 màu tương phản, nằm đối diện trên bánh xe màu

Cách thứ 4: sơ đồ tiêu sắc( achromatic) (chỉ các sắc thái đen và trắng) với một sắc thái duy nhất để nhấn mạnh.

Thông tin quan trọng: vị trí, kích thước, độ tương phản -> ko phải màu sáng.

Màu đỏ: Quyết đoán, mạnh mẽ, táo bạo, cấp bách, mãnh liệt, nóng bỏng về cảm xúc, tình yêu và đam mê—nhưng cũng dừng lại, nguy hiểm, xấu xa, giết người...

Màu hồng: Lãng mạn, mềm mại, yên tĩnh, thụ động, nữ tính, sức khỏe, tình yêu, sự lãng mạn, niềm vui...

Màu cam: Ấm áp, từ bi, phấn khích, nhiệt tình, tinh thần, tràn đầy năng lượng, vui tươi, vui vẻ, mùa thu...

Màu xanh lục: Tự nhiên, cân bằng, hài hòa, môi trường, đất, khỏe mạnh, bền bỉ, điềm tĩnh, may mắn, tái sinh, ghen tị....

Màu xanh da trời: Trang nghiêm, chuyên nghiệp, thành công, trung thành, bình tĩnh, thanh bình, yên tĩnh, tích cực, u sầu...

Màu vàng: Lạc quan, vui vẻ, hạnh phúc, tràn đầy năng lượng, niềm vui, ánh nắng mặt trời, truyền cảm hứng, mùa hè, thận trọng...

Màu tím: Thiền định, hoàng gia, sang trọng, trí tuệ, tâm linh, kỳ lạ, sáng tạo, nghệ thuật, cảm hứng và tâm linh...

Màu nâu: Tự nhiên, mộc mạc, chắc chắn, đáng tin cậy, mạnh mẽ, thoải mái, mộc mạc nhưng cũng nhạt nhẽo, bảo thủ và tầm thường.

Màu đen: Đẳng cấp, trang trọng, nghệ thuật, đơn giản, uy quyền và quyền lực—nhưng cũng có những tiêu cực như cái chết, sợ hãi, mất mát, rắc rối và tang tóc.

Màu trắng: Tinh khiết, ngây thơ, sạch sẽ, mới mẻ, đơn giản, rộng rãi, mát mẻ và mùa đông, nhạt nhẽo, bình thường và vô trùng...

Màu xám: Trung lập, tôn trọng, khiêm tốn, ổn định, khôn ngoan và đơn giản, không cam kết, u ám, buồn tẻ, chán nản hoặc cảm giác tiêu cực...

Các màu gần với đỏ, cam, vàng và nâu là màu ấm và các màu gần với xanh dương, xanh lá cây và tím là màu lạnh. Các màu ấm có xu hướng nổi lên một chút và tiến về phía bạn. Màu lạnh có xu hướng mờ dần vào nền. Vì lý do này, màu lạnh thường được sử dụng cho nền và màu ấm thường được sử dụng cho các yếu tố tiền cảnh.

Dùng công cụ chọn màu: adobe color.

4. Dùng ảnh để kể chuyện

Ảnh tĩnh: nhấn mạnh, tập trung, có thời gian giải thích ý nghĩa.

Các định dạng ảnh:

  • JPEG: nén giảm chất lượng
  • PNG: nén ko giảm chất lượng
  • TIFF: ảnh dung lượng lớn, dùng khi in.
  • EPS: ảnh vector, dễ dàng phóng to mà ko giảm chất lượng

Nên dùng hình ảnh sắc nét.

Dùng ảnh tràn cạnh.

Dùng ảnh chụp của chính bạn.

Nhiều ảnh trong 1 slide -> gây nhiễu.

10 thủ thuật để có bức ảnh đẹp:

  1. ảnh chân dung ngoài trời -> tránh ánh sáng trực tiếp -> dưới bóng râm
  2. vị trí đối tượng: đặt ở trái hoặc phải ảnh -> tập trung sự chú ý
  3. khi chụp thiếu sáng: giữ máy cố định
  4. để có màu đẹp -> thay đổi cân bằng trắng
  5. dùng đèn flash
  6. để mắt đối tượng ở 1/3 trên của ảnh -> lấy nét đôi mắt
  7. giờ vàng chụp cảnh: bình minh và hoàng hôn -> dùng giá đỡ
  8. ko dùng chế độ tự động
  9. vị trí đường chân trời: khi trời nhiều mây -> 1/3 dưới; khi trời buồn tẻ -> 1/3 trên
  10. thay đổi góc chụp

5. Tạo ảnh hưởng bằng video

Giao tiếp bao gồm nhiều thứ hơn là logic và lập luận. Giao tiếp liên quan đến sự đồng cảm, thuyết phục và thậm chí là cảm hứng. Giao tiếp, sau đó, liên quan đến cảm xúc.

1 số cách sử dụng video:

  • đưa ra 1 ví dụ thực tế
  • đưa họ đến đó
  • chiếu 1 cuộc phỏng vấn
  • sử dụng lời chứng thực -> cần ngắn gọn
  • tiểu phẩm: cách thực hành
  • thể hiện sự biến đổi theo thời gian -> tăng tốc -> rõ ràng, dễ nhớ

Nên chèn video từ ổ cứng, ko phải internet -> trục trặc wifi, bị chèn quảng cáo

Có thể dùng video làm nền.

Làm cho video tràn viền.

Giữ độ dài video thật ngắn (30s) -> giữ sự hứng thú.

Thông báo trước cho khán giả về độ dài của video.

6. Đơn giản hóa dữ liệu

Khán giả có thực sự cần thiết để xem độ chính xác tuyệt đối của các con số hay bạn chỉ muốn hiển thị các xu hướng và mối quan hệ chung?

  • Bảng cho số cụ thể.
  • Biểu đồ cột để so sánh phức tạp.
  • Biểu đồ đường để hiển thị xu hướng.
  • Biểu đồ hình tròn để so sánh tỉ lệ

3 nguyên tắc cơ bản:

  • hạn chế
  • giảm thiểu
  • nhấn mạnh

Sự lộn xộn tạo tiếng ồn gây nhiễu tín hiệu: chân trang, lo go, trang trí.

7. Sử dụng không gian trống

Canh chỉnh: đối xứng và bất đối xứng.

Định hướng ánh nhìn của người xem.

8. Tạo mục đích và trọng tâm

Nếu mọi thứ nổi bật, thì không có gì nổi bật.

Kích thước, độ sáng tối -> tạo độ sâu, cảm giác phối cảnh.

Có vô số cách để kết hợp các yếu tố trong một thiết kế: kích thước, vị trí, màu sắc, giá trị, kết cấu, hình dạng, vị trí, căn chỉnh, chuyển động...

Mọi thiết kế tốt đều cần một tiêu điểm—bao gồm cả không gian sống bên trong.

Sự trống rỗng hoặc loại bỏ các đồ trang trí không cần thiết cho phép ngay cả những căn phòng nhỏ nhất cũng cảm thấy rộng rãi hơn và hướng mắt đến tâm điểm của căn phòng.

Các vấn đề phát sinh trong giao tiếp khi:

  1. không có gì thực sự xuất hiện
  2. quá nhiều thứ xuất hiện
  3. các yếu tố thừa xuất hiện ngoài ý muốn và trở thành sự phân tâm

Người thuyết trình phải ý thức rõ ràng về những gì họ muốn người xem chú ý đầu tiên, thứ hai, thứ ba, ... Không có gì có thể là ngẫu nhiên.

Điều gì là quan trọng để một biển quảng cáo có hiệu quả?

  1. được chú ý
  2. được hiểu
  3. được ghi nhớ

Chúng ta bị thu hút một cách tự nhiên bởi hình ảnh của con người, và chúng ta đặc biệt bị thu hút bởi hình ảnh của những khuôn mặt. Chúng ta thậm chí có xu hướng nhìn thấy một khuôn mặt trong khi khuôn mặt đó không thực sự tồn tại.

Nếu tạo quy trình nhiều bước: dùng nhiều slide.

Thêm chuyển động: có thể làm mờ ảnh, làm nổi bật nội dung văn bản, để nhấn mạnh một phần hình ảnh hoặc thu hút sự chú ý vào một yếu tố đơn lẻ.

9. Đạt được sự hài hòa

Đơn giản hóa để thống nhất.

Nhận thấy sự tương đồng.

Sử dụng lưới cấu trúc kết hợp với quy tắc 1/3.

10 nguyên tắc thẩm mỹ:

  1. đơn giản hóa
  2. kiểm soát sự cân bằng
  3. trực tiếp và nhẹ nhàng
  4. tự nhiên
  5. ngụ ý trực quan nhiều hơn bằng cách không hiển thị toàn bộ -> hiển thị nhiều hơn bằng cách hiển thị ít hơn
  6. vượt khỏi khuôn khổ
  7. tĩnh lặng tràn đầy năng lượng
  8. hài hòa
  9. trống rỗng
  10. trọng tâm ở phần được ngụ ý

10. Cải tiến liên tục

Quan sát xung quanh: biển quảng cáo, thiết kế bao bì...