Sử dụng hình nền lớn cho web

  • Web design
  • 26 tháng 02 2012
  • bởi Văn Khương
  • 0 Comments

Có nhiều website trở nên đẹp lộng lẫy chính nhờ việc sử dụng hình nền lớn cho web, việc này làm cho website của bạn thực sự nỗi bật và thể hiện được tính cách cũng như ý tưởng của người thiết kế. Trong bài này chúng ta sẽ tìm hiểu một số cách thức sử dụng hình nền lớn cho web bằng việc sử dụng hình nền đơn hoặc đa hình nền.

Lỗi phổ biến: Hình nền được crop

Bạn có thể thấy ở hình dưới nó được cắt để sử dụng cho màn hình có độ phân giải 1280px. Nhưng nếu bạn có màn hình có độ phân giải lớn hơn thì bạn sẽ thấy hình nền bị cắt, tạo ranh giới không hài hòa với nền phía bên ngoài.

hình nền bị cắt

Giải pháp1: Dùng hình đơn

Một giải pháp nhanh để sửa lỗi này là tạo ra hình ảnh có viền ngoài giống với màu sắc nền của body, giống phiên bản của website webdesignerwall.com trước.

dùng hình nền đơn

Giải pháp2: Dùng hai hình

Trong ví dụ này chúng ta dùng hình nền cho phần tử Wrap và dùng nền là mẫu pattern cho phần tử body, hình nền phía trên chúng ta có định dạng là gif với nền trong suốt  sử dụng màu cùng chất với mẫu pattern, hay sử dụng nền có kiều giống với hình pattern.

(Nguồn: Webdesignerwall.com)

Tags: Web layout
  • Chia sẻ
comments powered by Disqus