Video: Bài 1. HTML5 Đồ họa trên nền Web với Canvas_Giới Thiệu. 2025
Thiết kế một nền tảng tốt đẹp cho trang web của bạn là một chi tiết quan trọng có thể thêm rất nhiều đánh bóng vào thiết kế của bạn. Xét rằng bạn không biết những người theo dõi những gì sẽ có khi xem trang web của bạn, bạn phải tính tất cả các kịch bản. Mặc dù điều quan trọng là phải đảm bảo rằng tất cả nội dung và điều hướng chính phù hợp với không gian rộng 1 000 pixel, điều gì sẽ xảy ra với trang web của bạn khi nó được xem trên màn hình điện ảnh lớn? Dưới đây là một số gợi ý và ví dụ để bạn xem xét:
-
Chọn một màu nền rắn chắc, miễn phí. Ít nhất, hãy chọn màu nền cho nền của trang web mà khen ngợi thiết kế. Không chỉ để lại nền trắng vì bạn chỉ đơn giản quên về nó. Nếu trắng là thích hợp, sau đó chọn màu trắng.
Nói chung, nhiều màu sắc bị mờ thì tốt hơn. Nếu ai đó mở rộng cửa sổ trình duyệt và nhận được một vụ nổ màu cam tươi, có lẽ đó không phải là trải nghiệm người dùng tốt nhất.
-
Sử dụng nền nền lặp đi lặp lại. Tạo một hình ảnh nhỏ (có thể ở bất kỳ kích thước nào, trên thực tế) có thể lặp lại liền mạch trên và xuống trang.
Có một chút để tạo ra một mẫu không có đường nối có thể nhìn thấy. Sử dụng Photoshop để đặt bốn bản sao của ngói kết thúc của bạn xung quanh chu vi ban đầu của chu vi để xem làm thế nào tất cả các cạnh lên hàng. Ưu điểm khi sử dụng gạch là bất kể bạn đang sử dụng mã CSS hay HTML, một đồ hoạ tương đối nhỏ là cần thiết để lấp đầy một diện tích lớn. Tiết kiệm thời gian tải xuống.
-
Tạo một nền nền là một dải ngang dài, gầy. Với CSS, bạn có thể xác định rằng một mẫu lặp lại theo một hướng: hoặc x (theo chiều ngang trên trang) hoặc y (theo chiều dọc xuống dưới trang). Nếu bạn tạo ra một dải cao, mỏng, nói rằng một gradation, bạn có thể có nó lặp lại trên trang chỉ. Sau đó bạn nên khen ngợi điều này bằng cách đặt một màu nền vững chắc phù hợp với màu đáy của ngói của bạn. Bằng cách đó, nếu người dùng cuộn trang, họ không thể nhìn thấy nơi mà ngói của bạn kết thúc và màu nền bắt đầu.
-
Tạo một nền nền lớn hơn nhiều so với trang web của bạn. Nhiều người nghĩ đến những tấm nền như đồ họa nhỏ, vuông hoạt động giống như một cái sàn trong nhà. Điều này không nhất thiết phải đúng. Bạn có thể tạo một nền nền (a) lớn hơn nhiều so với trang web của bạn, (b) có tỷ lệ bất kỳ, và (c) thậm chí không lặp lại. Đây là một cách tuyệt vời để tạo ra "môi trường" đằng sau trang web của bạn và cho thấy một điều ngạc nhiên thú vị đối với những người mở rộng cửa sổ trình duyệt của họ.
Tín dụng: © DisneyA mỏng, nền trang trí lấp lánh lặp đi lặp lại trên trang web Disneyland Hồng Kông, kết thúc bằng màu sắc chính xác (liền mạch) phù hợp với màu trang cơ bản.
