Thủ thuật hình ảnh để khiến người dùng cảm thấy hơn là suy nghĩ

Một bức tranh có giá trị bằng một ngàn lời nói… Tất cả chúng ta đều đã từng nghe điều đó trước đây, phải không? Trong thiết kế web, hình ảnh quan trọng – nếu không muốn nói là quan trọng hơn – so với bản sao thực của bạn.

Mặc dù không còn nghi ngờ gì nữa, việc viết rõ ràng có thể mang lại ý tưởng gì, nhưng hình ảnh có khả năng vượt qua bộ não phân tích, trình độ cao và nói thẳng với chúng ta ở mức độ cảm xúc. Liệu chúng ta có cần một video Youtube về chú mèo ngốc nghếch khác để chứng minh rằng hình ảnh có thể biến những con người bình thường, thông minh sáng suốt thành những kẻ ngu ngốc cười khúc khích, viết lại câu chuyện không?

Có ba loại độc giả mà trang web của bạn gặp phải:

• Độc giả: Một cá nhân đọc mọi dòng
• Máy quét: Một cá nhân “quét” hoặc “đọc lướt” qua nội dung của bạn để tìm những điểm thú vị
• Bộ nạp liệu dưới cùng: Một cá nhân đọc một vài câu đầu tiên và sau đó cắt thành các đoạn tóm tắt

Hãy nhớ rằng, cùng một người dùng có thể đảm nhận bất kỳ vai trò nào trong số những vai trò này, thậm chí có thể trong cùng một phiên duyệt web. Tuy nhiên, phần lớn độc giả thuộc máy quét thể loại. Điều đó làm cho việc đưa ra những lựa chọn có tác động về mặt cảm xúc đối với nội dung hình ảnh của bạn thậm chí còn quan trọng hơn.

Bất kể loại độc giả nào bạn gặp phải, có một điều mà bạn phải luôn nhớ – bạn đang giao tiếp với con người, và con người bị ảnh hưởng bởi các yếu tố kích hoạt cảm xúc.

Tín hiệu phim

Tôi thấy rằng cách dễ nhất để giải thích và minh họa các ví dụ và kỹ thuật là sử dụng các liên kết chung. Trong bài viết này, tôi sẽ vay mượn thế giới của phim.

Hầu hết chúng ta đều có những bộ phim mà chúng ta liên quan. Chúng tôi đã cười hay đã khóc, chúng tôi cổ vũ cho một anh hùng, và chúng tôi lo sợ cho sự an toàn của một nhân vật. Mỗi bộ phim đều sử dụng sự kết hợp nhuần nhuyễn giữa hình ảnh và âm thanh để vận dụng theo cách chúng ta cảm nhận. Và chúng tôi có thể yêu thích nó.

Ngoài việc giải trí cho chúng ta và tạo ra một kiệt tác hình ảnh với một câu chuyện mạnh mẽ, các đạo diễn còn nhắm đến việc kích hoạt một số dạng phản ứng cảm xúc – và nếu bạn phản ứng, dù chỉ một giây, thì họ đã làm được việc của mình.

Đây phải là cách bạn tiếp cận các lựa chọn hình ảnh trang web của mình. Kích hoạt cảm xúc và thu hút khán giả của bạn.

Logic không quy định cảm xúc

Hãy chụp ảnh khuôn mặt tươi cười và ngôn ngữ cơ thể hoạt hình. Có mọi cơ hội để cháu gái ba tuổi của bạn có thể nói với bạn rằng người hay cười là hạnh phúc.

Trong khi bộ não logic của chúng ta có thể biện minh tại sao hình ảnh có thể truyền đạt hạnh phúc, nó không phải là một phần của quá trình gợi lên cảm xúc cho người xem. Thông thường, phản ứng của ruột chúng ta đối với một hình ảnh đến trước, và bộ não logic của chúng ta được giao nhiệm vụ giải thích suy luận của chúng ta sau đó.

Trong hai hình ảnh trên, hình ảnh bên trái có thể hữu ích hơn về mặt khoa học trong việc hiểu chính xác con ếch là gì – nhưng có lẽ đó là hình ảnh bên phải mà chúng ta tham gia. Đây là lý do tại sao, với tư cách là nhà thiết kế, chúng ta nên luôn ưu tiên nhấn mạnh “cảm xúc hơn logic”. Nó có tác động mạnh hơn và sẽ làm tốt hơn việc khiến khách truy cập của bạn kết nối.

Để giúp đỡ, chúng tôi có thể sử dụng một số kỹ thuật tinh tế trong việc điều chỉnh khung hình, thao tác với màu sắc và tiêu điểm mà chúng tôi có thể tạo ra thông điệp cảm xúc, giống như cách chúng tôi có thể tạo ra bản viết.

Các kỹ thuật chính

Mặc dù có rất nhiều cách để tạo ra và khơi gợi cảm xúc, nhưng kết quả dễ dàng và nhanh chóng nhất lại đến từ việc tạo khung hình và ánh sáng phù hợp. Hai phương pháp này giúp tạo ra bầu không khí.

Hãy xem xét những khoảnh khắc khó khăn trong phim. Những phần mà bạn thực sự được tạo ra để cảm nhận. Những điều này được tạo ra nhờ vào công việc của nhà quay phim.

Dưới đây, tôi sẽ chỉ cho bạn các ví dụ về cách cả lựa chọn khung và ánh sáng có thể thúc đẩy cảm xúc cần thiết cho trang web của bạn. Lưu ý rằng mỗi hình ảnh đã được chỉnh sửa rất nhanh trong 5 phút để làm ví dụ.

Đóng khung

Định khung hình là một khía cạnh quan trọng cho dù bạn đang làm phim hay chụp ảnh. Góc và khoảng cách thích hợp từ ống kính chỉ là những thay đổi nhỏ nhỏ có thể tạo ra hiệu ứng “wow” cho người xem của bạn.

Hãy xem hai ví dụ dưới đây để biết cách cắt tốt hoặc khung hình chặt chẽ hơn có thể thay đổi tâm trạng tổng thể của ảnh như thế nào.

ví dụ 1

Thoạt nhìn hình ảnh này có chất lượng tốt và đã gây được cảm xúc. Khi nhìn lại lần thứ hai và nếu bạn đang muốn đặt cái này trên trang web của mình, hãy nói rằng đối với tiêu đề / thanh trượt, hình ảnh khá trung tính.

Có, mọi người có vẻ hạnh phúc nhưng đó là bởi vì logic đang nói với bạn “mỉm cười có nghĩa là hạnh phúc”. Những bức ảnh chụp đám đông rất phức tạp khi khơi gợi cảm xúc.

Nếu hình ảnh này là cho một trang web của tổ chức từ thiện và kèm theo dòng chữ “Cuộc sống tốt hơn, Chăm sóc tốt hơn” và nút đóng góp, bạn sẽ muốn thúc đẩy mọi người thực sự quyên góp để tạo ra cuộc sống tốt đẹp hơn cho người nhận.

Việc tạo ảnh chặt hơn trên các khuôn mặt cụ thể có thể dễ dàng ảnh hưởng đến điều này.

Ở đây bạn thấy tôi tập trung vào những khuôn mặt thực sự hạnh phúc trong đám đông. Bằng cách tạo ra sự tập trung, tôi đã giúp cô lập những cảm giác hạnh phúc đó. So với ảnh gốc, bạn có nhiều khả năng mỉm cười và cân nhắc quyên góp hơn nếu được nhắc với ảnh gốc.

Ví dụ 2

Có thể sử dụng quy trình tạo khung để tạo tác động cảm xúc ngay cả khi bạn có một người trong ảnh. Hãy nhớ rằng con người thích nhìn người khác. Chúng ta được sinh ra với phần mềm đọc khuôn mặt và chúng ta nhìn thấy khuôn mặt trong mọi thứ, từ mây, vỏ cây đến nắp xe hơi.

Giống như trước đây chúng ta có một khuôn mặt tươi cười nhưng chúng ta thực sự có thể làm cho nó có tác động hơn rất nhiều so với hiện tại.

Hãy cân nhắc xem hình ảnh này có dành cho một trang web muốn quảng bá lối sống năng động và lành mạnh cho phụ nữ hay không. Mặc dù không có gì sai với bức ảnh, chúng tôi có thể tăng độ sáng bằng cách tập trung vào khuôn mặt của người phụ nữ nhiều hơn.

Với sự nhấn mạnh vào khuôn mặt của cô ấy hơn là hoạt động thực tế của cô ấy, chúng ta có thể thúc đẩy quá trình suy nghĩ bắt đầu từ “ồ, cô ấy trông có vẻ hạnh phúc” đến “ồ, đó có thể là tôi đang tận hưởng bản thân khi được khỏe mạnh”. Chưa kể chúng tôi giao tiếp bằng mắt trực tiếp luôn là một kỹ thuật hữu ích để sử dụng trong hình ảnh trang web của bạn.

Bây giờ hãy ghép nối điều đó với Kêu gọi hành động (CTA) được thiết kế tốt có thể nhắc bạn “tìm hiểu thêm” và gợi ý cảm xúc có nhiều khả năng xảy ra hơn.

Thắp sáng

Ánh sáng là một tài sản vô cùng quan trọng trong và ngoài hình ảnh. Con người chúng ta sử dụng ánh sáng hàng ngày không chỉ để xem mà còn như những chất kích thích thị giác. Các nhân viên bất động sản cố tình mở cửa sổ của những ngôi nhà mà họ trưng bày để tạo ra một bầu không khí thú vị và chào đón. Các nhà hàng điều chỉnh số lượng và loại ánh sáng để nâng cao trải nghiệm ăn uống.

Tất nhiên phim cũng làm được điều này. Ánh sáng xanh lam có thể được sử dụng để thúc đẩy tâm trạng và tông màu u buồn trong khi ánh sáng ấm hơn có thể mô tả bầu không khí vô tư hoặc năng lượng cao.

Hãy xem các ví dụ về ánh sáng của chúng tôi.

ví dụ 1

Mặc dù hình ảnh của chúng tôi ở trên có vẻ là một bức ảnh cảm xúc, nhưng chúng tôi có thể nâng cao hiệu ứng. Tùy thuộc vào những gì bản sao văn bản xung quanh nó, bối cảnh của hình ảnh này có thể dễ dàng được nhìn thấy là trầm ngâm hoặc thậm chí trung tính.

Chỉ bằng cách sử dụng ánh sáng của bức ảnh cụ thể này, chúng ta có thể tạo ra cảm giác trang trọng hơn một chút. Điều này luôn cần phải tinh tế.

Bằng cách làm tối các bóng tối và thêm các tông màu lạnh hơn, chúng tôi đã thiết lập một cảm xúc rõ ràng hơn so với hình ảnh ban đầu.

Giống như đã lưu ý trước khi bạn có thể đạt được cảm giác bằng cách thay đổi ánh sáng của mình. Điều này có nghĩa là bạn có thể dễ dàng tạo ra cảm giác yêu thương như cảm giác buồn bã.

Hình ảnh của chúng tôi ở đây có một số khía cạnh mà bạn sẽ tự động quyết định là tích cực. Chúng tôi có phông nền đầy màu sắc này và một cặp đôi đang hôn nhau ở phía trước và ở trung tâm.

Nếu bạn muốn sử dụng hình ảnh này cho một trang web dành cho các cặp đôi thì cần phải điều chỉnh một số ánh sáng để mang lại cho bạn cảm giác “nhẹ nhàng” và “yêu thương” hơn.

Bằng cách mở rộng hình ảnh của chúng tôi với ánh sáng, chúng tôi có thứ gì đó không chỉ sáng hơn mà còn mang lại cho bạn một cảm giác vô tư, hồn nhiên trái ngược với bóng tối khắc nghiệt hơn và màu sắc bão hòa trong ảnh gốc.

Đóng khung và chiếu sáng cùng nhau

Bây giờ bạn đã thấy cách lập khung hình và ánh sáng hoạt động riêng biệt như thế nào, đây là điểm khác biệt mà việc sử dụng cả hai kỹ thuật cùng nhau có thể mang lại cho bạn.

Trước

Sau

Mẹo nhanh

1. Tránh đi chụp đám đông. Nếu bạn phải tạo tiêu điểm kéo hoặc giá để tạo ra sự quan tâm đến một lĩnh vực cụ thể.
2. Lượng tương phản được sử dụng trong hình ảnh của bạn phải tương xứng với nền của trang web để không tạo ra sự ngắt kết nối.
3. Nếu hình ảnh của bạn dường như rơi vào “vùng trung tính”, hãy thử điều chỉnh phần cắt của bạn.
4. Cố gắng tìm những hình ảnh cho thấy con người hoặc động vật. Điều này sẽ giúp thúc đẩy cảm xúc tích cực và sự quan tâm đối lập với đồ vật.
5. Khi chọn chụp vật thể, hãy đảm bảo tạo ra những góc ảnh thú vị.
6. Chọn một hình ảnh tuyệt vời thay vì năm hình ảnh tốt.
7. Nếu hình ảnh của bạn nằm trong bài viết của bạn, hãy đảm bảo rằng nó được theo sau bởi văn bản hoặc chú thích để thúc đẩy người đọc tiếp tục cuộn.
8. Khi cắt / đóng khung hình ảnh của bạn, bạn có thể cần áp dụng hiệu ứng làm mờ để tạo tiêu điểm.

Phần kết luận

Như bạn có thể thấy, một chút chỉnh sửa từ phía bạn thực sự có thể khơi gợi cảm xúc cho dù bạn đang sử dụng loại hình ảnh nào. Với một chút cân nhắc về cách bạn muốn khách truy cập của mình cảm thấy như thế nào, bạn có thể rất dễ dàng hướng dẫn họ bằng các tác nhân kích thích tâm lý đơn giản trái ngược với các chất kích thích hợp lý.

Bạn sử dụng thủ thuật nào để làm cho hình ảnh của mình hấp dẫn hơn? Chia sẻ chúng trong bình luận!

Bài báo này ban đầu được viết bởi Gabrielle Gosha và được xuất bản trên Sitepoint.