Thiết kế website kích thước chuẩn

Website

Đề website đẹp và thu hút người xem, bạn cần chú ý đến kích thước tiêu chuẩn khi thiết kế.

Thiết kế website kích thước chuẩn

Trong thiết kế website, có những con số "vàng" mà bất cứ ai khi bắt tay vào thực hiện web cũng cần phải để ý. 

Các kích thước của website

Để website trông đẹp mắt và thu hút người xem, những Web Designer thường lưu ý đến 3 kích thước sau:

  • Kích thước cố định (fixed layout): Kích thước mà chiều rộng được thiết lập theo một thông số cố định. Kích thước thiết kế web cố định là: 800px, 1000px, 960px hay 1260px. Gọi là kích thước cố định vì chiều ngang của nó được thiết lập một con số cố định. Các website không thay đổi kích thước theo độ phân giải màn hình mà vẫn giữ nguyên kích thước.
  • Kích thước lưu động (fluid layout): Kích thước lưu động là kích thước được tính theo thông số tỉ lệ % thay vì thông số cố định px. Vì vậy, chiều rộng của website co giãn theo kích thước của cửa sổ trình duyệt.
  • Ngoài ra còn có dạng bổ sung thứ 3 là kích thước co giãn. 

    Thiết kế website kích thước chuẩn

Các đơn vị của kích thước trong thiết kế website

Các đơn vị pt, pc, cm, mm, in

Trong kích thước thiết kế web chuẩn, đây là các đơn vị tuyệt đối. Một thành phần được thiết lập theo đơn vị này sẽ không phụ thuộc vào vật hiển thị chúng. Điều này có nghĩa là một font chữ 12pt sẽ bằng nhau trên mọi màn hình laptop, mobile, trên giấy…

Px

Có thể bạn chưa biết, một màn hình hiển thị được chia thành các điểm, mỗi điểm là một pixel (px). Nếu một màn hình máy tính có độ phân giải 800×600 pixels, nghĩa là nó bao gồm 480.000 pixels, chia đều thành 800 cột và 600 hàng. Và pixel là đơn vị nhỏ nhất của độ phân giải màn hình.

Các đơn vị %, em, rem

  • % là đơn vị đo lường tương đối. Một thành phần được thiết lập với width 50% sẽ có độ rộng bằng một nửa thành phần chứa nó.
  • Còn em cũng tương tự như %, nhưng em là đơn vị tỉ lệ theo font chữ. 1em bằng kích thước của font chữ parent.
  • Cũng tương tự như em, rem là đơn vị tỉ lệ với font-size của thẻ HTML.

Kích thước ảnh chuẩn trong thiết kế website

Kích thước hình ảnh Slider ở trang chủ: Kích thước ảnh Slider website là 1360x540 pixels.

Kích thước hình ảnh trong bài viết: Kích thước ảnh minh họa là 30x188 pixels.

Kích thước ảnh chi tiết: 800x500 pixels.

Kích thước hình ảnh bên trong sản phẩm: Đối với hình ảnh minh họa là 300x400 pixels, với hình ảnh chi tiết thì lớn gấp đôi là 600x800 pixels.

Thiết kế website kích thước chuẩn

Dịch vụ thiết kế website kích thước chuẩn

Nếu bạn đang có ý định tìm một đơn vị thiết kế web uy tín thì đừng nên bỏ lỡ thông tin sau: Thiết Kế Web Số với đội ngũ nhân viên chuyên nghiệp và giàu kinh nghiệm thiết kế, sẽ giúp bạn tạo ra những website bán hàng, blog cá nhân... theo kích thước tiêu chuẩn nhất. Hãy liên hệ hotline 08 999 365 24 để được tư vấn về các kích thước tiêu chuẩn dành cho website của bạn.