Sử dụng Nhấn mạnh để vẽ con mắt của người xem
Nhấn mạnh trong một thiết kế trang web tạo ra một khu vực hoặc đối tượng là tiêu điểm cho trang. Đó là một cách để làm cho một yếu tố nổi bật trong thiết kế. Tiêu điểm có thể lớn hơn các yếu tố khác của thiết kế hoặc có màu sáng - cả hai đều có xu hướng vẽ mắt. Khi bạn thiết kế một trang web, bạn có thể thêm nhấn mạnh bằng cách chọn một từ hoặc cụm từ và gán màu, phông chữ hoặc kích thước để làm nổi bật, nhưng có nhiều cách khác để sử dụng nhấn mạnh trong thiết kế của bạn.
Sử dụng nhấn mạnh trong thiết kế
Một trong những sai lầm lớn nhất mà các nhà thiết kế có thể thực hiện là cố gắng làm mọi thứ trong thiết kế nổi bật. Khi mọi thứ đều có sự nhấn mạnh như nhau, thiết kế xuất hiện bận rộn và khó hiểu hoặc tệ hơn - nhàm chán và không hấp dẫn. Để tạo tiêu điểm trong thiết kế web, đừng bỏ qua việc sử dụng:
- Lines: Tạo sự nhấn mạnh theo độ tương phản. Nếu một số phần tử nằm ngang, một phần tử dọc sẽ trở thành tiêu điểm.
- Màu sắc: Nếu hầu hết các phần tử trong thiết kế bị tối hoặc tắt, bất kỳ đối tượng nào có màu sắc sẽ thu hút mắt.
- Hình dạng: Khi hầu hết các hình dạng không đều, một hình dạng hình học nổi bật.
- Vùng lân cận: Khi nhiều mục được nhóm lại và một mục được tách riêng khỏi nhóm, mắt sẽ chuyển đến mục duy nhất.
- Vị trí: Mặc dù có ngoại lệ, một phần tử được đặt ở giữa thiết kế thường vẽ mắt.
- Trọng lượng: Một yếu tố nặng thu hút sự chú ý của người xem.
- Lặp lại: Khi một yếu tố đồ họa để loại được lặp đi lặp lại, mắt theo yếu tố lặp đi lặp lại đến tiêu điểm.
- Độ tương phản: Ngoài các tương phản được tạo bằng màu sắc và đường kẻ, độ tương phản có thể được tạo theo kích thước, kết cấu hoặc thay đổi phông chữ. Sự thay đổi làm cho yếu tố đầu mối nổi bật.
- White Space: Một yếu tố được bao quanh bởi không gian màu trắng (hoặc trống) trở thành tâm điểm.
Hệ thống phân cấp trong thiết kế web
Phân cấp là sự sắp xếp trực quan của các yếu tố thiết kế cho biết tầm quan trọng theo kích thước. Yếu tố lớn nhất là yếu tố quan trọng nhất; các yếu tố ít quan trọng là nhỏ hơn. Tập trung vào việc tạo ra một hệ thống phân cấp hình ảnh trong thiết kế web của bạn. Nếu bạn đã từng làm việc để tạo luồng ngữ nghĩa cho đánh dấu HTML của mình, điều này rất dễ dàng vì trang web của bạn đã có một hệ thống phân cấp. Tất cả thiết kế của bạn cần làm là nhấn mạnh yếu tố chính xác — chẳng hạn như tiêu đề H1 — để nhấn mạnh nhất.
Cùng với phân cấp trong đánh dấu, nhận ra rằng con mắt của khách truy cập xem một trang web trong một mẫu Z bắt đầu ở góc trên bên trái của màn hình. Điều đó làm cho góc trên bên trái của trang trở thành một nơi tốt cho một mục quan trọng như biểu trưng của công ty. Góc trên cùng bên phải là vị trí thứ hai tốt nhất cho các thông tin quan trọng.
Làm thế nào để bao gồm nhấn mạnh trong thiết kế web
Nhấn mạnh trong thiết kế web có thể được thực hiện theo nhiều cách:
- Sử dụng đánh dấu ngữ nghĩa để cung cấp sự nhấn mạnh ngay cả khi không có bất kỳ kiểu nào.
- Thay đổi kích thước phông chữ hoặc hình ảnh để nhấn mạnh hoặc nhấn mạnh chúng trong thiết kế.
- Sử dụng màu sắc tương phản để cung cấp sự nhấn mạnh.
- Kích thước đếm. Một từ rất lớn trên trang hoặc màn hình được chú ý ngay lập tức.
- Bao quanh đầu mối với khoảng trắng.
- Lặp lại một từ hoặc hình ảnh để thu hút sự chú ý.
Phụ thuộc vào đâu?
Sự phụ thuộc xảy ra khi bạn hạ thấp các yếu tố khác trong thiết kế để làm cho tiêu điểm bật lên. Một ví dụ là một đồ họa có màu sáng được đặt trên một ảnh nền màu đen và trắng. Hiệu ứng tương tự cũng xảy ra khi bạn sử dụng các màu hoặc màu bị tắt mà trộn với hậu cảnh phía sau tiêu điểm, khiến nó nổi bật.