Thiết kế web: Màu sắc, Loại và các yếu tố Hình ảnh - núm vú

Để tạo một trang web hiệu quả, bạn phải tuân theo các nguyên tắc thiết kế cơ bản để trộn màu sắc, kiểu và đồ họa. Bạn cũng phải sử dụng không gian trang web hiệu quả để đạt được bố trí không quá đông đúc, khả thi và thực tế từ quan điểm kỹ thuật, đủ linh hoạt để hiển thị nhiều phương tiện khác nhau và giữ tất cả các yếu tố quan trọng "trong màn hình đầu tiên" - bên trong không gian nhìn ban đầu. Whew! Đó là rất nhiều.

Dưới đây là một số nguyên tắc về màu sắc, kiểu và hình ảnh để xem xét áp dụng các nguyên tắc thiết kế đã thử và đúng trong bối cảnh thiết kế các trang web kỹ thuật số.

Chọn một bảng màu phù hợp với thương hiệu cho trang web của bạn

Hầu hết các doanh nghiệp tạo trang web đều đã có bảng màu và nguyên tắc thương hiệu được thiết lập cho bạn một sự khởi đầu cho các loại dự án này. Đối với các sản phẩm hoặc sáng kiến ​​mới, sự kiện, vân vân, vân vân, có thể không có một cái nhìn nhất định. Trong những tình huống này, rất hữu ích khi yêu cầu khách hàng của bạn đưa ra danh sách các tính từ mô tả tâm trạng của trang họ đang tìm kiếm. Hoặc hỏi xem họ có sở thích hay ác cảm về bảng màu hay không. Từ đó, bạn có thể thiết lập một bảng màu và một bộ phong cách sẽ làm việc cho toàn bộ trang web. Dưới đây là một số suy nghĩ:

• Đèn chiếu sáng. Trang web của bạn sẽ luôn luôn cần một loạt các giá trị màu sắc để tạo độ tương phản. Bằng cách thiết lập một bảng màu tiêu chuẩn để vẽ từ, bạn có thể giúp đảm bảo một cảm giác nhất quán và hài hòa trên trang web.

• Màu nền. Có thực sự chỉ có hai lựa chọn cho nền mà đi phía sau nội dung : một nền sáng hoặc tối. Màu nền giữa sẽ không cung cấp đủ độ tương phản để làm cho văn bản và nội dung khác dễ đọc. Đối với trang web giàu thông tin và hữu ích, tốt nhất nên chọn nền sáng cho nội dung trừ khi thương hiệu cần có quy định khác. Rất nhiều văn bản màu sáng trên nền đen tối chỉ đơn giản là khó đọc. Điều này không có nghĩa là trang web của bạn phải tối tăm hoặc toàn bộ ánh sáng.

• Màu văn bản. Các lựa chọn màu sắc của bản sao trang web và các tiêu đề nói rất nhiều tính chuyên nghiệp của trang web. Trừ khi thiết kế nếu không gọi cho nó, tránh sử dụng màu đen tinh khiết hoặc trắng tinh khiết cho bản sao cơ thể, hoặc màu sắc có quá nhiều bão hòa. Những màu này rất mạnh và có thể "buzz" trên trang trong khi người dùng cố đọc một đoạn văn bản. Thay vào đó, sử dụng màu xám đậm, có lẽ gợi ý về một giai điệu ấm hơn hoặc lạnh hơn. Nếu không, sử dụng một màu tương tự gợi ý màu trắng-off.Chiến lược này cho phép bạn lựa chọn màu sắc mạnh hơn hoặc sáng hơn cho tiêu đề, đạn và tiêu đề phụ.

  

  Một bảng mẫu: Các màu sáng và bóng tối nằm ở hàng trên cùng. Màu sắc thương hiệu nằm ở hàng giữa. Màu sắc nhấn nhấn ở hàng dưới cùng.

  

  Tín dụng: © Peachy Green Điều này được thiết kế sạch sẽ trang web sử dụng một kết hợp tốt đẹp của darks và đèn chiếu sáng để trình bày nội dung.

Sử dụng phông chữ để đặt tâm trạng của trang web của bạn

Bạn phải cẩn thận với phông chữ vì họ có thể dự án rất nhiều cá tính. Tùy thuộc vào phông chữ bạn chọn, trang web của bạn có thể thể hiện sự cay đắng, tính chuyên nghiệp và mọi thứ ở giữa. Cũng như bạn chọn một lược đồ màu thích hợp, bạn cũng phải chọn phông thích hợp cho trang web của bạn.

Nói chung, phông chữ serif (phông chữ có ít gờ trên đầu của mỗi chữ) truyền đạt cảm giác ổn định, chuyên nghiệp, và đẳng cấp. Các phông chữ Sans-serif (không có khóm trên đầu) truyền đạt cảm giác về chủ nghĩa hiện đại và sạch sẽ. Trên web, phông chữ sans-serif thường được sử dụng cho các khối văn bản và phụ phụ, vì chúng có xu hướng đọc tốt hơn trên màn hình. Phông chữ Serif, mặt khác, thường được sử dụng cho các cụm từ ngắn và tiêu đề, bởi vì chúng thường được hiển thị với kích thước phông chữ lớn hơn và do đó dễ đọc trên màn hình.

Sử dụng các yếu tố đồ hoạ hiệu quả trong thiết kế web

Trong thiết kế in ấn, bạn có thể sử dụng các yếu tố đồ hoạ khá tự do, nhưng trong thiết kế web, hình ảnh lớn hoặc đồ họa phức tạp chiếm toàn bộ trang có thể giống như voi vất vả. Ảnh lớn có nghĩa là kích thước tệp lớn tải xuống từ từ. Khi thiết kế trang web, hãy sử dụng đồ hoạ lớn và cố gắng sử dụng lại các phần tử đồ hoạ (như kiểu nút và nền) khi có thể. Bằng cách đó, bạn có thể định nghĩa một bộ các kiểu đồ họa chuẩn mà các nhà phát triển có thể biến thành các kiểu CSS có thể được áp dụng trong toàn bộ trang web. Ngoài ra, bạn chỉ cần sử dụng mã CSS để chỉ định màu sắc và hình dạng cho các phần tử HTML, loại bỏ sự cần thiết phải sử dụng đồ họa, và làm cho nó một quá trình đơn giản để cập nhật toàn bộ trang web chỉ bằng cách thay đổi một vài dòng mã. Việc sử dụng kết hợp CSS và hình ảnh CSS có thể tạo ra một trang web giàu hình ảnh hiệu quả để xây dựng và duy trì, và tải nhanh.

Tín dụng: © CSS-Tricks / Chris Coyier Nút này không phải là một bitmap. Nó được làm hoàn toàn với việc sử dụng mã CSS một cách thông minh để xác định gradient màu, bán kính góc và văn bản.