Làm cách nào để chọn ảnh bìa tốt cho trang web của tôi?


22

Thật là hợp thời khi có hình ảnh nền lớn với văn bản tương đối ít trên chúng cho các tiêu đề và phần giới thiệu cho các trang web bao gồm cả phần đầu của bài đăng trên blog. Tôi có thể đưa ra vô số ví dụ về điều này, nhưng tôi nghĩ bạn biết chính xác những gì tôi đang nói.

Điều gì làm cho một ảnh bìa / ảnh nền hiệu quả? Tôi nên lưu ý gì khi tìm kiếm hình ảnh hoặc dự định chụp và chỉnh sửa một số cho trang web của mình?


1
Bây giờ là xu hướng để có VIDEO nền lớn.
dùng11153

1
Hoàn thành tốt, một trong những câu hỏi tự trả lời tốt nhất trên trang web (Tôi không thể nhớ bất kỳ câu hỏi nào khác, vì vậy có thể tốt nhất). :)
Dom

Câu trả lời:


30

Bạn có thực sự cần phải theo xu hướng?

Đừng bao giờ làm điều gì đó vì đó là một xu hướng. Hãy làm mọi việc vì chúng tốt cho trải nghiệm của người dùng vì đó là điều tốt nhất cho công ty và thiết kế của bạn. Hãy suy nghĩ thực sự khó khăn về ý nghĩa rằng việc thêm một hình ảnh lớn vào trang web của bạn sẽ có và cân nhắc các tùy chọn khác mà bạn có. Bạn không cần phải sử dụng kỹ thuật này để có một trang web "hiện đại" .

Với điều đó đang được nói, có rất nhiều điều cần lưu ý khi chọn một hình nền cho trang web của bạn. Vì câu trả lời này quá dài, nên đây là danh sách ngắn gọn; Tôi cung cấp thêm chi tiết về từng ví dụ bao gồm cả bên dưới.

  • Hãy chắc chắn rằng hình ảnh có liên quan đến nội dung
  • Hãy chắc chắn rằng hình ảnh nói lên những gì bạn muốn
  • Đảm bảo hình ảnh tương đối độc đáo
  • Sử dụng hình ảnh của những thứ có thật
  • Hãy chắc chắn rằng hình ảnh hoạt động với bố cục của bạn
  • Đảm bảo hình ảnh tuân theo các quy tắc thiết kế và chụp ảnh tốt
  • Hãy chắc chắn rằng hình ảnh tuân theo bảng màu của bạn
  • Hạn chế phương sai trong ảnh
  • Đảm bảo kích thước hình ảnh đủ lớn
  • Đảm bảo rằng bạn có quyền sử dụng hình ảnh
  • Đảm bảo chất lượng ảnh cao

Hãy chắc chắn rằng hình ảnh có liên quan đến nội dung

Một bức ảnh không liên quan sẽ không làm gì ngoài tác hại. Giống như bất cứ điều gì trong thiết kế của bạn, nếu nó không phù hợp trực tiếp với mục đích của trang web của bạn thì hãy loại bỏ nó. Hãy chắc chắn rằng nó liên quan trực tiếp đến nội dung xung quanh nó , không phải là một cái gì đó sau này. Hình ảnh cần phải có bối cảnh bổ sung do một số văn bản hoặc bố cục mang lại để giúp người dùng hiểu rằng đó là một trang web chứ không chỉ là một hình ảnh tĩnh.

nhập mô tả hình ảnh ở đây


Hãy chắc chắn rằng hình ảnh nói lên những gì bạn muốn

Tất cả các hình ảnh có một ý nghĩa dựa trên nội dung của hình ảnh và cách nó được tạo kiểu. Hãy chắc chắn rằng hình ảnh phù hợp với cảm giác mà bạn hy vọng truyền tải cũng như thương hiệu. Hình ảnh cần truyền đạt sự hiểu biết thêm qua những gì văn bản xung quanh nó cung cấp. Cũng đảm bảo rằng nó giúp xây dựng thương hiệu của bạn theo cách bạn muốn nó được xây dựng.

nhập mô tả hình ảnh ở đây

Không cần phải nói rằng hình ảnh phải hấp dẫn trực quan. Dưới đây là chi tiết về các đặc điểm để hình ảnh trở nên hấp dẫn.


Đảm bảo hình ảnh tương đối độc đáo

Hình ảnh tùy chỉnh tốt hơn hình ảnh chứng khoán, với điều kiện chất lượng ít nhất là như nhau. Điều đó có nghĩa là bạn nên tránh các hình ảnh chứng khoán rất nổi tiếng miễn là giải pháp thay thế có chất lượng cao và phù hợp. Tuy nhiên, hoàn toàn độc đáo không quan trọng bằng việc có một hình ảnh tuyệt vời, phù hợp.

nhập mô tả hình ảnh ở đây


Sử dụng hình ảnh của những thứ có thật

Có một cái gì đó về một hình ảnh thực (thậm chí là một phiên bản được chỉnh sửa cao) có ảnh hưởng lớn đến chúng ta như con người. Chúng tôi muốn thấy những điều thực sự. Bất cứ khi nào có thể, hãy chọn một hình ảnh thực trên máy tính được tạo ra trừ khi nó hoàn toàn không phù hợp với nội dung hoặc phong cách bạn đang hướng tới.

nhập mô tả hình ảnh ở đây

Cho mọi người thấy một tác động thậm chí còn lớn hơn, có thể là tốt và xấu. Nếu được thực hiện chính xác, nó có thể khiến người dùng cảm thấy rằng trải nghiệm này thực tế và cá nhân hơn. Nếu được thực hiện kém, nó có thể làm cho nó có vẻ im cá nhân và rẻ tiền. Thêm về điều đó ở đây .

Khuôn mặt đặc biệt thu hút sự chú ý, vì vậy hãy chắc chắn rằng họ là một khuôn mặt phù hợp và chỉ đặt chúng ở nơi thực sự quan trọng. Đôi khi đặt chúng trong các bối cảnh khác như sách và iPad, máy tính, v.v. có thể giúp ích. Những lần khác, thích hợp hơn để cắt xén khuôn mặt (nghĩ về một trang web quần áo hoặc một người nộm). Hiển thị khuôn mặt của một thương hiệu / người phát ngôn là rất hiệu quả nếu được thực hiện đúng, tôi đánh giá cao nếu bạn có thể.

nhập mô tả hình ảnh ở đây


Hãy chắc chắn rằng hình ảnh hoạt động với bố cục của bạn

Lưu lượng người dùng và bố cục trang web của bạn quan trọng hơn bất kỳ hình ảnh nào bạn có thể chọn. Tạo chúng đầu tiên. Nếu bố cục và luồng tốt nhất đó có một chút không gian mở ở trên cùng, thì hãy xem xét thêm một hình ảnh.

Hãy chắc chắn rằng không có phần quan trọng của hình ảnh được bao phủ bởi nội dung mà bạn có. Sử dụng các hướng dẫn trực quan để giúp dẫn người dùng đến nội dung mà bạn muốn họ xem (thêm về điều này trong phần tiếp theo).

nhập mô tả hình ảnh ở đây


Đảm bảo hình ảnh tuân theo các quy tắc thiết kế và chụp ảnh tốt

Các hình ảnh phải tuân theo các quy tắc nhiếp ảnh cốt lõi bao gồm quy tắc một phần ba , sử dụng các đường nét trực quan, tập trung vào nội dung chính, đóng khung đối tượng chính xác, có hậu cảnh tốt, và có sự đối xứng và các mẫu trong số những thứ khác. Để biết thêm về điều đó kiểm tra ở đây hoặc tìm kiếm thêm tài nguyên trực tuyến.

Những nguyên tắc này sẽ giúp hình ảnh có mục đích hơn bằng cách giúp thu hút sự chú ý đến các phần quan trọng của hình ảnh và bối cảnh xung quanh nó.

quy tắc hình ảnh tốt


Hãy chắc chắn rằng hình ảnh tuân theo bảng màu của bạn

Tất cả các trang web nên có một cảm giác thống nhất, bao gồm cả bảng màu. Cho dù bạn có chọn bảng màu trước hay sau đó chọn hình ảnh hoặc chọn hình ảnh và sau đó là bảng màu ( các công cụ như thế này có thể giúp với cái sau), hãy đảm bảo rằng màu sắc hình ảnh phù hợp với bạn phối màu tổng thể. Đôi khi rửa một hình ảnh và sau đó áp dụng một bộ lọc màu có thể hoạt động tốt.

descr


Hạn chế phương sai trong ảnh

Đừng làm cho sự xuất hiện trực quan bận rộn. Có một loạt các màu sắc và các đối tượng trong hình ảnh làm cho việc đặt văn bản lên trên nó và phù hợp với bố cục. Như đã nói, tạo nội dung trước rồi chọn hình ảnh.

Thêm lớp phủ trong suốt một phần, làm tối hình ảnh hoặc rửa nó thành màu đen và trắng trước khi thêm bộ lọc màu có thể giúp giảm nhiễu không cần thiết. Ngoài ra, màu nền có thể được áp dụng phía sau văn bản hoặc trên một yếu tố để giúp dễ đọc hơn.

nhập mô tả hình ảnh ở đây

Hình ảnh trên làm tối hình ảnh gốc và sử dụng một số bóng trên các cạnh để giảm nhiễu. Hình ảnh dưới đây dường như sử dụng lớp phủ tối trong suốt một phần để làm điều tương tự.

nhập mô tả hình ảnh ở đây


Đảm bảo kích thước hình ảnh đủ lớn

Không cần phải nói rằng hình ảnh được sử dụng phải đủ lớn để bao phủ từng màn hình mà không kéo dài. Điều đó có nghĩa là đối với màn hình kích thước đầy đủ, chúng ta cần phải có hình ảnh với độ phân giải tối thiểu 1024 x 768 pixel, nhưng tốt nhất là nhắm rộng tối thiểu 1200 pixel. Chúng tôi cũng có thể lưu tải hình ảnh lớn cho màn hình nhỏ hơn bằng cách phục vụ kích thước khác nhau của hình ảnh dựa trên độ phân giải, nhiều hơn về điều đó ở đây . Cố gắng tối ưu hóa thời gian tải hình ảnh tuy nhiên có thể trong khi không thừa nhận chất lượng hình ảnh.


Đảm bảo rằng bạn có quyền sử dụng hình ảnh

Nếu bạn không được phép sử dụng nó, đừng sử dụng nó . Nếu bạn không biết bản quyền của hình ảnh là gì , hãy tìm nó, nhưng đừng sử dụng nó cho đến khi bạn biết! Điều cuối cùng bạn muốn làm là bị kiện vì vi phạm.


Đảm bảo chất lượng ảnh cao

Đừng sử dụng hình ảnh nhiễu hạt hoặc mờ. Không sử dụng ảnh có nội dung nghi vấn hoặc không liên quan. Giữ cho nó đơn giản nhưng (chủ yếu) thực tế. Hãy suy nghĩ kỹ về những phần tốt và xấu của mỗi hình ảnh bạn xem xét và không chấp nhận một cái gì đó tầm thường.

Tài nguyên bổ sung:


4
Câu trả lời tốt. Tôi có lẽ đã quá ngắn gọn: "Hãy chắc chắn rằng đó là một bức ảnh đẹp và phù hợp với nhu cầu và mục tiêu của trang web của bạn" :)
DA01

@ DA01 Trong khi tôi hoàn toàn đồng ý với tuyên bố đó, một số người cần thêm một chút trợ giúp :)
Zach Saucier
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.