Các bước hợp lý của quy trình thiết kế web giá rẻ Q5

Tuy nhiên, trước khi nhảy vào code HTML, bạn nên phác thảo cách đặt nội dung của mình vào các vị trí trên page trước. Bạn không cần mọi thứ cầu kỳ, chỉ cần giấy và bút chì là ổn. Vì web design là đặt các nội dung vào một box (các thẻ div hoặc các thẻ HTML khác) và đặt các box đó vào các vị trí trên page. Vậy nên hãy phát thảo các box, sắp xếp chúng nhanh trên giấy là cách tốt nhất để chúng ta thử các kiểu page layout khác nhau. Bằng cách này chúng ta có thể nhanh chóng tìm ra vị trí thích hợp để đặt nội dung, kích cỡ lớn nhỏ của các box và tone tổng thể (tối hay sáng).
Xem thêm các bài viết về các kỹ thuật thiết kế giao diện website tại DeIndex là gì? 4+ Bước khắc phục tình trạng DeIndex hiệu quả
Khi bạn lựa chọn được những nội dung cần hiển thị, giờ đến bước bạn tổ chức nó theo một cách dễ nhìn hơn. Một vài người sẽ nhảy ngay vào bước code HTML: tạo các div, thêm header, article, footer,... Điều này thường được gọi là "thiết kế ngay trên browser" vì bạn thiết kế layout bằng HTML.

Xem thêm các bài viết về các kỹ thuật thiết kế giao diện website tại Deep Link là gì? 4+ Lợi ích khi sử dụng Deep Link trong SEO
Bạn có thể dùng các ứng dụng đồ họa để vẽ bản phác thảo như Photoshop, Illustrator,... tuy nhiên hãy nhớ rằng đừng dành quá nhiều thời gian để tạo ra những hiệu ứng hình ảnh. Ở bước này chúng ta cần giữ mọi thứ đơn giản nhất có thể, còn những hiệu ứng đó ta có thể thay bằng cách design chúng trên CSS để tránh làm mất thời gian.
Một khi bạn đã có bản phác thảo, đó là lúc chúng ta nên nghĩ tới việc sử dụng HTML và CSS để dựng nên bản phác thảo đó trên web. Khi nhìn vào bản phác thảo, ta sẽ nhận ra những nhóm element nào có thể gộp chung lại thành các box.
Xem thêm các bài viết về các kỹ thuật thiết kế giao diện website tại Core Update là gì? Dự đoán Core Update SEO trong 2025
Khi vẽ phác thảo, ta thường vẽ các border và một tiêu đề cho một box, từ đó ta nhận ra được các box riêng biệt. Khi nhận ra được các box đó thì ta có thể sử dụng một <div> để xác định box đó, sau đó thêm các element khác vào trong.