Thiết kế layout website bằng Excel – Ý tưởng tuyệt vời

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.

  1. 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 đó.
  2. 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ý.
  3. 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.
  4. 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).

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. cao bách bộ

Xem thêm: Quy trình thiết kế website bạn nên biết

Một số ví dụ về layout website

layout-website

layout-website-2

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

thiet-ke-layout-bang-excel

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 :))

layout-website-excel

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

Thiết kế layout website bằng Excel – Ý tưởng tuyệt vời
5 (100%) 1 vote

CÓ THỂ BẠN QUAN TÂM

Top 5 nền tảng tốt nhất cho website bán hàng và thương mại điện tử
Top 5 nền tảng tốt nhất cho website bán hàng và thương mại điện tử Thương mại điện tử đã và ...
Giao diện website bán thực phẩm sạch
Alpha Việt xin giới thiệu đến Quý khách mẫu giao diện website mới: website bán hàng thực phẩm sạch với đầy đủ các tính năng của ...
Mẫu website bán hàng đẹp
Tất cả lập trình là lập trình web
Bài viết này của tác giả Jeff Atwood (là người lập ra trang web hỏi đáp nổi tiếng StackOverflow.com) tranh luận ...
Bài viết hay start up nên đọc
Thung lũng khởi nghiệp Silicon đang là điểm đến mơ ước của nhiều Start up, đặc biệt là những Start up ...