Giáo trình nghệ thuật chữ Thiết kế đồ họa

LỊCH SỬ CỦA CHỮ VIẾT

Giới thiệu chữ viết

Ngôn ngữ viết đã đóng vai trò quan trọng trong việc thúc đẩy sự biến chuyển của các nền văn hóa trong suốt hàng nghìn năm qua Nó ảnh hưởng đến các lĩnh vực chính trị, xã hội, học thuật, nghệ thuật, âm nhạc, khoa học, tôn giáo và kỹ thuật, giúp chúng phát triển và chuyển đổi Sự phát triển của công nghệ đã trở thành động lực chính cho sự tiến bộ của kiểu chữ, biến nó thành công cụ và hình thức thiết kế quan trọng trong lịch sử.

Gi|o trình nghệ thuật chữ 2

Công nghệ mới kích thích các nhà thiết kế khám phá khả năng sáng tạo, thách thức các giới hạn của ngôn ngữ thị giác hiện tại Họ thể hiện những trải nghiệm độc đáo và khẳng định dấu ấn cá nhân, khác biệt so với các thế hệ trước.

Theo truyền thống, kiểu chữ được hiểu là lĩnh vực nghiên cứu và thiết kế các bộ mặt chữ đồng nhất Mặc dù kiểu chữ có nguồn gốc từ chữ viết tay độc đáo, nhưng sự phát triển của công nghệ in ấn đã làm thay đổi đáng kể bản chất của truyền thông viết, dẫn đến việc thuật ngữ kiểu chữ ra đời để phản ánh sự biến đổi này.

Dù kiểu chữ có thể đúng hay không đúng thể thức, hình học hay hữu cơ, sự đặc trưng của chúng luôn phụ thuộc vào khả năng tái tạo Tuy nhiên, định nghĩa này đang bị thách thức bởi sự đổi mới trong thiết kế kiểu chữ kỹ thuật số, mở rộng ranh giới về cách sử dụng và sáng tạo chữ đến một tầm cao mới.

Các giai đoạn hình thành chữ viết trong lịch sử văn minh nhân loại

2.1 Sự khởi đầu của ngôn ngữ chữ viết

Chúng ta sẽ khám phá lịch sử chữ viết bằng cách khảo sát các di tích truyền thông cổ xưa, đặc biệt là nghệ thuật hang động Các petroglyph (tranh khắc đá) và pictograph (chữ vẽ hình) được người tiền sử để lại trong các hang động từ hơn 10.000 năm trước, phản ánh sự phát triển ban đầu của nghệ thuật và ngôn ngữ.

Vào thời kỳ tiền sử, con người đã sử dụng những vật liệu có sẵn để ghi lại kinh nghiệm sống của mình, bằng cách pha trộn màu sắc tự nhiên với mỡ động vật để tạo ra sơn, hoặc khắc hình ảnh lên đá Các dấu hiệu mà họ tạo ra rất đa dạng, bao gồm cả hình ảnh tượng trưng và ký hiệu trừu tượng.

Hình 1-1 Bức ảnh về hang động thời kỳ đồ đ| được tìm thấy ở Lascaux

Các dấu hiệu thị giác thời tiền sử, thường dưới dạng pictogram, là hình ảnh giản lược minh họa cho từ ngữ hoặc khái niệm cụ thể Mặc dù chúng đã được sử dụng rộng rãi, mức độ phổ biến và cách thức truyền thông của chúng vẫn là một bí ẩn, vì hiện tại chỉ còn lại một số mẫu vật bền vững từ những địa điểm xa xôi.

2.1.1 Năm 3000 Trước Công Nguyên (TCN): Ch ữ vi ết sơ kh ai c ủa ngườ i Sumer

Vào khoảng 3000 TCN, người Sumer ở Lưỡng Hà đã sử dụng bút trâm nhọn để vẽ chữ tượng hình lên đất sét, tạo ra bản ghi chép lâu dài về giao dịch buôn bán Một số tấm đất sét này vẫn còn tồn tại, cung cấp cái nhìn sơ bộ về quá trình truyền thông thị giác của họ Đến khoảng 2500 TCN, người Sumer đã cải tiến công nghệ viết, phát triển hệ thống chữ viết hình nêm bằng cách sử dụng bút trâm hình nêm để tạo ra các dấu hiệu nhỏ, chuyển từ chữ tượng hình sang ideogram, giúp giảm bớt số lượng ký hiệu cần ghi nhớ và dễ dàng hơn trong việc viết.

Nghiên cứu ngôn ngữ viết của người Sumer cho phép các nhà khảo cổ học khái quát sự tiến hóa từ pictogram sang ideogram và cuối cùng là phonogram, tức là những ký hiệu tượng trưng cho âm thanh.

Một tấm đất sét nung của người Sumer, được phát hiện tại Tello ở phía nam vùng Lưỡng Hằng cổ, ghi chép số lượng cừu và dê thông qua các ký tự hình nền.

2.1.2 Năm 3000 TCN: Chữ hieroglyphics của người Ai Cập

Cùng thời điểm người Sumer phát triển hệ thống chữ viết, người Ai Cập cũng đã tạo ra chữ hieroglyphics vào khoảng năm 3000 TCN Ban đầu, chữ viết tượng hình này chỉ bao gồm các ký tự đơn lẻ, nhưng sau hơn 3.000 năm, nó đã phát triển thành một hệ thống phức tạp kết hợp giữa chữ tượng hình và các ký hiệu âm sắc.

Hình 1-3 Chữ chữ tượng hình của người Ai Cập

2.1.3 Năm 1800 TCN: Nghệ thuật calligraphy của người Trung Hoa

Vào thời cổ đại, người Trung Hoa đã phát triển ngôn ngữ viết cùng với các công nghệ hỗ trợ việc sử dụng ngôn ngữ này Truyền thuyết Trung Hoa cho biết rằng vào khoảng năm

1800 TCN, một người đàn ông tên là Thương Hiệt (Ts'ang Chieh) đã phát triển các ký

Giới thiệu về giảng dạy nghệ thuật chữ viết, bài viết nêu bật cảm hứng từ dấu chân và vết móng của động vật, chim muông, dẫn đến sự ra đời của nghệ thuật thư pháp Trung Hoa.

Các ký hiệu của Thương Hiệt bao gồm pictograph và logogram, là những biểu tượng tượng trưng cho toàn bộ một từ như ©, $ hoặc # Mẫu vật cổ xưa nhất của nghệ thuật thư pháp Trung Hoa là các “sấm ngữ” khắc trên xương và mai rùa, được sử dụng để giao tiếp với tổ tiên và cầu xin may mắn.

Hình 1-4 Mảnh xương khắc lời sấm ngữ từ đời nh{ Thương

2.1.4 Năm 100 TCN: Letterfarm của người La Mã phát triển

Vào khoảng năm 100 TCN, người La Mã đã xâm chiếm Hy Lạp và chiếm giữ toàn bộ các thư viện quý giá của quốc gia này Sự ảnh hưởng của văn hóa Hy Lạp lên văn hóa La Mã rất mạnh mẽ, khi các giá trị và tri thức từ Hy Lạp được người La Mã tiếp nhận, chuyển thể và tôn vinh, góp phần hình thành và phát triển nền văn hóa La Mã hưng thịnh.

Bảng chữ cái Latinh hiện nay có nguồn gốc từ người La Mã, nhưng được cho là phát triển từ sự kết hợp của các ngôn ngữ Hy Lạp, Semit và Nam Italia, đặc biệt là từ chữ hoa uncial Etrusca, một nền văn minh cổ từng tồn tại tại khu vực tương ứng với vùng Toscana ngày nay.

Trong thế kỷ đầu tiên sau công nguyên, hai hệ thống chữ viết La Mã phổ biến là chữ hoa uncial và chữ hoa thô sơ (rustic capital) đã phát triển Chữ hoa uncial có hình dạng vuông và đơn giản hơn, trong khi chữ hoa thô sơ có nét viết ít kiểu cách hơn, dễ viết hơn nhờ đặc tính tròn và hẹp Cả hai loại chữ này đều có các yếu tố serif, giúp tăng cường vẻ vững chắc cho chữ viết Đặc biệt, các từ thường không được phân tách bằng dấu chấm ở giữa, tạo nên sự liên kết trong văn bản.

Hình 1-6 C|c chữ hoa thô sơ, chi tiết từ bản thảo của Bede, thế kỷ 8

Hình 1-5 C|c chữ hoa vuông từ một tấm bia trên Cột Khải Ho{n Trajan Column ở Roma năm 114 SCN

2.1.5 Năm 200 Sau Công Nguyên (SCN) : Bút có ngòi Đến thế kỷ 3 SCN, người Hy Lạp đã viết trên giấy cói, da dê, kim loại, da thuộc, gỗ và các tấm bia bằng sáp hoặc đất sét, sử dụng bút làm từ cây lau sậy có ngòi bằng kim loại gắn ở một đầu để dễ dàng điều chỉnh lưu lượng mực hơn Khoảng thế kỷ 7, con người bắt đầu sử dụng lông ngỗng làm bút, với một đầu rỗng được tách và tạo hình để làm ngòi bút, nhằm đạt đƣợc độ chính xác cao hơn

Vào thế kỷ 12, con người đã cải tiến bút lông ngỗng bằng cách cắt chúng với góc vát lớn hơn Tiếp theo, họ phát minh ra ngòi bút rời với nhiều độ rộng và hình dạng khác nhau để gắn vào bút lông ngỗng Những đổi mới này trong công nghệ chế tạo bút đã làm thay đổi hình dáng nét bút, từ đó ảnh hưởng sâu sắc đến sự phát triển của chữ viết tay.

Vai trò chữ viết trong mỹ thuật ứng dụng

Trong thiết kế sản phẩm truyền thông hiện đại, các họa sỹ thường khai thác chữ cái như một đối tượng nghệ thuật, biến chúng thành công cụ truyền đạt thông tin đầy sáng tạo và nghệ thuật Nghệ thuật chữ, với các kỹ thuật và thủ pháp đa dạng, không chỉ thu hút thị giác mà còn kể những câu chuyện thông qua hình thức, bố cục và màu sắc hấp dẫn, dẫn dắt người xem theo nội dung mà tác giả muốn truyền tải Chữ không chỉ mang ý nghĩa thẩm mỹ mà còn chứa đựng tình cảm, ý tưởng và bối cảnh xã hội sâu sắc Từ khi xuất hiện, chữ đã đóng góp quan trọng vào sự phát triển của nền văn minh nhân loại, trở thành yếu tố thiết yếu trong thiết kế quảng cáo và truyền thông Ngày nay, chữ đã trở thành môn học bắt buộc cho sinh viên mỹ thuật, được gọi là “Nghệ thuật chữ,” nhấn mạnh vai trò của nó trong việc nâng cao thẩm mỹ thị giác trong thiết kế đồ họa.

Nghệ thuật chữ không chỉ bao gồm kiểu chữ mà còn nhiều yếu tố hình thành vẻ đẹp tổng thể như kích thước, khoảng cách giữa các dòng, chiều dài dòng, và khoảng cách giữa các ký tự Những yếu tố này đóng vai trò quan trọng trong việc lựa chọn và thực hiện sáng tạo của các nhà thiết kế đồ họa Mỗi nhà thiết kế mang đến những ý tưởng, cảm xúc và kỹ thuật thể hiện riêng, tạo nên sự đa dạng trong nghệ thuật chữ.

Trong nghệ thuật thiết kế truyền thông hiện đại, bố cục đóng vai trò quan trọng, chứa đựng các yếu tố như đường nét, hình khối, kiểu chữ, nhịp điệu và màu sắc để thể hiện ý tưởng của nhà thiết kế Màu sắc có sức mạnh lôi cuốn và tạo cảm xúc, trong khi kiểu chữ tạo ra sức hút thị giác mạnh mẽ Việc sử dụng màu sắc và chọn chữ cái làm điểm nhấn trong bố cục thiết kế là xu hướng hiện đại, đặc biệt trong logo, nhãn mác và áp phích quảng cáo Ý tưởng là khởi đầu của sự sáng tạo, nhưng để thành công, cần biến ý tưởng thành thiết kế tốt Sự sáng tạo trong thiết kế đã phá vỡ các quy luật cũ, với ví dụ là thiết kế mỹ phẩm và danh thiếp ngày nay, thể hiện cá tính và đặc điểm nghề nghiệp Đặc biệt, các kiểu chữ đã có sự thay đổi mạnh mẽ trên bao bì và sản phẩm quảng cáo, góp phần làm phong phú thêm đời sống thẩm mỹ của xã hội.

Cà phê Trung Nguyên tại Việt Nam nổi tiếng với nhiều loại như G7, cà phê Chồn, cà phê Sáng tạo và cà phê Cappuccino, mỗi loại mang hương vị và sắc thái riêng biệt cho các hoạt động sống khác nhau Bao bì của từng loại cà phê được thiết kế độc đáo với kiểu chữ, màu sắc và hình ảnh đa dạng, không còn gói gọn trong các màu nâu, đỏ và đen như trước đây Nghệ thuật chữ không chỉ là sự thể hiện cái đẹp mà còn là yếu tố tương tác quan trọng trong quảng cáo, đặc biệt với những poster chỉ có chữ Thương hiệu Cocacola là một ví dụ điển hình cho việc đầu tư và đổi mới kiểu chữ trong quảng cáo, thể hiện chiến lược sáng tạo của nghệ thuật chữ suốt hơn 100 năm qua.

Lĩnh vực thiết kế đồ họa đang phát triển mạnh mẽ trong thời đại công nghệ và truyền thông hiện nay Áp phích (Poster) trở thành công cụ quan trọng trong việc nhận diện và tiếp thị các hoạt động xã hội đến khách hàng Để tạo ra một áp phích hiệu quả, cần đảm bảo các tiêu chí như hấp dẫn, dễ đọc và dễ hiểu Điều này đòi hỏi sự sáng tạo trong ý tưởng, hình ảnh, nội dung ngắn gọn, kiểu chữ bắt mắt và màu sắc thu hút, nhằm nổi bật sản phẩm quảng cáo.

Nghệ thuật chữ trong thiết kế đồ họa hiện đại là một lĩnh vực thú vị và phong phú, phản ánh trí tuệ và kho tàng văn hóa của nhân loại Sự phát triển liên tục của nghệ thuật chữ gắn liền với văn minh và thẩm mỹ, trở thành một phần không thể thiếu trong truyền thông hiện đại Thiết kế kiểu chữ đã trở thành môn học quan trọng trong các trường đào tạo mỹ thuật ứng dụng tại Việt Nam và trên thế giới.

Bài tập

1 Tạo một tác phẩm cắt ghép chỉ sử dụng những chữ thể hiện quan niệm của bạn về cảm giác quá tải và cô độc trong thời đại “Thông tin”

2 Tạo một layout kiểu chữ thuần túy cho một bài thơ thiếu nhi mà bạn yêu thích, lưu ý thế hiện nội dung thông qua hình thức bằng cách sử dụng - hoặc lạm dụng - một cách sáng tạo việc lựa chọn (selection), bóp méo (distortion), lấy tỷ lệ (scaling), xử lý

(treatment) và sắp xếp (arrangement) các ký tự

3 Tạo một poster nghệ thuật theo phong cách Plakatstil, quảng cáo cho một loại kẹo mà bạn yêu thích

CẤU TRÚC CỦA CHỮ

Các thành phần của chữ

Nhiều thuật ngữ mô tả các thành phần của ký tự dựa trên giải phẫu cơ thể con người, khiến việc hiểu và nhớ thuật ngữ kiểu chữ trở nên dễ dàng hơn Tuy nhiên, số lượng thuật ngữ phong phú có thể gây khó khăn cho việc ghi nhớ Điều quan trọng là bạn cần hiểu cách sử dụng các đường gióng gắn với mặt chữ và sau đó tìm hiểu về tất cả các phần tạo nên mặt chữ.

Khi viết trên một cuốn sổ kẻ ngang, bạn nên sắp xếp các từ sao cho chúng thẳng hàng theo những dòng kẻ đều đặn trên trang giấy.

Gi|o trình nghệ thuật chữ 51 nhấn mạnh rằng việc sử dụng các dòng kẻ làm đường baseline giúp các ký tự thẳng hàng, ngay cả khi không có dòng kẻ thực tế Đường baseline là một đường thực hoặc tưởng tượng mà các chữ cái của một từ nằm trên đó, đảm bảo sự thẳng hàng Khi học viết bảng chữ cái, chúng ta thường được cung cấp giấy có đường gióng phụ để nhận biết chiều cao của chữ hoa và chữ thường Các đường gióng này giúp xác định cap height (chiều cao đỉnh) cho chữ hoa và x-height (chiều cao cơ sở) cho chữ thường.

X-height là đường waistline của các chữ cái thường có dáng cao như b, d, f, h, k và i, thể hiện phần thân ký tự thay vì chiều cao đầy đủ của chúng.

X-height được đặt tên theo chiều cao của ký tự x thường, phản ánh kích thước cảm quan mà chúng ta nhìn thấy Kích thước và hình dạng thực tế của ký tự có thể khác với cảm nhận của chúng ta, dẫn đến ảo giác thị giác khiến các ký tự trông không đều dù được định cỡ và giãn cách đồng nhất Các nhà thiết kế thường điều chỉnh những hiện tượng này bằng cách thay đổi kích thước nhẹ của một số chữ cái Chẳng hạn, các chữ cái tròn như C và e thường cao hơn x-height để tạo cảm giác đồng đều với các ký tự khác, do hình dạng của chúng có thể khiến chúng trông nhỏ hơn thực tế Đường descender (đường dưới cùng) đánh dấu chiều dài của các ký tự như g, j, p, q và y, trong khi đường ascender (đường trên cùng) giúp xác định chiều cao của các ký tự như b, d, f, h, k và T, đặc biệt khi chúng có chiều cao khác với chữ hoa.

Hình 2-1 C|c đường giọng kiểu chữ được dùng để cản giống chữ

Từ “counter” có nghĩa đen là “đối lập”, vì vậy khoảng trắng hay không gian ấm bên trong và xung quanh mặt chữ được gọi là counterform Phần counterform của mặt chữ đóng vai trò quan trọng trong việc nhận diện ký tự, không kém gì hình dạng của chính nó Không gian dương và không gian âm tồn tại trong mối quan hệ tương hỗ, tạo nên các ký tự đặc trưng.

Hình 2-2 Letterform v{ counterform (m{u xanh lam)

- Cap height (chiều cao đỉnh): đường ngang có thật hoặc tưởng tượng biểu thị chiều cao của c|c chữ c|i hoa trong một kiểu chữ

Đường ascender hay còn gọi là đường trên cùng, là đường thật hoặc tưởng tượng thể hiện chiều cao của các chữ cái thường cao trong một kiểu chữ như b, d, f, h, k, 1 Trong một số kiểu chữ, đường này có thể tương tự như đường baseline.

- Đường baseline: đường ngang có thật hoặc tưởng tượng m{ những chữ c|i tạo nên một từ nằm trên đó sao cho c|c ký tự xuất hiện thẳng h{ng

- Đường descender/đường dưới cùng (descender line): đường ngang có thật hoặc tưởng tượng biểu thị độ d{i chính x|c của c|c chữ c|i thường như g, J, P, Q v{ y trong một kiểu chữ

- Đường waistline: đường ngang có thật hoặc tưởng tượng biểu thị chiều cao phần th}n của c|c chữ c|i thường, d|ng cao (thường giống đường baseline)

- X-height (chiều cao cơ sở): đường ngang có thật hoặc tưởng tượng cho thấy chiều cao của c|c chữ c|i thường trong một kiểu chữ

Trong nghệ thuật chữ, các ký tự thường đi kèm với những khoảng trắng, được gọi là counter (lòng trong), có thể là hở hoặc kín Counter hở (open counter) là không gian không bị bao bọc hoàn toàn bởi ký tự, như ví dụ về crotch (đáy chữ) - điểm giao nhau giữa hai phần của ký tự Ngược lại, counter kín (closed counter) là không gian được bao bọc hoàn toàn bởi ký tự, chẳng hạn như eye (mắt chữ) trong chữ cái e, là một ví dụ điển hình cho counter kín.

Hình 2-4 Counter hở v{ counter kín (m{u xanh lam)

- Counter (lòng trong): vùng không gian được chứa hoặc đóng kín bởi một mặt chữ

- Counterform (vùng nền của ký tự): c|c không gian }m bên trong v{ xung quanh mặt chữ

- Crotch (đ|y chữ): vùng counter nhọn vốn l{ điểm giao nhau giữa hai nét của một ký tự

- Eye (mắt chữ): counter nhỏ của ký tự e thường.

Phần kéo dài lên phía trên x-height của một ký tự thường được gọi là ascender, trong khi phần kéo dài xuống dưới baseline được gọi là descender Hầu hết các ký tự có ascender cao bằng đường ascender, nhưng một số ký tự như chữ t thường có phần này thấp hơn Các chữ cái như g, j, p, q, y và Q có descender nằm bên dưới đường baseline Chiều dài của ascender và descender có thể thay đổi tùy theo thiết kế kiểu chữ cụ thể.

Hình 2-5 Phần ascender v{ phần descender

Mỗi đường tạo ra một ký tự được gọi là nét, gợi nhớ về nguồn gốc thư pháp của chữ cái Nét có thể thẳng hoặc cong, đậm hoặc mảnh Nét chính của một ký tự, được gọi là nét stem, thường nằm thẳng đứng hoặc xiên và có độ dày lớn hơn Trong khi đó, nét phụ mỏng hơn được gọi là nét hairline Ví dụ về nét stem và nét hairline có thể được xem trong hình 2-6.

- Ascender (nét xổ trên dòng): phần kéo d{i lên phía trên x-height của một ký tự thường

- Descender (nét xổ dưới dòng): phần kéo d{i xuống bên dưới đường baseline của một ký tự thường

Hình 2-6 Nét stem v{ nét hairline (m{u xanh lam)

Nét hairline, giao cắt với nét stem của các chữ cái như T, t, X và x, được gọi là nét cross Nét hairline nằm ngang kết nối hai nét chính, xuất hiện trong các chữ cái như A và e.

H đƣợc gọi là thanh crossbar nhƣ minh họa ở (Hình 2-7)

Hình 2-7 Nét cross v{ thanh crossbar (m{u xanh lam)

Khi bàn về nét stem và nét hairline, chúng ta đang phân tích tính chính và phụ, cũng như độ đậm và mảnh của các nét Những thuật ngữ này mô tả hình dạng và hướng của nét chữ Chẳng hạn, nét chính của chữ S có hình dạng cong kép đặc trưng, được gọi là nét spine, như minh họa trong hình 2-8.

Hình 2-8 Nét spine (màu xanh lam)

Nét phụ kéo dài từ nét stem và kết thúc tự do được gọi là nét arm Ví dụ, trong chữ cái E, các nét arm kéo dài theo chiều ngang, trong khi ở chữ cái K, chúng có thể xiên lên phía trên Các chữ cái như E, F, K, M và L đều có nét arm đặc trưng này.

V, V, W, M, Y, y và z đều có nét arm

Hình 2-9 Nét arm (m{u xanh lam)

Nét phụ kéo dài từ nét stem và hướng xuống dưới tới đường baseline được gọi là nét leg, như trong các chữ cái K, k và R Nét xiên hoặc cong nằm ở đáy chữ Q hoa, phân biệt nó với chữ O hoa, được gọi là nét tail Ngoài ra, phần descender trong các chữ cái j, p, q và y cũng thường được gọi là nét tail.

Hình 2-10 Nét leg (m{u xanh lam)

Hình 2-11 Nét tail (m{u xanh lam)

- Nét (stroke): đường riêng rẽ có thể thẳng hoặc cong dùng để tạo nên một ký tự

- Nét arm: nét phụ kéo d{i theo phương ngang hoặc hướng lên trên từ nét stem v{ kết thúc tự do

- Nét bowl: nét cong khép kín một counter

- Nét cross: nét phụ giao cắt với nét stem

- Nét hairline: nét phụ của một ký tự, thường mạnh hơn nét stem

- Nét leg: nét phụ kéo d{i xuống phía dưới từ nét stem cho tới đường baseline v{ kết thúc tự do

- Nét spine: nét cong chính của chữ S

- Nét stem: nét thẳng, xiên hoặc cong chính của một ký tự, thường d{y hơn c|c nét kh|c của ký tự

- Nét tail: nét nhỏ ở đ|y chữ Q hoa, ph}n biệt chữ n{y với chữ O hoa, đôi khi, phần descender của c|c ký tự ý, p, q v{ y thường cũng được gọi l{ nét tail

- Thanh crossbar: nét phụ nằm ngang nối giữa hai nét chính

Nét cong khép kín phần counter đƣợc gọi là nét bowl Các chữ cái a, B, b, D, d, g, 0,

0, P, P, Q, q và R đều có nét bowl (cung tròn) Bạn có thể quan sát một số ví dụ về nét bowl trong (Hình 2-12)

Hình 2-12 Nét bowl (m{u xanh lam)

Khi hai nét xiên hướng về phía nhau, như trong chữ A, điểm giao nhau ngoài cùng được gọi là apex (đỉnh trên) Ngược lại, khi hai nét xiên hướng xuống dưới, như trong chữ V, điểm giao nhau được gọi là vertex (đỉnh dưới) Chữ cái W có hai apex và một vertex Các apex và vertex có thể có nhiều hình dạng khác nhau như nhọn, phẳng, tròn, xiên vát, hình lưỡi mác hoặc kéo dài, như được minh họa trong các hình ảnh tương ứng.

Phân loại chữ

Là một nhà thiết kế đồ họa, việc nắm vững các thuật ngữ liên quan đến chữ là rất quan trọng để bạn có thể thảo luận và trình bày thiết kế của mình một cách hiệu quả Các thuật ngữ như “kiểu chữ”, “font”, “type style” và “type family” thường dễ gây nhầm lẫn, do đó, bạn cần phân biệt rõ ràng chúng để giao tiếp tốt hơn với các nhà thiết kế khác và khách hàng Việc kết hợp chính xác những thuật ngữ này vào vốn từ vựng của bạn sẽ giúp nâng cao khả năng diễn đạt trong lĩnh vực thiết kế.

Khi được ông Smith thuê thiết kế logo cho doanh nghiệp Country Cookin Cottage, bạn cần tạo ra một kiểu chữ mới bao gồm cả mặt chữ nguyên bản và chữ mới Việc này yêu cầu bạn chỉ thiết kế những chữ cái cần thiết có trong tên doanh nghiệp của ông Smith, thay vì thiết kế toàn bộ bảng chữ cái.

Độ tương phản là khái niệm thể hiện sự khác biệt giữa các thành phần được so sánh, phản ánh những phẩm chất không tương đồng khi đối chiếu Nó không chỉ dùng để so sánh sự khác nhau mà còn đặc biệt quan trọng trong thiết kế chữ, nơi nó đề cập đến sự khác biệt về độ dày của stroke weight giữa các ký tự.

- Hướng nhấn nét: góc m{ c|c nét chính của một kiểu chữ hướng theo so với đường baseline

- Set width (độ rộng đồng bộ, tỷ lệ rộng trên chiều cao): độ rộng của một ký tự so với cap height của ký tự đó

- Stroke weight (độ đậm của nét): độ d{y của c|c nét riêng lẻ trong một ký tự

Tỷ lệ x-height là chiều cao của các ký tự thường trong một kiểu chữ, không bao gồm phần ascender, so với chiều cao của phần chữ in hoa (cap height) Tỷ lệ này thường được đo bằng chiều cao của ký tự x thường, và nó đóng vai trò quan trọng trong việc xác định tính dễ đọc và thẩm mỹ của kiểu chữ.

Gi|o trình nghệ thuật chữ 67 là một thuật ngữ rộng, có thể chỉ định nghĩa một vài ký tự trong logo hoặc toàn bộ một phông chữ.

Ông Smith thích kiểu chữ bạn thiết kế cho logo của mình và muốn bạn tạo ra tất cả các ký tự cần thiết để sử dụng kiểu chữ đó cho các ấn phẩm như brochure, thực đơn, văn phòng phẩm và báo cáo thường niên Ông cần cả chữ hoa và chữ thường cho từng ký tự trong bảng chữ cái, cùng với các con số, ký hiệu và dấu cầu Ngoài ra, ông cũng có thể yêu cầu các phân số, ligature, dấu (accent) và các ký tự đặc biệt khác, nhằm phát triển kiểu chữ thành một font hoàn chỉnh Thuật ngữ "font" chỉ tập hợp tất cả các ký tự của một kiểu chữ cụ thể, có chung những đặc tính nhất định, giúp chúng trở nên đồng nhất trong thiết kế.

Hình 2-31 Một bảng ký tự của font Times New Roman ho{n chỉnh

2.4 Kiểu chữ Ông Smith thích loại font bạn thiết kế cho ông ấy Giờ vị khách này quyết định rằng ông ấy cần bạn chỉnh lại font đó để tạo ra những phiên bản chữ italic (nghiêng), bold (đậm), light (mảnh), expanded (giãn) và condensed (co), ông Smith đang yêu cầu bạn phát triển nhiều kiểu chữ khác nhau của font đó Một kiểu chữ chỉ một phiên bản đƣợc chỉnh sửa của một kiểu chữ Khi bạn dùng chương trình soạn thảo văn bản trên máy tính và tạo kiểu văn bản thành bold hoặc italic, có nghĩa là bạn đang áp dụng một kiểu chữ cho văn bản đó

Khi mua bộ font, bạn sẽ thấy các kiểu chữ được đóng gói thành các file riêng biệt và bán lẻ Những kiểu chữ này thường có chất lượng cao hơn so với các kiểu chữ do phần mềm soạn thảo văn bản tạo ra Điều này là do máy tính sử dụng công thức toán học cố định để tạo kiểu chữ, trong khi nhà thiết kế chú ý đến độ cân bằng thị giác, điều chỉnh trọng lượng và độ đậm khi thiết kế Hình 2-32 minh họa sự khác biệt giữa kiểu chữ bold và italic trong font Times New Roman, cho thấy rõ sự khác biệt giữa thiết kế và máy tính.

Hình 2-32 C|c kiểu chữ do thiết kế v{ do m|y tính tạo ra của font Times

Khi bạn nhóm tất cả các kiểu chữ của font mà bạn phát triển cho ông Smith, bao gồm cả font gốc chưa chỉnh sửa, tập hợp này được gọi là Chữ (type family).

Thuật ngữ "chữ" chỉ một tập hợp các ký tự với một kiểu chữ cụ thể, bao gồm cả những kiểu chữ khác thuộc cùng loại Hình 2-33 minh họa biểu đồ mẫu của kiểu chữ Century, giúp người đọc dễ dàng nhận diện và phân biệt các kiểu chữ trong bộ sưu tập này.

Thuật ngữ "chữ" có thể gây nhầm lẫn vì nó mô tả hai khái niệm khác nhau Chữ không chỉ ám chỉ đến các loại chữ mà còn được phân loại dựa trên nguồn gốc lịch sử và đặc điểm hình dáng Để làm rõ, chúng ta sẽ gọi dạng chữ này là hệ chữ (type family category).

Có nhiều chữ mà nhà thiết kế cần nắm đƣợc, bởi chúng là những chuẩn mực đã đứng vững trước thử thách của thời gian

Hình 2-33 Mẫu chữ của Chữ Century

Những chữ kinh điển nổi bật với thiết kế ấn tượng và tính tiện lợi, phục vụ cho việc trình bày và hiển thị chữ khổ lớn, phù hợp cho tiểu đề, đầu đề và cả văn bản dài Một số ví dụ tiêu biểu có thể kể đến.

Giáo trình Nghệ Thuật Chữ 70

Các kiểu chữ được phân loại theo hệ chữ, phản ánh nguồn gốc lịch sử và phong cách riêng Việc hiểu rõ phân loại này giúp bạn quyết định thời điểm và cách sử dụng chúng hiệu quả hơn, từ đó hỗ trợ quá trình sáng tạo thiết kế kiểu chữ mới Những nhà thiết kế nắm vững cách sử dụng font chữ sẽ có khả năng tạo ra những thiết kế ấn tượng và thành công hơn.

Các kiểu chữ được phân loại một cách hữu ích, giúp người dùng hiểu và áp dụng chúng hiệu quả Mỗi hệ thống phân loại dựa trên sự phát triển lịch sử và đặc trưng phong cách của chữ Điều đáng mừng là sự khác biệt giữa các hệ thống này chủ yếu nằm ở tên gọi và mức độ chi tiết trong phân loại.

Để phục vụ mục đích của tài liệu này, chúng tôi sẽ áp dụng những phương pháp phân loại phổ biến nhất và khám phá một số cách phân chia theo quy ước Các hệ chữ này thường được gọi bằng những tên gọi quen thuộc.

- Font (phông chữ): tập hợp bao gồm tất cả các ký tự của một kiểu chữ cụ thể, rất cần thiết cho việc sắp chữ

Bài tập

1 Tổ chức bộ ký tự của bạn vào trong một biểu đồ theo sự tương đồng về hình dạng và độ rộng mà bạn dự tính Vận dụng kiến thức ở chương này làm hướng dẫn, hãy quyết định những ký tự nào sẽ đƣợc phát triển từ các ký tự khác trong font đặc thù của bạn

2 Thiết kế chữ I, H, O và V cho font của bạn

3 Thiết kế một poster, trang web hoặc tờ mẫu chữ để marketing cho một hoặc nhiều font

4 Tìm một mẩu quảng cáo có tính dễ đọc thấp Tạo danh sách những thay đổi có thể thực hiện để cải thiện tính dễ đọc của thiết kế này Sau đó, tạo lại mẫu quảng cáo, thực hiện từng thay đổi mà bạn vừa liệt kê

5 Thiết kế toàn bộ các chữ cái trong font của bạn, vốn cần thiết để tạo ra một mẫu chữ với nội dung HAMBURGEFONTSIV hoặc hamburgefontsiv

BỐ CỤC CHỮ

Tính rõ ràng và tính dễ đọc

Thiết kế dễ đọc là yếu tố quan trọng để thu hút độc giả, trong khi việc sử dụng từ ngữ rõ ràng là cần thiết để truyền tải hiệu quả thông điệp mà nhà thiết kế muốn gửi gắm.

Tính rõ ràng (legibility) đề cập đến mức độ dễ dàng mà người đọc có thể nhận biết và phân biệt các chữ cái Nếu người đọc gặp khó khăn trong việc hiểu bản ghi chú, điều này có thể ảnh hưởng đến khả năng tiếp nhận thông tin.

Giáo trình nghệ thuật chữ 125 viết tay của một người nào đó có thể được xem là bản viết tay không rõ ràng Khi hình dạng của các ký tự in biến đổi quá mức so với hình thức đơn giản nhất, người đọc dễ dàng cảm thấy nhầm lẫn, bực bội và gặp khó khăn trong việc hiểu nội dung.

Tính dễ đọc (readability) là yếu tố quan trọng ảnh hưởng đến khả năng tiếp cận và hiểu biết của người đọc đối với nội dung văn bản Sự rõ ràng của văn bản là cần thiết, nhưng bố cục cũng đóng vai trò quyết định; nếu bố cục quá rối mắt hoặc chật chội, người đọc có thể gặp khó khăn trong việc nắm bắt thông tin Ngược lại, một layout hấp dẫn và được sắp xếp hợp lý sẽ giúp người đọc dễ dàng tiếp cận và hiểu thông điệp hơn Trong bối cảnh hiện nay, khi có quá nhiều thông điệp cạnh tranh để thu hút sự chú ý, việc thiết kế một trang văn bản rõ ràng và dễ đọc là rất quan trọng để tăng cường khả năng tiếp cận đối tượng mục tiêu.

1.1 Các yếu tố ảnh hưởng tới tính rõ ràng

Để cải thiện tính rõ ràng trong thiết kế văn bản, bạn cần hiểu rõ các yếu tố ảnh hưởng đến sự rõ ràng trên giấy in và màn hình vi tính Việc cân nhắc những yếu tố này khi thiết kế layout sẽ giúp bạn đạt được sự cân bằng giữa tính rõ ràng và yêu cầu về phong cách, từ đó nâng cao tính dễ đọc cho thiết kế của bạn.

Tính quen thuộc của kiểu chữ ảnh hưởng lớn đến khả năng đọc hiểu văn bản Những kiểu chữ phổ biến thường dễ đọc hơn và giúp tiết kiệm thời gian cho người đọc so với những kiểu chữ ít quen thuộc Ví dụ, kiểu chữ blackletter từng được ưa chuộng trong thời kỳ Gutenberg nhưng lại không phù hợp với khán giả hiện đại Do đó, nên tránh sử dụng các kiểu chữ mờ và khó đọc cho nội dung chính, mặc dù chúng có thể được sử dụng làm chữ Display để tăng tính hấp dẫn và phong cách cho thiết kế.

Hình 3-1 Khối văn bản sử dụng kiểu chữ không phổ biến do Manfred Klein thiết kế năm 1991

Nghiên cứu cho thấy kiểu chữ Serif (Chốt nét) dễ đọc hơn so với kiểu chữ Sans-serif (không chốt nét) trong văn bản nội dung Những người tham gia đã chỉ ra rằng kiểu chữ Serif giúp phân biệt rõ ràng giữa các chữ cái, điều này làm tăng khả năng đọc hiểu Ví dụ, chữ "Illinois" được hiển thị bằng kiểu chữ Serif (Times New Roman) dễ đọc hơn so với kiểu chữ Sans-serif (Arial).

Font chữ Serif và Sans-serif thể hiện từ "Illinois" với những đặc điểm khác nhau Kiểu chữ Serif biến đổi hình dạng các ký tự, mang lại dấu hiệu trực quan rõ nét hơn, giúp người đọc dễ dàng nhận diện chữ Nếu chưa quen thuộc với từ "Illinois", bạn có thể gặp khó khăn trong việc đọc ký tự khi sử dụng font Sans-serif.

Kiểu chữ Serif tăng tính rõ ràng cho văn bản nhờ vào khả năng định hướng theo chiều ngang, giúp mắt người đọc dễ dàng theo dõi các dòng chữ Trong khi đó, kiểu chữ Sans-serif thường có diện mạo thẳng đứng với các nét stem chiếm ưu thế, điều này có thể làm chậm quá trình dẫn dắt mắt và ảnh hưởng đến sự lưu loát khi đọc.

Kiểu chữ là phiên bản điều chỉnh của một kiểu chữ gốc, bao gồm các định dạng như italic (nghiêng), bold (đậm), ALL CAPS (IN HOA TẤT CẢ CÁC KÝ TỰ) và underline (gạch chân) Những kiểu chữ này thường được sử dụng để nhấn mạnh và phù hợp với chữ Display Tuy nhiên, trong các đoạn văn bản dài, việc sử dụng những kiểu chữ này thường ít phổ biến.

Văn bản sử dụng chữ in đậm có thể khó đọc hơn chữ thường vì độ dày của các ký tự làm giảm kích thước phần counter Điều này cũng áp dụng cho mọi kiểu chữ in đậm Ngoài ra, không gian âm bên trong các ký tự cũng đóng vai trò quan trọng trong việc giúp người đọc nhận diện chữ viết, tương tự như các nét của ký tự.

Văn bản nội dung dài viết bằng chữ in hoa gây khó đọc do tính rõ ràng giảm sút, vì các ký tự đều có chiều cao giống nhau So với chữ thường, chữ in hoa thiếu sự khác biệt, làm cho việc phân biệt các ký tự trở nên khó khăn hơn Chữ thường có phần ascender và descender, giúp tăng cường khả năng nhận diện và đọc hiểu.

Người đọc thường quen với hình dạng tổng thể của từ, điều này giúp tăng tốc độ đọc Tuy nhiên, từ in hoa (All caps) có hình dạng giống nhau như hình chữ nhật, gây khó khăn cho việc nhận diện Sự kết hợp giữa chữ hoa và chữ thường là dễ đọc nhất, nhờ vào sự khác biệt giữa các hình dạng ký tự và thói quen của người đọc Đối với tài liệu in ấn, nên hạn chế sử dụng kiểu gạch chân (underline), vì đoạn văn bản dài có thể gây khó khăn cho việc đọc Mặc dù gạch chân có thể tăng tính liên kết của văn bản, nhưng nó cũng gây cạnh tranh về mặt thị giác với các ký tự.

Trong môi trường kỹ thuật số, siêu liên kết thường được thể hiện bằng kiểu underline Tuy nhiên, các phương pháp thay thế như làm nổi bật hoặc sử dụng màu sắc khác có thể mang lại hiệu quả tương tự mà không làm gián đoạn tính trực quan Trên màn hình, kiểu underline chỉ nên được sử dụng để biểu thị siêu liên kết, tránh gây nhầm lẫn và thất vọng cho người xem.

1.1.3 Màu sắc và quang độ - độ đậm nhạt

Màu sắc và quang độ là công cụ hiệu quả để thể hiện phong cách, biểu lộ tâm trạng và thu hút sự chú ý của độc giả Nghiên cứu về tính rõ ràng liên quan đến màu sắc cho thấy rằng chữ đen trên nền trắng đạt tính rõ ràng cao nhất Một nghiên cứu đã chỉ ra rằng sự khác biệt nhỏ giữa văn bản màu tối và nền trắng có thể làm giảm đáng kể tỷ lệ lĩnh hội thông tin của người đọc.

Nguyên lý thiết kế bố cục

Khi quyết định vị trí đặt văn bản và các đối tượng trên trang, bạn đang tạo ra một bố cục chữ Bố cục chữ mà bạn thiết kế có thể ảnh hưởng mạnh mẽ đến việc truyền đạt thông điệp tới khán giả Một bố cục chữ hiệu quả không chỉ giúp thu hút sự chú ý mà còn tạo điều kiện thuận lợi cho khán giả tiếp nhận thông tin một cách dễ dàng và rõ ràng.

- Chú ý và quyết định khám phá thiết kế của bạn

- Có đƣợc những thông tin mà họ đang tìm kiếm

- Thấu hiểu đƣợc thông tin bạn thể hiện

Tạo ra một bố cục chữ dễ hiểu và thu hút sự chú ý của khán giả là yếu tố quan trọng giúp nhà thiết kế đạt được mục tiêu trong truyền thông thị giác Việc định hướng khán giả thông qua thiết kế một cách hiệu quả sẽ nâng cao khả năng truyền tải thông điệp.

2.1 Hình thức và nội dung

Bố cục chữ bao gồm hai thành phần chính là hình thức và nội dung, đòi hỏi sự sắp xếp hợp lý để tạo ra thiết kế hiệu quả Hình thức liên quan đến diện mạo bên ngoài của layout, bao gồm sự cân bằng, tính thống nhất, tương phản, màu sắc, độ đậm nhạt và cấu trúc bề mặt Trong khi đó, nội dung thể hiện thông điệp hay thông tin trong layout, có thể được sử dụng để giảng dạy, khuyên nhủ, buôn bán, thuyết phục, cung cấp thông tin hoặc biểu thị tâm trạng Nội dung có thể được trình bày dưới dạng văn bản, biểu tượng hoặc hình ảnh, và cả hai yếu tố này đều góp phần truyền tải ý nghĩa của thiết kế.

Dù không thể đọc được nội dung văn bản, bạn vẫn cảm nhận được sự thư thái và tâm trạng vui vẻ, cũng như những biến đổi trong cảm xúc mà thông điệp mang lại Hãy chú ý đến thiết kế được minh họa trong (Hình 3-26); mặc dù các ký tự có thể không rõ ràng, nhưng cấu trúc nghiêm túc của thiết kế vẫn truyền tải một thông điệp điềm tĩnh và thận trọng.

Hình 3-26 Poster của Alan Chan

Thiết kế được minh họa trong Hình 3-27 thể hiện sự giận dữ và vẻ hung tợn, mặc dù người đọc có thể không nắm rõ nội dung văn bản Điều này cho thấy nhà thiết kế đã thành công trong việc truyền tải ý nghĩa thông qua cả hình thức và nội dung.

Hình 3-25 Poster quảng c|o cho Triển l~m Nghệ thuật Đồ họa chữ Quốc tế (TDC') ở Tokyo năm 199 7

Hình 3-27 Poster của Koichi Sato thuộc studio thiết kế Koichi Sato, 1998

Các mẫu thiết kế chữ trong Hình 3-28 thể hiện sự tương phản giữa hình thức và nội dung, từ đó kích thích sự tương tác từ khán giả.

Hình 3-28 Sự tương phản giữa hình thức v{ nội dung

Nhà thiết kế đóng vai trò quan trọng trong việc xác định mối quan hệ giữa hình thức và nội dung trong bố cục chữ Mỗi thành phần đều cần có nội dung phù hợp, ví dụ như từ "SMALL" (NHỎ) không chỉ phản ánh kích thước vật lý mà còn tạo ra sự tương phản với các từ có tính chất lớn hơn Điều này giúp tăng cường hiệu quả truyền đạt ý nghĩa trong thiết kế.

Hình 3-29 Ý nghĩa của từ SMALL (NHỎ)

2.2 Mức độ quan tâm của đọc giả

Khi độc giả tăng cường quan tâm đến nội dung chữ, yêu cầu về tính hiệu quả của hình thức giảm xuống, và ngược lại Do đó, nhà thiết kế cần xem xét cẩn thận hình thức của bố cục chữ Họ phải đưa ra quyết định hợp lý về mối liên hệ giữa hình thức và nội dung, nhằm duy trì sự liên kết chặt chẽ, đồng thời giúp người xem dễ dàng định hướng và cảm nhận tốt về mẫu thiết kế.

2.3 Hệ tâm lý gestalt và các thành phần layout

Vào thập niên 1920, nhà tâm lý học người Đức Max Wertheimer đã phát triển lý thuyết về cách chúng ta tổ chức và tạo ra ý nghĩa từ các kích thích thị giác Ông gọi lý thuyết này là tâm lý học Gestalt, với "gestalt" trong tiếng Đức có nghĩa là hình thức hoặc cấu trúc.

“hình” (“form”) hoặc “dạng” (“shape”)

Wertheimer chỉ ra rằng mắt chúng ta thu nhận sóng ánh sáng phản xạ để tạo ra hình dạng, cấu trúc bề mặt, màu sắc và độ đậm nhạt, sau đó não sẽ phiên dịch những yếu tố này thành các đối tượng có thể hiểu được Hiểu biết về hệ tâm lý Gestalt là rất hữu ích cho các nhà thiết kế, vì nó cung cấp cái nhìn sâu sắc về cách mà người xem nhận thức các bố cục họ quan sát Các Luật Gestalt, được Wertheimer đề xuất, giải thích quá trình não bộ xử lý đầu vào trực quan bằng cách nhóm các đối tượng lại để tạo ra ý nghĩa.

Các luật này mở rộng ý tưởng của Wertheimer, nhấn mạnh rằng các nhóm đối tượng mà bộ não kết hợp sẽ tạo ra một ý nghĩa mới sâu sắc hơn Như Wertheimer đã khẳng định, sự tổ chức này mang lại cái nhìn toàn diện và phong phú hơn về thế giới xung quanh chúng ta.

Câu nói “Cái toàn thể lớn hơn tổng các thành phần” thể hiện nguyên lý của tâm lý học Gestalt, cho thấy rằng khi các thành phần như trứng, đường, bột và bơ được kết hợp, chúng tạo thành một chiếc bánh sinh nhật có giá trị ý nghĩa xã hội và tình cảm vượt trội hơn so với các nguyên liệu riêng lẻ Chiếc bánh không chỉ ngon mà còn mang lại biểu tượng và cảm xúc cho người nhận, minh chứng cho việc cái toàn thể có giá trị lớn hơn sự cộng gộp đơn thuần của từng phần.

Giới thiệu về nghệ thuật chữ 152 giờ, chúng ta có thể xem xét một ví dụ trực quan với hình ảnh gồm sáu hình tam giác Những hình tam giác này có vẻ không mang lại nhiều ý nghĩa cho người xem, ngoài những liên tưởng toán học hợp lý.

Hình 3-30 S|u hình tam gi|c trên một h{ng

Tuy nhiên, khi các hình tam giác đƣợc nhóm lại nhƣ trong

Hình ảnh của ngôi sao David, với hai tam giác lồng vào nhau, không chỉ đơn thuần là biểu tượng của người Do Thái mà còn có thể đại diện cho nhiều nhóm khác nhau trong xã hội hiện đại Sáu hình tam giác này, khi được sắp xếp theo cách đặc trưng, mang trong mình nhiều ý nghĩa sâu sắc về xã hội và lịch sử, phản ánh sự đa dạng trong trải nghiệm của con người.

Weitheimer nhận thấy rằng não bộ chúng ta phân chia các đối tượng nhận thức thành hai loại: hình và nền Hình là đối tượng chính mà chúng ta chú ý, trong khi nền là bối cảnh phía sau Thông thường, chúng ta chỉ tập trung vào hình Ví dụ, nếu được yêu cầu vẽ một chiếc kẹp giấy, bạn sẽ chỉ vẽ chiếc kẹp mà không chú ý đến nền phía sau.

Sự điều hướng đọc

Giống như định luật vạn vật hấp dẫn, định luật về sự dẫn mắt và điều hướng đọc cho thấy chúng ta có xu hướng tiếp cận thông tin theo cách quen thuộc Khi đối tượng khán giả là người nói tiếng Anh hoặc tiếng Tây Ban Nha, họ thường bắt đầu từ góc trên cùng bên trái của trang, sau đó đọc từ trái sang phải và từ trên xuống dưới Ngược lại, với khán giả nói tiếng Nhật hoặc tiếng Do Thái, cách đọc sẽ khác biệt Ví dụ, hình ảnh minh họa cho thấy tác động của sự dẫn mắt, nơi người đọc phải chú ý đến nửa dưới của trang văn bản.

Người đọc thường không quay lại đầu trang, dẫn đến việc họ bỏ qua phần mở đầu của bài viết Thiết kế như hình 3-41 giúp người đọc theo dõi thói quen đọc từ trên xuống dưới và từ trái qua phải, phù hợp với cách tiếp cận tự nhiên của họ.

Hình 3-40 Sự t|c động của điều hướng đọc theo nửa phần dưới của trang

Hình 3-41 Sự dẫn mắt điều hướng đọc theo từ trên xuống dưới v{ từ tr|i qua phải

Mục chữ đóng vai trò quan trọng trong việc cung cấp gợi ý về loại thông tin mà người đọc có thể mong đợi từ các thành phần trong nguyên bản, ngay cả trước khi họ bắt đầu đọc Các đề mục như đầu đề, phụ đề và khối trích dẫn giúp người đọc nhận diện mối quan hệ giữa các phần trên trang, đồng thời cải thiện khả năng hiểu biết về cách tổ chức thông tin.

Giáo trình nghệ thuật chữ gồm 160 trang, bao gồm bảng biểu, chú thích, sidebar, bảng chú thích, chân trang, danh sách, trích đoạn và số trang, như minh họa trong Hình 3-42.

Hình 3-42 C|c mục chữ trong nội dung

Khi thiết kế layout, bạn cần ghi nhớ rằng trải nghiệm của người xem là điều quan trọng nhất Văn bản và các đối tượng phải dễ đọc và được sắp xếp một cách hợp lý để dẫn dắt người xem Hơn nữa, cách bố trí thị giác của các thành phần cần phải truyền đạt rõ ràng thông điệp mà bạn muốn gửi gắm.

- Thứ tự thông tin nên đọc

- Những đối tƣợng và văn bản nào nên đƣợc nhóm lại cùng nhau

- Thứ tự quan trọng của thông tin

Để giữ chân khán giả, việc đọc và thiết kế cần phải dễ hiểu và rõ ràng Thiết kế nên hướng dẫn người xem tìm kiếm thông tin một cách hiệu quả, từ những phần quan trọng đến những phần ít quan trọng hơn Nếu không, khán giả có thể cảm thấy nhầm lẫn, thất vọng hoặc bực bội Tính khả dụng là yếu tố then chốt, đặc biệt đối với các layout tương tác Nhà thiết kế cần phải dự đoán sự di chuyển của người đọc và chỉ dẫn họ đến thông điệp chính và các thông tin cần thiết.

Để tạo ra tác phẩm thiết kế tương tác thân thiện, bạn có thể tuân theo một số quy tắc đơn giản Những hướng dẫn này không chỉ phù hợp với thiết kế tương tác kỹ thuật số mà còn có thể áp dụng cho mọi trải nghiệm tương tác khác.

Giữ cho thiết kế luôn đơn giản là điều quan trọng, vì nó giúp người dùng dễ dàng tiếp cận nội dung Giao diện cần phải trực quan, tránh sự phức tạp để không làm phân tâm sự chú ý của người đọc khỏi thông tin chính.

- Dễ sử dụng: Dự đoán nhu cầu của người sử dụng để bạn có thể làm cho các thành phần thiết kế trở nên thuận tiện với họ

Hãy để sự tương tác dẫn dắt trải nghiệm tương lai: Cá nhân hóa môi trường dựa trên lựa chọn trong quá khứ có thể tạo ra trải nghiệm tích cực cho người dùng, giúp sản phẩm mới trở nên hiệu quả hơn.

Khán giả đánh giá cao khả năng tự quyết định về cách phân bổ thời gian và nhịp độ trải nghiệm của họ Trong môi trường kỹ thuật số, người dùng thường có nhiều lựa chọn, cho phép họ kết thúc trải nghiệm sớm hơn so với dự kiến.

Người dùng cần dễ dàng nhận biết các thành phần trong thiết kế của bạn Trong môi trường kỹ thuật số, điều này có nghĩa là họ không phải đoán những đối tượng có thể nhấn chuột vào, giúp cải thiện trải nghiệm người dùng.

Người dùng thường quan tâm đến việc liệu phản ứng của họ có hợp lý hay không, cũng như việc tham gia của họ đã được ghi nhận hay chưa Để giải đáp những thắc mắc này, ánh sáng từ chiếc bật lửa hoặc âm thanh phát ra từ nút nhấn sẽ thông báo cho người sử dụng rằng hành động của họ đã được xác nhận hoặc chính xác.

Layout cho môi trường kỹ thuật số thường không theo thứ tự tuyến tính, vì vậy cần bổ sung các cấu trúc hỗ trợ để giúp người đọc dễ dàng định hướng Việc kết hợp một số công cụ thiết kế sẽ nâng cao trải nghiệm của khán giả.

Vị trí của văn bản và hình ảnh là yếu tố quan trọng trong việc thu hút sự chú ý của khán giả và giúp họ hiểu rõ thiết kế Để tạo ra một layout truyền thông hiệu quả, nhà thiết kế cần xem xét mối liên hệ giữa hình thức và nội dung Cả hai yếu tố này đều mang ý nghĩa riêng, do đó, việc lựa chọn mối quan hệ giữa chúng là cần thiết Sử dụng mức độ ưu tiên nội dung trong biểu đồ thị giác sẽ hỗ trợ nhà thiết kế trong việc xác định các thành phần cần nhấn mạnh, đồng thời áp dụng nguyên lý tương phản một cách hiệu quả.

Sử dụng ô lưới

Sử dụng ô lưới là cách hiệu quả để tạo layout dễ dàng và logic, nhờ vào cấu trúc cơ bản mà nó cung cấp cho bố cục chữ Ô lưới giúp các nhà thiết kế bố trí các thành phần một cách nhất quán, tạo ra cảm giác nhịp điệu xuyên suốt trong tác phẩm Việc áp dụng ô lưới không chỉ tổ chức quy trình thiết kế một cách hợp lý mà còn cho phép tái sử dụng các quyết định thiết kế cho nhiều layout khác nhau, tiết kiệm thời gian đáng kể cho các dự án lớn.

- Hiểu được lý do và cách thức sử dụng ô lưới (grid) để tăng cường tính nhất quán cho một một bố cục chữ

- Làm quen với vốn từ vựng liên quan đến ô lưới

- Học cách căn giống các đối tượng thường (regular object) và đối tượng phi hình

- học (irregular object) vào ô lưới

- Khám phá nhiều layout ô lưới khả dụng

4.1 Ô lưới là một công cụ

Khi soạn thảo tài liệu trên máy tính, bạn có thể đã sử dụng ô lưới để định hình bố cục văn bản Bạn quyết định về lề và giãn cách, và những quyết định này sẽ được áp dụng cho toàn bộ tài liệu Ví dụ, hình ảnh bên trái cho thấy một vùng in được lấp đầy bằng văn bản mà không cần ô lưới, trong khi hình bên phải có ô lưới, giúp hướng dẫn vị trí đặt văn bản trên trang một cách chính xác.

Khi tài liệu của bạn bao gồm nhiều khối trích dẫn, ô lưới sẽ trở nên phức tạp hơn, như thể hiện trong Hình 3-45 Ô lưới mang lại cho nhà thiết kế nhiều tùy chọn thiết kế, cho phép điều chỉnh độ phức tạp của từng ô để phù hợp với kiểu đồ họa và nội dung chữ mà ô lưới đó sẽ chứa.

Hình 3-45 Ô lưới phức tạp được điều tiết khối trích dẫn được thụt lề

Ô lưới là một công cụ quan trọng giúp tạo ra sự sắp xếp và tính đồng nhất cho layout trong tài liệu hoặc môi trường kỹ thuật số Nó không chỉ mang lại ý nghĩa nhận diện mà còn giúp công việc của nhà thiết kế trở nên đơn giản và nhanh chóng hơn.

Ô lưới thường không xuất hiện trong ấn phẩm cuối cùng mà chỉ đóng vai trò hỗ trợ trong việc sắp xếp các thành phần thiết kế Khán giả chỉ nhìn thấy những bố cục thống nhất và được tổ chức tốt nhờ vào việc sử dụng ô lưới Layout được xây dựng bằng ô lưới giúp độc giả dễ dàng tiếp cận thông tin, nhờ vào hệ thị giác đồng nhất mà nó mang lại.

4.2 Ô lưới bản thảo Đối với các ấn phẩm nhiều trang bao gồm nhiều dải dài chứa văn bản kéo dài liên tục, ví dụ như sách, có thể bạn sẽ muốn tạo một ổ lưới bản thảo, đó là ô lưới chứa một vùng nội dung lớn, được bao quanh bởi lê Vùng nội dung lớn này được gọi là vùng ô lưới, hay còn gọi là trang văn bản hoặc vùng văn bản

Vùng ô lưới là khu vực hiệu quả trong định dạng, nơi có thể đặt văn bản và hình ảnh Vùng lề là không gian âm giữa các cạnh ngoài của ô lưới và định dạng Khoảng cách giữa hai lề bên trong layout của sách hoặc tạp chí gần gáy sách được gọi là gutter, tạo ra khoảng cách cột giữa hai trang liền kề Đối với ấn phẩm là sách, ô lưới bản thảo thường được đặt trên hai trang liền nhau, tạo ra layout liên tục hay còn gọi là trang đôi, đối xứng nhau.

Bạn có thể chỉ định vị trí cụ thể cho các thành phần thường xuyên sử dụng, như số trang hay đầu trang, bằng cách thêm các điểm đánh dấu vào ô lưới Hình 3-46 minh họa một ví dụ về ô lưới bản thảo được áp dụng trên một trang đôi của cuốn sách.

Hình 3-46 Ô lưới bản thảo phủ lên hai trang liền kề đối xứng nhau thuộc một trang đôi của cuốn s|ch

Khi thiết kế layout cho các bài báo ngắn trong tờ báo hoặc tạp chí, việc chia vùng ô lưới thành các cột theo phương dọc sẽ tạo ra ô lưới cột Ô lưới cột tương tự như ô lưới bản thảo, nhưng có sự phân chia thành hai hoặc nhiều cột, thường được ngăn cách bởi các vùng không gian âm gọi là alley Hình 3-47 minh họa rõ nét cách ô lưới cột được áp dụng trên trang bìa của một tờ báo.

Hình 3-47 Ô lưới cột phủ lên c|c trang liên kề của một trang

Chia nhỏ ô lưới theo phương ngang tạo ra tổ hợp lưới, cho phép bạn đặt văn bản và hình ảnh vào các trường hoặc mô-đun Phương pháp này rất hữu ích cho các layout cần nhiều hình ảnh hoặc đồ họa Tổ hợp lưới thường được chia thành các chuỗi trường có kích thước tương đương, có thể có alley phân tách Nếu bạn từng sử dụng giấy vẽ đồ thị, bạn đã áp dụng tổ hợp lưới Các trường trong tổ hợp lưới thường được thể hiện như những box độc lập, mặc dù cũng có thể sử dụng ô lưới với các đường gióng chồng lên nhau Hình 3-48 minh họa một ví dụ về tổ hợp lưới trên trang đối của một cuốn sách.

Hình 3-48 Tổ hợp lưới phủ lên c|c trang liền kề của một trang

Khi thiết kế với lượng văn bản lớn và kích thước point đồng nhất, việc thiết lập ô lưới đường baseline là rất hữu ích Ô lưới này giúp đảm bảo các dòng văn bản trong các cột lân cận được xếp hàng ngay ngắn, tối đa hóa không gian trong layout Để tạo ô lưới đường baseline, bạn chỉ cần thêm các đường gióng ngang đều vào kích thước point của kiểu chữ đã chọn, giúp tạo ra các trường chứa văn bản hoàn hảo Tuy nhiên, thay đổi kích thước point có thể làm cho văn bản trên ô lưới trông khác lạ, vì không thể chia tỷ lệ leading mà không can thiệp vào ô lưới Giống như các đường kẻ trong vở viết, ô lưới đường baseline cũng giúp sắp xếp chữ dễ dàng và điều chỉnh không gian giữa các đoạn văn với tiêu đề Ô lưới này có thể kết hợp với các kiểu ô lưới truyền thống khác để tạo ra một hệ thống ô lưới phức tạp và linh hoạt.

Hình 3-49 Lưới đường baseline che phủ lên tổ hợp lưới

Lưới ưu tiên là công cụ hữu ích cho việc tổ chức thông tin trên trang tài liệu, giúp chia tách thành nhiều phần với từng loại nội dung riêng biệt Loại lưới này thường được áp dụng trong thiết kế website, hỗ trợ người dùng điều hướng nhanh chóng trong môi trường kỹ thuật số bằng cách nhóm các mục liên quan Nhiều phần mềm quản lý thư điện tử cũng sử dụng lưới ưu tiên để tổ chức nội dung, cho phép người dùng dễ dàng tìm kiếm thông tin cụ thể tại những khu vực đã được chỉ định Hình 3-50 minh họa cách lưới ưu tiên được áp dụng trong một chương trình thư điện tử phổ biến.

Hình 3-50 Lưới ưu tiên che phủ lên giao diện web

4.7 Các phương án ô lưới phi truyền thống khác

Ô lưới thường được tạo thành từ các đường ngang và dọc, nhưng bạn cũng có thể kết hợp các đường chéo hoặc hình dạng khác để tạo ra ô lưới độc đáo Ví dụ, thiết kế ô lưới với các vòng tròn đồng tâm được minh họa trong hình 3-51.

Hình 3-51 Sử dụng kiểu ô lưới với c|c vòng tròn đồng t}m

Bài tập

1 Hãy quan sát những cuốn sách, tạp chí, tờ báo, brochure, poster và trang Web để tìm một ví dụ về ô lưới bản thảo, ô lưới cột, tổ hợp lưới cũng như lưới ưu tiên

2 Hãy thiết kế một kiểu chữ cái để thể hiện đƣợc tính chất rõ ràng và dễ đọc

3 Tìm một mẩu quảng cáo có tính dễ đọc thấp Tạo danh sách những thay đổi có thể thực hiện để cải thiện tính dễ đọc của thiết kế này Sau đó, tạo lại mẫu quảng cáo, thực hiện từng thay đổi mà bạn vừa liệt kê

4 Chọn một bức ảnh chân dung của bản thân, hoặc một ai đó bạn biết, hay một ai đó nổi tiếng Tăng kích thước của bức ảnh (nếu cần) để kích thước chiều rộng của mặt ảnh đạt tối thiểu 6 inch Lần theo bức ảnh, chia ảnh thành các phần dựa trên hòa sắc chữ, sau đó cắt những phần chứa văn bản từ các tạp chí đế mô phỏng mức độ biến đổi màu xám trong bức ảnh của bạn Dán những phần này lên giấy Bristol để tạo ra một bức chân dung mới

KỸ THUẬT THIẾT KẾ CHỮ

Nhân tố về font chữ

Kích thước chữ đóng vai trò quan trọng trong tính rõ ràng của văn bản trên màn hình, đặc biệt là trong tài liệu in, nơi chữ quá nhỏ gây khó khăn cho người đọc Tình trạng này càng trở nên nghiêm trọng trong môi trường kỹ thuật số, do chữ cái thường được hiển thị với kích thước nhỏ hơn và ít pixel hơn, dẫn đến hình dạng thô hơn Theo quy tắc chung, hầu hết các font kỹ thuật số trở nên khó đọc trên màn hình khi kích thước nhỏ hơn 10 point (pt).

Hình 4-1 Cấu hình pixel của một ký tự thay đổi theo c|c kích thước point kh|c nhau

Khi sử dụng nhiều kích thước chữ trong một layout, các ký tự nhỏ thường ít chói gắt hơn so với những ký tự lớn và đậm Để cải thiện sự hài hòa trong thiết kế, bạn có thể điều chỉnh độ tươi rực của các chữ cái khác nhau, như minh họa ở Hình 4-2 Ở bên trái, cả chữ nhỏ và lớn đều được hiển thị với hai màu đen và trắng, trong khi bên phải, các chữ lớn hơn được giảm độ tươi để chúng trông có giá trị tương đương với chữ nhỏ hơn.

Hình 4-2 Ví dụ minh họa về kích thước font chữ

Khi kích thước chữ nhỏ hơn 10 point, các font được thiết kế chuyên biệt cho màn hình sẽ hiển thị tốt nhất Những font này được phát triển dựa trên ô lưới pixel của màn hình máy tính, thay vì chỉ chỉnh sửa font đã thiết kế trước đó Một số font pixel đầu tiên bao gồm Chicago, New York, Monaco, Geneva, Charcoal và Lucida Ngoài ra, các font pixel mới hơn như Mini 7 và Atom cũng có khả năng hiển thị tốt ở kích thước rất nhỏ.

Hình 4-3 C|c font pixel - Mini 7 do Joe Gillespie thiết kế v{ Atom do Paul Wootton thiết kế

Khi áp dụng kiểu chữ cho một font, nên sử dụng kiểu chữ do nhà thiết kế font tạo ra thay vì để phần mềm tự động tạo kiểu Mặc dù máy tính có khả năng tạo kiểu bold (đậm) và italic (nghiêng) cho hầu hết các font, nhưng kết quả thường bị biến dạng Do đó, cần đặc biệt cân nhắc các vấn đề liên quan đến kiểu chữ trong quá trình thiết kế.

Nhân tố vể hình thể chữ

Những hình dạng font đầu tiên đƣợc phát triển dành cho máy tính suốt đầu thập niên

Font bitmap hay font raster ra đời vào năm 1980, sử dụng mã hóa để hướng dẫn máy tính xác định các pixel trên màn hình cần được bật lên, từ đó tạo ra các mặt chữ.

Gi|o trình nghệ thuật chữ 177 nhấn mạnh rằng ký tự và hình ảnh biểu diễn của chúng có thể bị ảnh hưởng bởi cấu trúc pixel vuông, dẫn đến hiện tượng lởm chởm khi có đường nét cong hoặc xiên Khi phóng to ký tự bitmap, cạnh răng cưa cũng phóng lớn, làm giảm tính rõ ràng của văn bản Kích thước chữ tiêu đề cần được lựa chọn cẩn thận, phụ thuộc vào font chữ và thiết kế tổng thể của layout Tuy nhiên, việc thử nghiệm với kích thước lớn hơn là khả thi, đặc biệt khi độ phân giải màn hình ngày càng cao, như minh họa bởi Wilson Miner với kích thước font lớn trong thiết kế của anh.

48 pixel đối với các tiêu đề của mình

- Kích thước trung bình của chữ cho tiêu đề (Hình 4-5)

Hình 4-5 Bảng thống kê tỷ lệ font cho tiêu đề của tạp chí Smashing

Hình 4-4 Tỉ lệ Font khi được phóng lớn

Kích thước Font cho tiêu đề

Hình 4-6 Ví dụ của Wilson Miner về tỷ lệ kích thước chữ cho tiêu đề

- Kích thước trung bình chữ ở phần nội dung (Hình 4-7)

Hình 4-7 Bảng thống kê tỷ lệ font cho nội dung của tạp chí Smashing

Kích thước Font cho nội dung

Hình 4-8 Ví dụ của Wilson Miner về tỷ lệ kích thước chữ cho nội dung

Vấn đề chữ co giãn đã được thảo luận liên quan đến công nghệ vector, trong đó font outline được máy tính nhận diện như một chuỗi các điểm tạo thành đường viền của chữ.

Font vector cho phép đường viền co giãn theo bất kỳ kích thước nào mà không làm mất tính toàn vẹn của hình dạng chữ, và có thể raster hóa thành ảnh bitmap Tuy nhiên, nếu đường viền không đúng vị trí tương quan với các pixel trên màn hình, sẽ dẫn đến biến dạng hình dáng của các mặt chữ Để giảm thiểu hiện tượng này trong giai đoạn thiết kế, kỹ thuật điều tiết được sử dụng để mã hóa thông tin bổ sung vào file font, giúp máy tính hiệu chỉnh ký tự ở các kích thước khác nhau, từ đó cải thiện sự căn chỉnh với ô lưới pixel.

Gi|o trình nghệ thuật chữ 180 giúp máy tính đưa ra lựa chọn tối ưu cho việc bật pixel, nhằm hoàn thiện các đường viền của ký tự ở nhiều kích thước khác nhau Kỹ thuật điều tiết này cải thiện đáng kể diện mạo của các mặt chữ trên màn hình, như minh họa trong Hình 4-10.

Hình 4-10 Bộ font chữ được tạo bằng đường viền

- Ứng dụng chữ outline trong thiết kế poster

Hình 4-11 Poster quảng c|o sữ dụng chữ outline

- Ứng dụng chữ outline trong thiết kế logo

Hình 4-12 Logo sử dụng chữ outline

PostScript Type là định dạng font vector đầu tiên do Adobe phát triển, chiếm ưu thế trên thị trường Font Type bao gồm hai file: một file cung cấp hướng dẫn hiển thị trên màn hình và một file chứa thông tin bitmap cho in ấn Font PostScript cho phép điều tiết, co giãn và hoạt động đa nền tảng Mỗi font Type có thể chứa tối đa 256 ký tự, bao gồm chữ cái hoa, thường, số, dấu câu, ký hiệu, ligature, chữ hoa nhỏ và chữ cái có dấu Nếu một font thiết kế có hơn 256 ký tự, nhà thiết kế sẽ tạo ra bộ ký tự tách biệt để bổ sung.

- Ứng dụng chữ biến dạng trong thiết kế poster

Hình 4-14 Poster quảng c|o sữ dụng chữ biến dạng

Hình 4-13 Bộ font chữ có cấu trúc bị biến dạng

- Ứng dụng chữ biến dạng trong thiết kế logo

Hình 4-15 Logo sử dụng chữ biến dạng

- Ứng dụng chữ biến dạng trong thiết kế bìa sách – tạp chí

Hình 4-16 Bìa s|ch - tạp chí sử dụng chữ biến dạng

2.4 Xây dựng cấu trúc font chữ

Cách bạn bắt đầu thiết kế font chữ phụ thuộc vào cách quan sát và cảm nhận của bạn về font đó, cũng như cách mà bạn dự tính người khác sẽ nhìn nhận Nếu font chữ của bạn được phát triển dựa trên kỹ thuật thủ công như viết tay, sử dụng con dấu cao su, hoặc in từ khối chạm trổ, hãy bắt đầu bằng việc tạo ra các phiên bản gốc trên phương tiện bạn chọn để quét và chuyển đổi thành định dạng kỹ thuật số Khi thực hiện các ký tự thủ công, hãy xuất mỗi ký tự nhiều lần thay vì từng ký tự một, điều này giúp bạn lựa chọn được những ví dụ tốt nhất cho từng ký tự, từ đó tạo ra mẫu font chữ độc đáo cho riêng mình.

Trong quá trình thiết kế nghệ thuật chữ, việc xây dựng cấu trúc cho toàn bộ bộ ký tự của bản gốc là rất quan trọng Nếu bạn phải quay lại để tạo ra các ký tự còn thiếu sau này, việc này sẽ giúp bạn điều chỉnh cho đạt được tính nhất quán về diện mạo và cảm nhận của font chữ.

Hình 4-17 X}y dựng cấu trúc cho bộ font chữ có tính nhất qu|n v{ đồng bộ

- Ứng dụng cấu trúc font chữ trong thiết kế poster

Hình 4-18 Cấu trúc font chữ trong thiết kế poster

- Ứng dụng cấu trúc chữ trong thiết kế logo

Hình 4-19 Cấu trúc font chữ trong thiết kế logo

Bảng chữ cái Latinh có cấu trúc hình dạng đơn giản với các nét dọc, ngang, xiên và tròn Một phương pháp thiết kế font chữ hiệu quả là tạo ra các thành phần riêng lẻ và sau đó kết hợp chúng theo nhiều cách để hình thành từng ký tự Để áp dụng phương pháp này, bạn cần phát triển một số hoặc tất cả các thành phần như đường gióng, sự tương phản, hướng nhấn nét và nét cuối mà bạn đã xác định.

Hình 4-20 Kiểu chữ được thiết kế theo hướng nhấn nét để tạo nhịp điệu

- Ứng dụng nhịp điệu của chữ trong thiết kế logo

Hình 4-21 Nhịp điệu của chữ cho trong thiết kế logo.

Nhân tố về không gian của chữ

Các kiểu chữ có khả năng khơi gợi phản hồi cảm xúc từ người dùng, và chúng cần được kết hợp dựa trên tính chất phù hợp Trong một số trường hợp, những kiểu chữ đối lập có thể hoạt động hiệu quả cùng nhau, tạo ra sự cân bằng và thiết kế hài hòa Ví dụ, nhà thiết kế trong (Hình 4-22) đã sử dụng kỹ thuật rút gọn, bóng đổ và góc nhìn để tạo ra chữ A nổi bật, thu hút sự chú ý của người xem vào layout.

Hình 4-22 Thiết kế của Grafiche Mariano Calendar năm 1991

Trong quảng cáo (Hình 4-23), chữ được biến dạng hình thức thông qua góc nhìn tuyến tính, rút gọn và mô phỏng bề mặt, tạo ấn tượng về cái nhìn ba chiều của một tờ giấy gấp.

Hình 4-23 Quảng c|o được Robert Bergman thiết kế cho tạp chí Das Papier năm 1998

- Ứng dụng phương hướng của chữ trong thiết kế poster chữ

Hình 4-24 Poster thiết kế theo c|c phương hướng chữ kh|c nhau

Bổ sung chiều sâu cho nội dung chữ không chỉ thu hút sự chú ý của người xem mà còn tạo cảm giác về không gian Các nhà thiết kế có thể tạo ảo giác về khoảng cách gần bằng cách áp dụng những gợi ý về chiều sâu và các yếu tố kích hoạt thị giác, giúp người xem cảm nhận rõ hơn về vị trí và mối liên hệ giữa các yếu tố trong thiết kế.

Gi|o trình nghệ thuật chữ 187 thể hiện ba chiều của không gian, tạo cảm giác rối trí và mơ hồ tùy thuộc vào cách sử dụng các gợi ý Nhà thiết kế áp dụng chỉ dẫn thị giác như chiều sâu kích thước, chồng lấp, góc nhìn tuyến tính, màu sắc và định vị theo chiều dọc, kết hợp với độ sâu trường ảnh nóng Điều này giúp người xem cảm nhận đoạn văn bản như đang lơ lửng trong không gian, từ đó đồng nhất các chiều thời gian và không gian, hiểu layout như một dòng thời gian ba chiều.

Hình 4-25 Timeline tương t|c 3D được Earl Rennison của Perspecta & Lisa Strausfeld thiết kế

- Ứng dụng khoảng cách gần của chữ trong thiết kế poster chữ

Hình 4-26 Poster thiết kế theo khoảng c|ch gần của chữ kh|c nhau

Chữ đa sắc, hay còn gọi là chữ có lớp, đã trở nên phổ biến vào nửa sau thế kỷ 19 nhờ sự phát triển công nghệ in ấn Kỹ thuật này cho phép in chồng nhiều kiểu chữ và màu sắc khác nhau, tạo ra những khu vực màu sắc độc đáo Chữ đa sắc thường được sử dụng cho mục đích trang trí, với kích thước lớn và đôi khi được làm từ gỗ, mang lại sự sáng tạo và ấn tượng cho các sản phẩm in ấn.

Hình 4-27 Mẫu văn phòng phẩm do Friz Klaetke thiết kế cho H~ng Firefly Films 1995

Nhà thiết kế của mẫu tiêu đề thư đã sử dụng một hình ảnh tĩnh được chiếu sáng đột ngột từ footage phim của công ty, tạo ra một hệ thống nhận diện thể hiện sự phức tạp và tính nghệ thuật của các bộ phim Hình ảnh này gợi nhớ đến logo của công ty, với chiều sâu được thể hiện qua vùng tối, bóng đổ, và việc chồng lấp các mặt chữ lên những bóng đổ phía sau, nhằm nhấn mạnh sự đa chiều trong nghệ thuật điện ảnh.

- Ứng dụng bề mặt của chữ trong thiết kế poster quảng cáo sản phẩm

Hình 4-28 Poster quảng c|o sản phẩm

Các nguyên tắc lặp lại trong thiết kế đồ họa được hình thành từ việc sử dụng các yếu tố như đường, hình ảnh, hình dạng và chất liệu một cách nhất quán Để tạo ra sự ổn định và rõ ràng, khoảng cách giữa các dòng, font chữ và canh lề cần được duy trì đồng nhất, đồng thời các phần riêng biệt phải có mối tương quan với nhau Nhịp điệu đóng vai trò quan trọng trong việc tạo ra sự dịch chuyển và điều hướng tầm nhìn, xảy ra khi các yếu tố trong bố cục chữ được lặp lại Nhịp điệu tạo nên một dòng chảy êm đềm cho mắt người đọc, giúp họ dễ dàng nhận diện và tiếp cận những phần quan trọng của nội dung thông tin.

Sự lặp lại trong thiết kế chữ được coi là một mẫu thức nghệ thuật quan trọng, vì nó góp phần tạo ra nhịp điệu và trật tự cho bố cục Nhịp điệu này không chỉ giúp người xem dễ dàng nhận diện mà còn làm cho thiết kế trở nên hài hòa và thu hút hơn.

Hình 4-29 Sự lặp lại trong thiết kế chữ

- Ứng dụng sự lặp lại của chữ trong thiết kế poster quảng cáo sản phẩm

Hình 4-30 Poster sử dụng sự lặp lại của chữ.

Tiêu đề	Nghệ Thuật Chữ
Tác giả	Đoàn Quốc Thuận
Người hướng dẫn	Hà Dũng Hiệp - Academic Head, FPT Arena - Trường Đại Học FPT
Trường học	Trường Cao Đẳng Công Nghệ Thủ Đức
Chuyên ngành	Thiết Kế Đồ Họa
Thể loại	Giáo Trình
Năm xuất bản	2019
Thành phố	Thủ Đức

Định dạng
Số trang	211
Dung lượng	28,97 MB