Các đơn vị kích thước trong Website Builder
Trong khi thiết kế website, cần chú ý kích thước của các thành phần trên website để tạo ra một website đẹp mắt và hiệu quả. Các đơn vị đo kích thước đóng một vai trò quan trọng trong việc này. Mỗi đơn vị có một mục đích riêng và mang lại những ưu điểm riêng trong thiết kế website của bạn. Trong bài viết này, chúng tôi sẽ làm rõ ý nghĩa của các đơn vị đo lường này.
Pixel, thường được ký hiệu là px, là đơn vị tính kích thước cố định.
Lựa chọn đơn vị Pixel tức là bạn đang đặt kích thước chính xác được đếm bằng số lượng pixel cho một thành phần nào đó . Ví dụ: chiều rộng của hình ảnh là 300px nghĩa là kích thước của hình ảnh này sẽ luôn rộng 300 pixel, bất kể nó được xem trên màn hình hay thiết bị nào.
Khi sử dụng tỷ lệ phần trăm (%), kích thước của một thành phần website được hiển thị dựa trên tỷ lệ so với kích thước chiều rộng của vùng chứa nó (container). Ví dụ: Nếu bạn thiết lập chiều rộng của hình ảnh là 50% thì hình ảnh đó sẽ rộng bằng một nửa vùng chứa (container) hình ảnh đó.
Việc sử dụng tỷ lệ phần trăm (%) đem tới sự linh hoạt và đảm bảo rằng một thành phần website có tỷ lệ tương ứng với vùng chứa (container), vì thế website sẽ có tính linh hoạt tốt hơn.
Chiều rộng hoặc chiều cao tự động có nghĩa là kích thước của một thành phần website sẽ tự động điều chỉnh dựa trên nội dung (content) của nó. Điều này đặc biệt hữu ích khi xử lý các thành phần website chứa nội dung động (dynamic content) như văn bản hoặc hình ảnh.
Lựa chọn này đảm bảo chiều rộng hoặc chiều cao của vùng chứa (container) được điều chỉnh phù hợp với nội dung bên trong. Nội dung sẽ không tràn ra ngoài chiều rộng của vùng chứa chính, website sẽ gọn gàng và đẹp mắt hơn.
Chọn Fill làm đơn vị chiều rộng có nghĩa là một thành phần website sẽ chiếm toàn bộ chiều rộng của vùng chứa nó. Đây là một tùy chọn để tạo ra một thiết kế thích ứng với các kích thước và hướng màn hình khác nhau.
Tùy chọn này sẽ hữu ích cho các thành phần như Header, đảm bảo nội dung này trải dài từ cạnh trái sang cạnh phải của màn hình.
Khi lựa chọn đơn vị đo chiều rộng và chiều cao cho các thành phần của website, bạn cần xem xét nhu cầu thiết kế và bố cục:
Pixels (px) cung cấp khả năng kiểm soát kích thước chính xác.
Tỷ lệ phần trăm (%) mang lại khả năng tương thích cho thiết kế.
Auto (Tự động) đảm bảo nội dung tự động điều chỉnh trong vùng chứa (container).
Lấp đầy (Fill) đảm bảo thành phần trải rộng không gian có sẵn, phù hợp với kích thước và hướng màn hình khác nhau.
Hãy chọn đơn vị đo lường hợp lý để có thể thiết kế website đẹp mắt và thu hút khách hàng một cách hiệu quả!
Tổng quan về Website Builder
Bắt đầu với Website Builder
Khởi tạo trang web bằng Website Builder
Hiểu về thiết lập giao diện trên Website Builder
1. Pixel (px)
Pixel, thường được ký hiệu là px, là đơn vị tính kích thước cố định.
Lựa chọn đơn vị Pixel tức là bạn đang đặt kích thước chính xác được đếm bằng số lượng pixel cho một thành phần nào đó . Ví dụ: chiều rộng của hình ảnh là 300px nghĩa là kích thước của hình ảnh này sẽ luôn rộng 300 pixel, bất kể nó được xem trên màn hình hay thiết bị nào.
2. Tỷ lệ phần trăm (%)
Khi sử dụng tỷ lệ phần trăm (%), kích thước của một thành phần website được hiển thị dựa trên tỷ lệ so với kích thước chiều rộng của vùng chứa nó (container). Ví dụ: Nếu bạn thiết lập chiều rộng của hình ảnh là 50% thì hình ảnh đó sẽ rộng bằng một nửa vùng chứa (container) hình ảnh đó.
Việc sử dụng tỷ lệ phần trăm (%) đem tới sự linh hoạt và đảm bảo rằng một thành phần website có tỷ lệ tương ứng với vùng chứa (container), vì thế website sẽ có tính linh hoạt tốt hơn.
3. Auto (Tự động)
Chiều rộng hoặc chiều cao tự động có nghĩa là kích thước của một thành phần website sẽ tự động điều chỉnh dựa trên nội dung (content) của nó. Điều này đặc biệt hữu ích khi xử lý các thành phần website chứa nội dung động (dynamic content) như văn bản hoặc hình ảnh.
Lựa chọn này đảm bảo chiều rộng hoặc chiều cao của vùng chứa (container) được điều chỉnh phù hợp với nội dung bên trong. Nội dung sẽ không tràn ra ngoài chiều rộng của vùng chứa chính, website sẽ gọn gàng và đẹp mắt hơn.
4. Lấp đầy (Fill)
Chọn Fill làm đơn vị chiều rộng có nghĩa là một thành phần website sẽ chiếm toàn bộ chiều rộng của vùng chứa nó. Đây là một tùy chọn để tạo ra một thiết kế thích ứng với các kích thước và hướng màn hình khác nhau.
Tùy chọn này sẽ hữu ích cho các thành phần như Header, đảm bảo nội dung này trải dài từ cạnh trái sang cạnh phải của màn hình.
5. Tổng kết
Khi lựa chọn đơn vị đo chiều rộng và chiều cao cho các thành phần của website, bạn cần xem xét nhu cầu thiết kế và bố cục:
Pixels (px) cung cấp khả năng kiểm soát kích thước chính xác.
Tỷ lệ phần trăm (%) mang lại khả năng tương thích cho thiết kế.
Auto (Tự động) đảm bảo nội dung tự động điều chỉnh trong vùng chứa (container).
Lấp đầy (Fill) đảm bảo thành phần trải rộng không gian có sẵn, phù hợp với kích thước và hướng màn hình khác nhau.
Hãy chọn đơn vị đo lường hợp lý để có thể thiết kế website đẹp mắt và thu hút khách hàng một cách hiệu quả!
Bài viết liên quan
Tổng quan về Website Builder
Bắt đầu với Website Builder
Khởi tạo trang web bằng Website Builder
Hiểu về thiết lập giao diện trên Website Builder
Cập nhật vào: 07/11/2023
Cảm ơn!