Logic đằng sau lưới lỏng là gì?


14

Tôi đang cố gắng để hiểu logic đằng sau các hệ thống lưới "lỏng lẻo" này thường được sử dụng để hiển thị hình ảnh. Tôi đã thử giải mã các loại lưới này nhưng dường như không thể tìm thấy lời giải thích mạch lạc về cách xác định vị trí và tỷ lệ của hình ảnh. Xin vui lòng xem các ví dụ dưới đây.

nhập mô tả hình ảnh ở đây


nhập mô tả hình ảnh ở đây


nhập mô tả hình ảnh ở đây


nhập mô tả hình ảnh ở đây


nhập mô tả hình ảnh ở đây


4
Có lẽ này tài liệu về "Lập và Breaking lưới điện" có thể hữu ích ... :)
elegent

2
Không phải tất cả các bố trí theo một lưới toán học. Đôi khi nó chỉ là quan hệ không gian thẩm mỹ thuần túy. 'Logic' ở đây có thể là hầu hết mọi thứ, nhưng có khả năng dọc theo dòng 'cân bằng khoảng trắng'.
DA01

"Ý tưởng công cộng 2010" rõ ràng là một tập hợp các ô, do đó, lưới là khung lặp lại của các đường cắt.
Yorik

Câu trả lời:


7

Ví dụ đầu tiên dường như dựa nhiều vào bố cục cổ điển hơn là lưới cứng. Nó dường như được dựa trên một phiên bản "squished" của phần vàng. Những lý do tại sao nó là "squished" có thể có nhiều:

  • phần được áp dụng cho một trang lớn hơn đã được cắt sau đó
  • ảnh có thể bị méo một chút
  • nhà thiết kế đã nói "cái quái gì" và đẩy phần đó một chút để phù hợp với trang của mình
  • lý do biên tập

nhập mô tả hình ảnh ở đây

Lưu ý cách "hình vuông" được tạo bởi phần vàng (đã trở thành hình chữ nhật vì tôi phải squish nó) được sử dụng làm đơn vị để xác định chiều rộng của cột sao chép và chiều cao và chiều cao của ảnh.

Các bức ảnh dường như được sắp xếp theo một nhịp đều của các đường chéo song song với đường chéo baroque (từ dưới cùng bên trái sang trên cùng bên phải). Điều này tạo ra một thủy triều đẹp dọc theo đường chéo nham hiểm (từ trên trái sang dưới phải), hướng mắt về phía bản sao.

nhập mô tả hình ảnh ở đây


5

Nói chung, một lưới được sử dụng để làm cho sự tương đồng và khác biệt rõ ràng hơn - và do đó dễ nhận biết hơn.

Nó cũng khuyến khích khả năng tiếp cận, vì vậy người xem tự động biết nơi tìm kiếm các yếu tố bởi vì " các phần của các phân chia ngang và dọc đóng vai trò là các biển chỉ dẫn để định vị thông tin " [1].

Điều đó nói rằng, điều thú vị về lưới là nó phân phối và điều chỉnh các yếu tố của nó đồng thời giúp sắp xếp và hiểu chúng và các mối quan hệ của chúng với nhau như bạn có thể thấy trong hình minh họa sau (từ en.wikipedia.org ) .

Minh họa lưới nhiều cột từ en.wikipedia.org

Như Timothy Samara tuyên bố, " mọi lưới điện đều chứa các phần cơ bản giống nhau, bất kể nó phức tạp đến mức nào. Mỗi phần đều đáp ứng một chức năng cụ thể" . Các yếu tố có thể là

  • kết hợp thành các nhóm gắn kết
  • hoặc bỏ qua hình thức toàn bộ cấu trúc

Làm thế nào và khi các yếu tố của lưới được kết hợp hoặc bỏ qua tùy thuộc vào người thiết kế, nhưng nên phụ thuộc vào cách giải thích thông tin của người xem.

Nhìn vào các ví dụ của bạn, cũng có thể xảy ra rằng nội dung có cấu trúc riêng của nó và một lưới như một hệ thống trật tự và khám phá sẽ không hoạt động, vì nó làm rõ bất cứ điều gì. Đôi khi, cũng có thể nội dung cần bỏ qua cấu trúc để tạo một cấu trúc mới và gợi lên các phản ứng cảm xúc trong khán giả - được gọi là lỏng lẻo . ;-)

[1] Tạo và phá vỡ lưới của Timothy Samara , Nhà xuất bản Rockport tháng 5 năm 2005


1

Theo như định vị, nhiều hình ảnh trong số này dường như được căn chỉnh theo cạnh của ít nhất một hình ảnh khác, một số hình ảnh được căn giữa trong một cột theo chiều dọc hoặc chiều ngang với hình ảnh có kích thước khác nhau. Tôi nghĩ rằng các bố cục trên đây là về mối quan hệ giữa các đối tượng và sự cân bằng hơn là một lưới nghiêm ngặt.


2
Này Sarah! Chào mừng đến với GD.SE! Nếu bạn có bất kỳ câu hỏi nào về cách trang web hoạt động, hãy xem trung tâm trợ giúp hoặc thoải mái ping một trong số chúng tôi trong Trò chuyện Thiết kế Đồ họa khi danh tiếng của bạn đạt 20. Xem ya xung quanh!
Vicki

Tôi đồng ý: Tôi nghĩ rằng OP đang giả định một "lưới" đã được áp đặt. Tôi không nhìn thấy nó, trừ khi bạn bao gồm các dòng trang trí (chẳng hạn như máng xối là trung tâm). Tôi thấy một số căn chỉnh ở giữa (trang bên phải), một số khác được căn chỉnh trên ví dụ: thanh chéo của chữ "A". Đôi khi bạn chỉ thấy một kết nối và sau đó thả một cái gì đó trên đường tưởng tượng giữa chúng.
Yorik
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.