Layout là một trong những yếu tố quan trọng với trang web và nó chiếm khá nhiều thời gian trong toàn bộ quá trình thiết kế. Phần này có thể dễ nhưng cũng rất khó bởi không cẩn thận bạn không thể mang lại một layout hoàn chỉnh được. Có rất nhiều nhà thiết kế chỉ mất vài phút cho việc thiết kế layout nhưng đôi khi họ cũng mất vài ngày cho việc này.
5.Kiểu 5 khối hộp
Kiểu layout thứ 5 sẽ là kiểu 5 khối hộp, nó không xa lạ mà chỉ là cách mở rộng từ kiểu 3 khối hộp mà thôi. Thay vì 3 khối người ta chia chúng thành 5 khối để có thể phân chia và sắp xếp nhiều nội dung hơn. Với dạng layout hộp như thế này bạn cũng có thể chia thành nhiều hộp khác nhau theo ý định và mục đích của mình. Tuy nhiên, không nên chia nhiều quá 5 khối hộp để tránh layout web bị phá vỡ và trang web sẽ bị chia cắt nhỏ.
Không có sự khác biệt nhiều trong cách thiết kế layout 5 khối hộp này, chúng ta cũng sẽ trình bày như kiểu trên. Phần khối hộp lớn sẽ được sử dụng để làm banner cuộn nhằm làm nổi bật các hình ảnh trên trang. Còn với những khối nhỏ có thể sử dụng bằng các hình ảnh thumbnail nhằm liên kết với các trang liên quan hoặc các hình ảnh thứ yếu. Khi sử dụng bạn sẽ cảm nhận được sự đặc biệt mà kiểu thiết kế này mang lại cho website của mình.
6.Kiểu thanh lề cố định (fixed sidebar)
Khi truy cập vào một vài website chúng ta có thể thấy thanh liên kết của nó được thiết kế ở phía trên và nằm theo chiều ngang và có thanh lề trái cố định. Đây là phần lề cố định và không di chuyển khi chúng ta cuộn theo chiều dọc. Với cách thiết kế này sẽ giúp cho thanh liên kết luôn hiển thị trên màn hình cho dù người xem có cuộn đi đâu chăng nữa. Và ở phần nội dung bên phải chúng ta có thể sử dụng layout khác, nó phụ thuộc vào sự sáng tạo của bạn cũng như cách sắp xếp nội dung để tạo ra một layout hoàn chỉnh nhất.
7.Kiểu thư viện ảnh
Người dùng khi truy cập vào website đều cảm thấy thích thú với các thư viện ảnh trên trang bởi nó sinh động và hấp dẫn. Nhưng làm thế nào để có được một layout đẹp, đơn giản nhưng vẫn ấn tượng. Và lời khuyên dành cho bạn chính là bố cục trang web theo dạng lưới một cách vững chắc. Đồng thời, thumbnail các ảnh đồng dạng và nhớ để một khoãng trống phía trên cho các têu đề và phụ đề.
Điều quan trọng mà bạn cần chú ý chính là nhấn mạnh phần tiêu đề, để làm được điều này chúng ta có thể lựa chọn và sử dụng những font chữ ấn tượng, độc đáo, kích thước to hoặc cũng có thể sử dụng các đồ họa đẹp để mang lại một header ấn tượng cho thiết kế của mình.
Với kiểu thiết kế bố cục này bạn hoàn toàn có thể thay đổi các hình dạng như vuông, tròn, hình chữ nhật với các góc bo để tạo hình đồng dạng cho ảnh thumbnail thay vì hình chữ nhật truyền thống. Đây cũng là cách rất tuyệt vời nhằm mang đến sự mới lạ cho website.
8.Kiểu dùng ảnh có kích thước lớn làm trọng tâm
Cách thiết kế bố cục website thứ 8 phải nhắc đến là sử dụng ảnh có kích thước lớn nhằm làm trọng tâm cho layout. Đây là dạng bố cục được rất nhiều nhiếp ảnh gia sử dụng cho website của mình.
Về cơ bản đây là cách sử dụng một vị trí có kích thước lớn nhằm trình bày những hình ảnh ấn tượng, nổi bật nhất. Hoặc đó cũng có thể là một hình ảnh thiết kế đồ họa độc đáo được kết hợp bên phải cùng cột thông tin bên trái. Nó sẽ có thanh gắn liên kết và logo cùng một số nội dung quan trọng khác. Trong quá trình thiết kế bạn cũng có thể thay đổi 2 vị trí của nó để giúp mang đến một layout ấn tượng và khác biệt.
9.Kiểu lưới đa năng (grid system)
Trong tất cả các dạng web layout dạng lưới đa năng được xem là khó và phức tạp nhất, nó đòi hỏi nhà thiết kế phải có những kỹ năng nhất định mới mang lại một trang web đẹp và chất lượng. Kiểu thiết kế này có thể chứa nhiều nội dung từ văn bản, âm nhạc cho đến những video clip hoặc bất cứ thứ gì bạn muốn. Đừng lo lắng mọi thứ bị rối tung vì với dạng này mọi thứ sẽ được bố trí một cách hoàn hảo và giữ cho website của bạn sự gọn gàng nhất.
Có một điểm cần chú ý khi sử dụng dạng thiết kế layout kiểu lưới đa năng chính là phần ở dưới. Thực tế nó là một khối hộp lớn chứa các hộp nhỏ hơn, nó có tác dụng trong việc phân chia các khoảng trống trên trang để mang đến sự vững chắc nhưng vẫn đảm bảo tính đa dạng cho website.
10.Kiểu sử dụng ảnh nền kín trang
Kiểu layout cuối cùng chúng tôi muốn giới thiệu đến mọi người là sử dụng ảnh nền kín trang. Đây là dạng layout rất phù hợp cho những website mang tính nghệ thuật mà đặc biệt là dành cho trang web của các nhiếp ảnh gia. Chúng ta sẽ sử dụng những hình nền lớn phủ kín trang và chỉ hiển thị một vài nội dung chính trên trang.
Do sử dụng các hình nền để làm kín trang nên cần phải chú ý trong việc sử dụng màu nền để giúp các chữ có thể được đọc dễ dàng hơn. Bạn cũng có thể thêm các liên kết, logo ở đầu trang hoặc xếp thành các khối hợp để mang đến sự dễ nhìn cho website của mình.