Có những lý do hoặc tình huống sau dẫn đến bạn phải thiết kế layout website trước khi bắt tay làm.
- Khi đi gặp khách hàng trao đổi yêu cầu, bạn cần chắc chắn khách hàng đồng ý với phương án đó.
- Trước khi bắt tay thiết kế giao diện bạn cần chắc chắn UX (trải nghiệm người dùng) là hợp lý.
- Thiết kế layout website trước khi bắt tay thiết kế đảm bảo cho bạn không bị cạn ý tưởng trong quá trình làm.
- Mọi thứ được đảm bảo chuẩn mực không phụ thuộc vào cảm hứng của designer (thiết kế giao diện).
Table of Contents
Layout website là gì?
Layout website hiểu một cách đơn giản là khung phác thảo, bố cục chung của website. Trước khi bắt tay thiết kế chi tiết bạn cần phải có một layout website đã hoàn chỉnh.
Xem thêm: Quy trình thiết kế website bạn nên biết
Một số ví dụ về layout website
Xem thêm: các layout website phổ biến bạn nên biết
Dùng cái gì để thiết kế layout website
Có rất nhiều cách để thiết kế layout website. Cách đơn giản nhất là vẽ bằng tay lên giấy!
Ngoài ra bạn có thể sử dụng bất kỳ công cụ nào: Office Word, Excel, Photoshop, Illustrator, Balsamiq Mockup …
Balsamiq Mockup cũng là phương án hay. Bạn có thể thử nó ở đây.
Tại sao dùng Excel lại là phương án tuyệt vời?
Lý do lớn nhất ở đây là Excel có sẵn các hàng và cột cho chúng ta dễ dàng thao tác. Các website bây giờ thường bố trí giao diện theo cột (thường là mỗi hàng 12 cột). Trong Excel bạn có thể chèn ảnh một cách rất dễ dàng. Dưới đây tôi sẽ chỉ cho các bạn cách thiết kế layout bằng Excel và những thủ thuật hay ho mà tôi tích cóp được :))
Cách dùng Excel để thiết kế layout website
Thông thường bạn chỉ cần dùng đến cột L (12 cột). Các cột sau đó có thể dùng để ghi chú.
Các bạn xem qua một vài ví dụ sau sẽ hiểu ngay cách làm :))
Với layout 12 cột, bạn có thể chia thành 2/10, 3/9, 4/8 hoặc 3/3/3/3, 4/4/4, 6/6 tùy theo cách bố trí của bạn
Bình luận của bạn