Tự động hóa quy trình thiết kế lưới của bạn với GridGuide
Bước quan trọng đầu tiên của bất kỳ thiết kế trang web nào là chọn lưới. Điều này thường xác định chiều rộng tối đa của trang cùng với số lượng cột và máng xối bên trong sẽ được sử dụng để phân chia bố cục.
Bạn có thể thử xây dựng công cụ của riêng mình nhưng công cụ tốt nhất cho công việc này là GridGuide. Đây là một ứng dụng web hoàn toàn miễn phí hoàn toàn tự động tạo lưới cho bất kỳ trang web nào bất kể kích thước.
Chỉ cần đặt chiều rộng tối đa mong muốn của bạn theo sau là số cột bạn muốn. Thông thường, hai số này phải chia hết, vì vậy nên tránh các số nguyên tố. Dưới đây là một số chiều rộng tối đa phổ biến cho các trang web:
- 1100px x 12 cột
- 1200px x 8/12 cột
- 1240px x 8/12 cột
- 1440px bởi 8/10/12 cột
- Cột 1600px x 8/10/12
Hoàn toàn không có câu trả lời sai ở đây. Bạn có thể chọn bất kỳ chiều rộng nào và miễn là nó chia đều cho số lượng cột sau đó bạn tốt để đi.
GridGuide là một ứng dụng web linh hoạt để nó tự động cập nhật khi bạn nhập giá trị vào trường nhập. Vì vậy, khi bạn điều chỉnh các số ở đầu, bạn sẽ nhận thấy xem trước lưới tự động thay đổi.
Tôi đã từng dựa vào Photoshop cho công việc này và nó đã khiến tôi phát điên. Thành thật tạo lưới là một trong những bước khó chịu nhất khi thiết kế trang web mới và việc có được số pixel hoàn hảo có thể gây phẫn nộ.
Nhưng GridGuide hoàn toàn tự động và nó cung cấp cho bạn nhiều tùy chọn lưới khác nhau dựa trên kích thước cột và độ rộng máng xối khác nhau.
Bạn có thể tải xuống một hình ảnh PNG đầy đủ của lưới bạn chọn để nhập vào Photoshop. Điều này sẽ tiết kiệm rất nhiều thời gian vì vậy bạn không tạo lại lưới bằng các công cụ hình dạng từ đầu.
Và nếu bạn thích một kiểu lưới nhất định, bạn có thể tạo liên kết chia sẻ để đánh dấu để sau này hoặc chia sẻ với những người khác trên web.
Đối với một công cụ hoàn toàn miễn phí và dễ sử dụng, đây phải là đề xuất hàng đầu của tôi cho mọi nhà thiết kế web. Nếu bạn vật lộn với lưới và ghét thiết kế của riêng mình thì GridGuide là tài nguyên bắt buộc phải có trong hộp công cụ của bạn.
