loading

13 công cụ tuyệt vời hỗ trợ Web Designer sử dụng lưới

Sử dụng lưới tốt là một nền tảng vững chắc cho thiết kế. Khởi đầu từ in ấn, và đã quen thuộc trên web. Bài này giới thiệu 13 công cụ tuyệt vời hỗ trợ bạn trong việc sử dụng lưới.

#Grid

#Grid là một tool nhỏ giúp chèn một layout lưới vào trang web, giúp bạn giữ nó đúng vị trí và chuyển đổi hiển thị giữa foreground và background

Grid Maker

Grid Maker là một công cụ tiện dụng cho việc tạo lưới mẫu để sử dụng trong Photoshop. Nó còn có cả 1 Plugin.

960 Grid System

960 Grid System là quá quen thuộc, nó cũng cấp các mẫu lưới phiên bản 12 hoặc 16 cột.

YUI: CSS Grid Builder

Css Grid Builder là một công cụ cho phép bạn thiết kế lưới của riêng bạn bằng cách chỉ định chiều rộng của cột, số cột, body. Nó thậm trí còn cho phép bạn nhập nội dung cho header và footer. Khi hoàn thành bạn có thể dễ dàng copy code được tạo.

The 1kb Css Grid

netProtozo: Grid Generator

Grid Generator cho phép bạn tự thiết kế lưới của mình bằng cách chỉ định các thông số như chiều rộng cột, chiều rộng gutter (máng)… Bạn có thể tải lấy Css hoặc file lưới định dạng PNG

Blueprint

Blueprint là một Css framework, mục đích là giảm thời gian development. Nó cho bạn một nền tảng vững chắc để xây dựng dự án trên đó, với một grid dễ sử dụng, typography hợp lý, các plugin hữu ích, và cả stylesheet cho in ấn.

Typogridphy

Typogridphy là một Css framework được xây dựng để giúp các nhà thiết kế web và các lập trình viên nhanh chóng code trên grid layouts.

The Golden Grid

Golden Grid là một hệ thống lưới dành cho web. Nó là một sản phẩm cho việc tìm kiếm hệ thống lưới hoàn hảo hiện đại. Nó có nghĩa là một Css Tool cho website dựa trên lưới.

YAML

"Yet Another Multicolumn Layout" là một (X)HTML/CSS framework cho việc tạo một layout hiện đại và thay đổi linh hoạt.

Grid Calculator

Grid Calculator cho phép bạn chọn kích thước font bạn muốn dùng, sau đó chọn số cột, chiều rộng cột, và độ rộng gutter dựa trên kích thước font.

Gridr Buildrrr

Gridr Buildrrr giúp bạn tự tạo hệ thống lưới của riêng mình.

Fluid 960 Grid System

Các mẫu The Fluid 960 Grid System được xây dựng dựa trên các công việc của Nathan Smith và trang 960 Gird System bằng cách sử dụng hiệu ứng từ thư viện Mootools JavaScript.

Theo Webdesignledger

Cùng tác giả

#Tag

grid system Hệ thống lưới

iDesign Must-try

Công thức thiết kế logo cân đối từ Jeroen van Eerden
Công thức thiết kế logo cân đối từ Jeroen van Eerden
Có nhiều yếu tố góp phần tạo nên một thiết kế logo tốt, những yếu tố này phụ thuộc hầu hết vào vấn đề mà bạn đang cố gắng giải…
Teresa Schönherr với bố cục lưới và phong cách làm nghệ thuật kì lạ
Teresa Schönherr với bố cục lưới và phong cách làm nghệ thuật kì lạ
Mọi chuyện không chỉ đơn giản là xoay quanh một thiết kế poster mà còn liên quan đến việc sắp xếp nội dung và làm nổi bật thông điệp chính.…
Nguyên lý thiết kế | Kì 1: Guides, gutter và lưới
Nguyên lý thiết kế | Kì 1: Guides, gutter và lưới
Hệ thống lưới là một công cụ thiết kế và cần được phối hợp nhịp nhàng với kĩ năng của người dùng. Nó không tự nhiên biến bạn thành một…
9 lời khuyên hiệu quả về phân cấp hình ảnh
9 lời khuyên hiệu quả về phân cấp hình ảnh
Hệ thống phân cấp thị giác hoàn chỉnh là nền tảng để tạo ra một sản phẩm kĩ thuật số thành công.  Hệ thống này giúp thiết lập các yếu…
Top 5 hệ thống lưới dành cho thiết kế website
Top 5 hệ thống lưới dành cho thiết kế website
Khám phá những điểm mấu chốt cần lưu ý khi phát triển hệ thống lưới cho một dự án mới. Bài viết bởi Sam Kapila – Bài viết lần đầu được…
Thiết kế poster với phong cách tối giản, tại sao không?
Thiết kế poster với phong cách tối giản, tại sao không?
Trong thế giới sáng tạo rực rỡ và hào nhoáng, phong cách tối giản (minimalist) như kẻ đứng ngoài thế cuộc, chễm chệ và uy quyền. Sáng tạo nghệ thuật…