Lưới và tầm quan trọng của Lưới trong thiết kế

Giới thiệu

Trước khi Hệ thống lưới được áp dụng vào thiết kế in ấn, sau này là thiết kế web, ban đầu lưới đơn giản là những đường kẻ để sử dụng trong việc sắp xếp các chữ viết tay.

Lưới là một cấu trúc 2 chiều được tạo thành từ các đường giao cắt của trục dọc và ngang được sử dụng để cấu trúc nội dung. Lưới giúp các nhà thiết kế tổ chức hình ảnh và văn bản một cách hợp lý, dễ nhìn.

Trong mỹ thuật lưới dùng để chỉ ra các tỉ lệ, số đo của người, hay các đối tượng. Các họa sĩ dùng để hỗ trợ vẽ, điêu khắc, tranh tường .v.v



Leonardo DaVinci, “The Vitruvian Man” 1492.


Tỉ lệ vàng

Nhắc đến hệ thống lưới, người ta thường nói tới tỉ lệ vàng. Tỉ lệ vàng là một chuỗi số sấp xỉ khoảng 1,6180339887.





Hình minh họa chỉ ra rằng:  

và   

Ta cũng có thể gặp Tỉ lệ vàng trong dãy số vô hạn của Leonardo da Pisa mà người ta gọi là dãy số Fibonacci: (Số sau bằng tổng hai số liền trước nó)

0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233…..

Tại sao lại có tỉ lệ vàng trong dãy số Fibonacci? Thật vậy, nếu dãy số đủ dài ta có thể lấy số liền sau chia cho số đứng trước nó, ta sẽ được tỉ lệ vàng 1,618033988..



Tỉ lệ vàng xuất hiện trên hình lục giác và ngôi sao.





Vòng xoắn này xuất hiện tỉ lệ vàng (trong Illustrator có cung cấp vòng xoắn này)

Phát triển

Sau thế chiến II, một số nhà thiết kế đồ họa gồm Max Bill, Emil Ruder và Josef Müller-Brockmann, chịu ảnh hưởng bởi những ý tưởng hiện đại của Jan Tschichold (được coi là cha đẻ của New Typography), bắt đầu đặt những câu hỏi liên quan tới việc bố trí layout của một trang.

Họ bắt đầu đưa ra một hệ thống linh hoạt (flexible system) có thể giúp các nhà thiết kế có được sự tổ chức, mạch lạc trong trang. Kết quả là Hệ thống lưới typographic hiện đại đã liên kết với Phong cách typographic quốc tế (the International typographic style – hoặc Swiss design).

Müller-Brockmann đã giúp tuyên truyền Hệ thống lưới trong thiết kế đồ họa đầu tiên ở Châu Âu và sau đó ở Bắc Mỹ.

Bằng những chỉ dẫn giữa những năm 70. Lưới typographic là một phần của chương trình giảng dạy thiết kế đồ họa tiêu chuẩn ở châu Âu.

Trong những năm 1980 đã có sự phản ứng chống lại sự phát triển của lưới, đặc biệt các sử dụng có phần giáo điều (cứng nhắc) của nó, dẫn tới một số nhà thiết kế từ chối sử dụng.

Sự xuất hiện của Apple Macintosh và sự chuyển đổi từ các nhà thiết kế chữ – typographer thành các nhà thiết kế đã dẫn tới một làn sóng thử nghiệm sử dụng lưới nhưng phần lớn là không tuân theo luật của Müller và Tschihold.

Lưới Typographic hiện nay đang được giảng dạy tại các trường thiết kế, nó là một công cụ hữu ích cho nhiều dự án, nhưng không phải là một yêu cầu hoặc khởi điểm cho các thiết kế.

Lưới trong thiết kế in ấn

Trong thiết kế in ấn, các trang được thiết kế, hoặc là sử dụng Lưới hoặc là Template.

Với lưới thì như đã nói ở trên. Trước khi thiết kế (bìa sách, poster, tạp trí .v.v.) nhà thiết kế thường chọn/tạo cho mình một hệ thống lưới phù hợp giúp cho việc sắp xếp, tổ chức, và lặp lại các yếu tố trên một trang. Nó cũng có thể tuân theo các tỉ lệ tiêu chuẩn đã có, hoặc một tỉ lệ họ cảm thấy phù hợp.

Sử dụng lưới vừa để sử dụng linh hoạt, nhưng cũng giúp cho các trang có một sự thống nhất về cách tổ chức, bố trí.







Lưới dùng để xác định khu vực nội dung của trang

… một vài ví dụ của việc sử dụng lưới trong thiết kế in ấn.







Ngược lại với lưới. Những Template thường được sử dụng cho các yếu tố hiển thị lặp đi lặp lại, đã được nghiên cứu về thói quen sử dụng cho người dùng.

Những Template thường được sử dụng cho thiết kế có thay đổi ít hoặc chủ yếu là nội dung.

Lưới trong thiết kế web hiện đại

Lưới trong thiết kế web đã trở nên quá quen thuộc hiện nay.

Người được nêu tên đầu tiên trong việc áp dụng hệ thống lưới từ thiết kế in ấn vào thiết kế web chính là Khoi Vinh – ông sinh tại Việt Nam năm 1971 nhưng sống tại Anh từ năm 1973.

Các hệ thống lưới tiêu chuẩn hiện nay đều được cung cấp những mẫu có sẵn (960, 978, 1140px). Bạn chỉ cần download và sắp xếp các yếu tố theo cách bạn muốn, nhưng tuân theo các đường lưới có sẵn này.

Một số trang web giúp phổ biến việc phát triển hệ thống lưới cho web phải kể tới 960.gs, subtraction.com, designbygrid.com, …

Thậm trí nếu máy bạn có cài đặt Adobe Cs5, bạn có thể cài đặt Modular Grid pattern để tự tạo lưới theo ý muốn.

1. Chắc chắn bạn đã cài Adobe Extension Manager CS5.
2. Chạy từ menu bar: Window > Extensions > Modular Grid Pattern.
3. Điều chỉnh lưới và nhận kết quả.

Ví dụ về lưới cho thiết kế web, iDesign đã giới thiệu rất nhiều, bạn có thể vào thư mục Website để tham khảo. Tuy nhiên bạn cũng có thể xem các hình dưới đây để hiểu hơn cách làm việc với lưới đối với website (cũng có thể dùng cho in ấn)


















 























Lưới: Bài học nằm lòng của các nhà thiết kế.

Trong tất cả các tài liệu thiết kế đồ họa trên thế giới. Lưới luôn được coi là một phần không thể thiếu của các tài liệu chuyên ngành này.



iDesign đã cung cấp cho các bạn đôi chút kiến thức về Hệ thống Lưới tại đây, và tài liệu ngắn gọn về cách sử dụng lưới tại đây.

Trong bài viết lần này chúng tôi tiếp tục cung cấp cho bạn những điều cần biết về Lưới trong thiết kế đồ họa.





Grid (lưới) là một từ để nhắc tới việc xác định cấu trúc phía sau việc thiết kế. Những đường lưới là những công cụ tổ chức để xác định những vùng làm việc của trang và giúp người thiết kế có những sắp xếp xuyên suốt về vị trí và thứ tự.

Các đường lưới có khả năng hỗ trợ người thiết kế trong việc duy trì khả năng làm chủ, tạo ra những liên kết về thẩm mỹ, và thống nhất toàn bộ thiết kế.

Tầm quan trọng của lưới.




Đơn giản, Lưới là một loạt các đường giao nhau theo chiều đứng và ngang tạo nên những khoảng không gian phân chia trang thành nhiều ô. Chúng là nơi đặt các yếu tố trên trang, và nếu các vị trí phù hợp chúng tạo nên hiệu quả, những sự chuyển động nhịp nhàng lên, xuống, trong, ngoài bề mặt của trang.

Các nhà thiết kế, thông qua Lưới sắp xếp các yếu tố thẩm mỹ để cho chúng làm đẹp lẫn nhau, chứ không phải xung đột, thành lập những đường dẫn cho các thiết kế để có thể nói lên mức độ liên quan, thứ tự quan trọng của các yếu tố thiết kế.

Các nhà thiết kế hoàn toàn làm chủ những yếu tố đồ họa thông qua những vị trí có trên bề mặt lưới với những sự kết hợp nhịp nhàng các yếu tố.

Lưới rất đa dạng về kích thước và hình dạng từ đơn giản tơí phức tạp, dựa trên khoảng cách, số lượng thông tin, yếu tố cần phải đưa vào trong thiết kế. Lưới luôn luôn phát triển song song với các yếu tố được tổ chức bên trọng, hệ thống Lưới tái tạo mọi dự án.

Với các tỉ lệ và khả năng tạo cấu trúc, hệ thống lưới thể bắt gặp ở khắp nơi, kiến trúc, nghệ thuật, toán học, âm nhạc, tự nhiên; Lưới được coi là không thể thiếu với các nhà thiết kế.

Dựa trên các phép tính Tỉ lệ vàng, chuỗi Fibonacci, các lý thuyết của các thiên tài hàng đầu như Pythagoras, Vitruvius, Michelangelo, Leonardo da Vinci và Le Corbusier. Bất kể trong lĩnh vực nào Lưới luôn tạo nên sự hài hòa và thống nhất.

Định nghĩa về Lưới.




Margins – Xác định ra vùng làm việc của trang, phần người xem sẽ theo dõi các yếu tố đồ họa. Chúng có thể có nhiều kích thước dựa trên định dạng, hay dựa trên số lượng của các yếu tố trong trang.

Trái phải, cũng như trên, dưới, margin bao gồm tất cả phần xung quanh, lớn hay nhỏ dựa trên tỉ lệ của trang.

Trên các trang cần nhiều không gian, phần margin phải đủ lớn để sinh ra phần gutter (được sinh ra từ 2 cột)

Không gian Margin có thể được sự dụng để vị trí của số trang, hay chân trang (footer)

Sử dụng Margin nhỏ cho các thiết kế phức tạp, nhiều yếu tố cần sắp xếp. Margin không phải nơi “tóm” các yếu tố đồ họa; chúng được dùng để phân định vùng làm việc và vùng không làm việc của trang.




Margin nhỏ sử dụng khi cần một hệ thống lưới phức tạp với nhiều yếu tố cần sắp xếp.




Margin lớn có thể giảm phần không gian đặt nội dụng, nhưng giúp tăng cường khoảng trống, đồng thời giúp mắt người xem ngay lập tức tập trung về khu vực thiết kế.

Trong một số trường hợp margin vẫn có thể bị phá vỡ bằng cách cho các yếu tố hình ảnh tràn ra khỏi ngoài trang.

Column – Cột là những khoảng không gian chiều dọc mà được sử dụng để căn hàng các yếu tố thiết kế. Cột đơn hay nhiều cột có thể chia trang, dựa trên số lượng và những thông tin hỗn hợp trong trang.

Bề ngang của cột có thể có nhiều kích thước dựa trên chức năng của thiết kế, như các cấp độ của các yêu cầu đa dạng bởi người thiết kế.

Column intervals – Còn được biết tới là Gutter, là các khoảng không gian được tạo bởi cột này với cột kế tiếp. Chúng có tác dụng phân chia khoảng cách giữa các yếu tố trên trang.

Khi sắp xếp nội dung, gutter giúp mắt người đọc không bị nhìn nhầm qua phần nội dung khác.

Flowline – hỗ trợ các cột đứng bằng cách chia trang thành các khoảng ngang để bổ xung việc canh hàng trên toàn Lưới. Chúng giúp nhà thiết kế sắp xếp các yếu tố thẩm mỹ một cách nhất quán, giống như chúng ở trên hoặc dưới dọc theo các cạnh của cột.




Với thiết kế Web việc sử dụng Lưới đã trở nên quen thuộc. Một trong những người được nhắc tới về việc áp dụng Lưới cho thiết kế web là Khoi Vinh.

Grid Module – Là những khu vực không gian mà hỗ trợ nội dung văn bản và các yếu tố của thiết kế . Dựa trên sự phức tạp của thiết kế mà có thể có số lượng module khác nhau.

Grid module hỗ trợ mắt người tìm kiếm một nội dung cùng một cấp độ xuyên suốt toàn bộ thiết kế (ví dụ ở vị trí A luôn là tiêu đề, B luôn luôn là hình ảnh). Mặc dù vậy cũng nên cẩn thận khi xác định bằng grid module vì việc sử dụng một vị trí cho toàn thiết kế có thể gây nhàm chán.

Người thiết kế có thể thay đổi các hình ảnh hay phần nội dung ở một số nơi, điều này làm tăng sự hài hòa, có nhịp điệu, loại bỏ sự khô cứng và việc lặp lại nhàm chán của thiết kế.


Năm bước đơn giản để thiết kế các hệ thống lưới Grid System

Các nhà thiết kế ở Việt Nam vẫn còn khá xa lạ với từ Hệ Thống Lưới – Grid System. Một số hầu như không biết, một số có nghe nói nhưng cũng không rõ lắm, một số tất nhiên nắm khá vững Grid System. iDesign sẽ cố gắng cung cấp cho các bạn những kiến thức cơ bản nhất của khái niệm này. Chúng tôi nghĩ nó không chỉ cần cho thiết kế Website mà dùng cho cả thiết kế đồ họa in ấn.


Lời nói đầu


Lưới – Grid  là gì?

Trước khi nói đến hệ thống lưới chúng ta cần phải có một hiểu biết cơ bản về nó, tại sao sử dụng và chúng sinh ra từ đâu.

Trong ngành thiết kế đồ họa, Lưới là một công cụ để đặt các yếu tố đồ họa như văn bản và hình ảnh. Lưới này được sinh ra từ nghệ thuật Constructivist và thông qua qua các quá trình phát triển đã trở thành một phong trào nghệ thuật.

Trong bối cảnh thiết kế đồ họa, mạng lưới là một công cụ để đặt yếu tố đồ họa của văn bản và hình ảnh. Lưới này là được sinh ra từ nghệ thuật Constructivist và hình thành thông qua các quá trình suy nghĩ tương tự mà dẫn đến phong trào nghệ thuật. Nó cũng có sự liên kết rõ ràng từ nghệ thuật  Concrete-Geometrical (xây dựng khối hình) tại các trường ở Zurich những năm 1930 và rất nhiều họa sĩ nổi tiếng của phong trào này đã có những đóng góp quan trọng vào typography thông qua những tác phẩm nghệ thuật của họ.

Đó là khoảng thời gian mà thệ thống Lưới chuyển từ lĩnh vực nghệ thuật thành typography và thiết kế thương mại hay thiết kế đồ họa.

Constructivist là phong trào nghệ thuật và kiến trúc có nguồn gốc ở Nga từ năm 1919 trở đi. Nó bác bỏ ý tưởng về "Nghệ thuật vị nghệ thuật", ủng hộ nghệ thuật như là hình thức trực tiếp nhằm phục vụ xã hội. Hoạt động kéo dài cho đến khoảng năm 1934,.. (wiki)


Nó chủ yếu là… Toán học

Trước khi nói đến các hệ thống lưới chúng ta phải tách riêng hình thức và chức năng. Chúng ta phải suy nghĩ về tính thẩm mỹ và tỉ lệ cũng như việc xem xét kết quả của các cấu trúc. Điều này khá là khó khăn cho các nhà thiết kế đã được dạy trong trường, hay làm việc một cách cảm tính "Bạn sẽ thấy đúng, khi bạn cảm thấy thế". Việc cảm thấy là một phản ứng để tạo cấu trúc.

Tỷ lệ, phương trình được dùng khắp mọi nơi trong hệ thống lưới. Các quan hệ đo lường, từ thiết kế tờ rơi tới sự phức tạp của thiết kế báo chí. Để thiết kế một hệ thống lưới thành công, bạn phải nằm lòng với các tỷ lệ và tỷ lệ, sự hợp lý, các bộ số tỉ lệ như 01:02, 02:03, 03:04 và những tỉ lệ bất quy tắc dựa trên việc xây dựng các vòng tròn, như Tỉ lệ vàng 1:1.681 hoặc các kích thước tiêu chuẩn DIN 1:1.4146.


Những tỉ lệ này đã quá quen thuộc trong xã hội hiện đại, từ các kiến trúc xung quanh chúng ta đến các khuôn mẫu tự nhiên. Sử dụng các tỷ lệ thành công trong hệ thống lưới có thể là yếu tố quyết định trong thiết kế, nghệ thuật không hẳn là công thức, nhưng tỉ lệ vàng làm nên tính thẩm mỹ.

Hệ thống lưới là gì

Hệ thống lưới là một thiết kế lưới đã được hình theo theo cách mà nó có thể áp dụng cho nhiều hình thức sử dụng khác nhau mà không làm thay đổi hình thức của nó. Ví dụ: Trong một cuốn sách có rất nhiều trang, Mở đầu, tiêu đề .v..v Nhưng tất cả chỉ cần một hệ thống lưới cho toàn bộ trang.

Hệ thống thiết kế lưới với những thiết kế phức tạp, nhiều thông tin có thể là nguy hiểm. Khi bạn thêm các thông tin, thêm trang, thêm hình…thì việc tạo ra một hệ thống lưới chung là khó khăn và đôi khi không thể sử dụng. Bởi vậy ngay từ đầu, hãy sắp xếp mọi thứ đơn giản, tổng quát.

Tại sao cần thiết kế hệ thống lưới

Một số người nói, hệ thống lưới làm giới hạn sự sáng tạo, không tự do. Karl Gerstner một nhà thiết kế đồ họa nổi tiếng của Thụy sỹ nói lên những mâu thuẫn khi dùng hệ thống lưới

Các lưới cho typography là sự điều chỉnh tỷ lệ cho các chất liệu, bảng biểu, hình ảnh… Đó là sự ưu tiên cho một nội dung chưa hình thành. Khó khăn nằm trong việc tìm kiếm sự cân bằng và sự tự do tối đa, hay nói cách khác, số lượng lớn nhất của các yếu tố khi kết hợp với nhau tạo thành sự thay đổi khác nhau.

Lưới chính là một hệ thống quản lý mà bạn phải xác định trước khi quyết định thiết kế, đó là điều kiện tiên quyết giúp đỡ trong việc phân chia, cấu trúc, nội dung, các ưu tiên…Tôi không nói rằng một mạng lưới được thiết kế tốt sẽ giải quyết các vấn đề và những phần của thiết kế, xa hơn, nó có thể tạo ra cấu trúc chặt chẽ trong thiết kế và tạo ra những giá trị thẩm mỹ cuối cùng khi ta hoàn thành.

Năm bước đơn giản

Bây giờ bạn sẽ hiểu hơn về hệ thống lưới, nơi nó sinh ra, những gì nên làm nếu được thiết kế tốt. Trong năm bước đơn giản tiếp theo, tôi sẽ đi qua các yếu tố đó làm cho một hệ thống lưới thành công và làm thế nào các yếu tố này có thể cùng nhau mang lại các hệ thống đơn giản, hay phức tạp để áp dụng cho các loại thiết kế.

Việc đầu tiên trong loạt bài này sẽ là "Phân chia Tỷ lệ"


Tôi đã dành thời gian đọc bài viết của Mark Boulton, đồng thời đọc thêm khái niệm tỉ lệ vàng. Tôi nghĩ nếu bạn đang là một nhà thiết kế thì việc bỏ chút thời gian đọc lại về khái niệm tỉ lệ vàng chắc chắn không thừa.


Tỉ lệ là cốt lõi của bất kỳ hệ thống lưới nào. Đôi khi là những tỷ lệ hợp lý như 1:02 hoặc 2:03, một số bất hợp lý 1:1,414 (tỉ lệ A4). Phần đầu tiên này sẽ nói về cách kết hợp các tỉ lệ để tạo ra sự đơn giản trong hệ thống lưới, giúp tác phẩm của bạn hài hòa và cân bằng.

Bắt đầu với vùng làm việc trống

Luôn luôn dễ dàng hơn nếu hướng dẫn dựa trên thực tế. Vì vậy, hãy thực hành. Bạn phải thiết kế một chương trình cho một cuộc triển lãm các bộ sưu tập. Bạn sẽ làm trên kích thước giấy A4. Bạn cũng được cung cấp thông tin và các hình ảnh kích cỡ khác nhau. Và bạn có vùng làm việc của bạn.

Phân chi tỉ lệ

Hệ thống lưới mà chúng ta thiết kế sẽ dựa trên sự phân chia tỉ lệ 1:1,414. Sử dụng khổ giấy như là những đường dẫn để có thể tạo tỉ lệ trên hệ thống lưới, điều này sẽ cung cấp các thành phần của các thiết kế có mối liên hệ với nhau. hệ thống lưới và kích thước giấy.

Đây là một trong những cách dễ nhất để tạo ra một mạng lưới cân bằng. Bằng cách sử dụng kích thước của tờ giấy như một tiêu chuẩn, dựa vào đó tạo ra tỉ lệ cho các hệ thống lưới.

Bạn có đoạn thẳng A———B—————-C Tỉ lệ vàng sẽ là tỉ lệ sau: ABx1,414 = BC. Và BCx1,414 = AC. Như vậy tỉ lệ 1:1,414 trong khổ A4 thì: Cạnh ngắn x1,1414 = Cạnh dài.

Các xác định tỉ lệ vàng.


http://upload.wikimedia.org/wikipedia/vi/e/e7/C%C3%A1ch_chia_%C4%91o%E1%BA%A1n_th%E1%BA%B3ng_theo_t%E1%BB%89_l%E1%BB%87_v%C3%A0ng.gif


Bắt đầu sáng tạo

Nhiều người nói rằng hệ thống lưới bóp nghẹt sáng tạo, nhưng tôi không đồng ý. Hệ thống lưới tạo ra những vùng làm việc và cho nhà thiết kế các câu trả lời như "nên để chúng ở đâu", "lớn thế nào cho đủ" … Một hệ thống lưới tốt sẽ chỉ đường cho những câu hỏi như vậy.

Vậy chúng ta sẽ có hệ thống lưới của mình. Hãy bắt đầu xử lý vùng văn bản, hình dạng và vị trí. Chúng ta có thể khám phá qua làm thế nào để hình ảnh và chữ có thể làm việc cùng nhau trên rất nhiều kiểu trang.

Hình trên chỉ ra vùng chứa chữ với những yếu tố đầu tiên của hệ thống – Hình 8-9 chỉ ra làm sao để áp dụng lưới cho các giải pháp thiết kế khác nhau;

{title}

Vị trí có thể khiến một số thứ dễ sử dụng

Đây là một lý thuyết có tồn tại được gọi là "Thẩm mỹ tạo khả năng sử dụng". Tôi cho rằng đây là một lý thuyết thú vị. Lý thuyết này cho rằng thiết kế đẹp tất nhiên có nhiều khả năng sử dụng hơn. Nó thách thức những lý thuyết kiểu "Tốt gỗ hơn tốt nước sơn"

Sắp xếp các lưới bằng cách sử dụng lý thuyết và các tỉ lệ cân đối (như Golden Section), cho phép việc tao ra kiểu dáng đẹp, cân đối.  Theo lý thuyết, những thiết kế này sau đó có thể khiến sản phẩm dễ sử dụng. Có lẽ tôi cần xem lại điểm này, nhưng tóm lại:

Hệ thống lưới tốt không chỉ giúp thiết kế của bạn đẹp hơn mà giúp người dùng dễ dàng hơn.

Đặt nó vào thực tế

Như trong bài viết đầu tiên của tôi, tôi sẽ thiết kế hệ thống lưới trong từng ngữ cảnh. Đối với những bạn không phải thiết kế website, chúng ta hãy lấy một ví dụ khác như In Ấn, tất nhiên lý thuyết này vẫn áp dụng được cho web. Nó cũng áp dụng được trong nhiều môi trường khác, từ kiến trúc, tới thiết kế nội thất và nghệ thuật. Bạn chỉ áp dụng nó vào khung làm việc khác nhau.

Tôi sẽ áp dụng lưới lên 2 trang sách, được gọi là hệ thống lưới không đối xứng, trái với những hệ thống lưới đối xứng tôi đã viết.


Tìm bố cục của trang

Cho tỉ lệ của trang sách này, tôi sẽ sử dụng một tỉ lệ để xác định nội dung, chữ chính và khu vực của trang. Có một cách đơn giản để làm là giảm kích thước của khổ giấy xuống để chắc rằng tỉ lệ được đặt đúng, cân bằng. Xem hình dưới.


{title}

Áp dụng Vùng tỉ lệ vàng

Bây giờ, khi bạn đã đọc tới đây, bạn có thể áp dụng tỉ lệ một cách dễ dàng, ta sẽ chia thành cột A và B.


{title}


Tạo hệ thống

Chúng ta đã có cột, giờ chúng ta cần vẽ các lưới để áp dụng với nhiều trang khác nhau. Ta sẽ vẽ các đường line chỉ ra khu vực chữ và phân chia các cột.


{title}


Sau đó áp dụng đường cắt ngang chia khu vực nội dung và phần sáng tạo. Tôi gọi nó là "Đường treo" – "Hanging Lines", cũng không chắc chắn về từ chính xác. Nhưng nội dung ở dưới đường này sẽ được thống nhất toàn bộ cuốn sách. Nó cho người đọc sự liền mạch, xuyên suốt để họ tiếp tục để mắt tới những trang sau.


{title}


Thêm vào những đường line khác để chia thêm những khu vực cần chú ý như, hình ảnh chú thích, thông tin liên quan tới bài viết…để chỉ ra rằng nó khác với phần nội dung.


{title}


Chúng ta sau đó có thể thêm vào các thiết kế vào hệ thống lưới với điều kiện, biết rõ rằng những đối tượng thiết kế như – chữ, hình ảnh, cấu trúc mới sẽ có sự liên hệ tới những yếu tố khác, và liên hệ với trang giấy.


Liên quan tới các hệ thống lưới

Tạo hệ thống lưới bằng cách sử dụng những tỉ lệ để tạo sự liên hệ nhằm xây dựng cấu trúc, đảm bảo một hệ thống lưới cân bằng

Tôi sợ nó không phải là khoa học chính xác. Mặc dù, rất nhiều thiết kế lưới được thử nghiệm với các tỷ lệ, đó là thử nghiệm với việc sử dụng khoảng trắng và các yếu tố của nội dung như hình ảnh và văn bản. Đừng phát minh lại những gì đã có, nghiên cứu các quy ước được sử dụng trên các tạp chí từ mọi nơi, từ kiến trúc tới các trang sách báo có tiếng. Chúng có thể cung cấp cho bạn những hệ thống tuyệt vời.

Bạn hãy "chơi" vớ hệ thống lưới. Chỉ vì tôi đang nói về tỷ lệ, các khu vực, mô đun, không có nghĩa thiết kế lưới là khó hiểu. Hãy để tâm vào sản phẩm cuối cùng, chứ không phải quá tốn thời gian cho quá trình thiết kế lưới của mình.












3 nhận xét: