1. Trang chủ
  2. » Giáo Dục - Đào Tạo

Giáo Trình Môn Học Mô Đun Thiết Kế Dàn Trang (Ngành Thiết Kế Đồ Họa - Trình Độ Cao Đẳng.pdf

114 2 0
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Thiết Kế Dàn Trang
Tác giả Nguyễn Minh Thuận
Trường học Trường Cao Đẳng Công Nghệ Thành Phố Hồ Chí Minh
Chuyên ngành Thiết Kế Đồ Họa
Thể loại Giáo trình
Năm xuất bản 2021
Thành phố TP.HCM
Định dạng
Số trang 114
Dung lượng 23,91 MB

Cấu trúc

  • 1. Tạp chí là gì? (6)
  • 2. Lịch sử tạp chí (8)
  • 3. Phân loại tạp chí (10)
  • II. Các yếu tố hình thức trình bày trên bìa tạp chí (12)
    • 1. Các yếu tố hình thức trình bày trang bìa tạp chí (14)
    • 2. Tác động của layout trong thiết kế (14)
    • 3. Khi minh họa cho 1 khái niệm (0)
    • 4. Hệ thống sắp xếp lưới (0)
  • III. Nguyên lý bố cục tạo hình đồ họa của bìa tạp chí (0)
  • Chương 2: Qui trình thiết kế dàn trang (0)
    • I. Nghiên cứu nội dung, thể loại tạp chí (24)
      • 1. Concetpt hình thành ý tưởng (0)
      • 2. Stucter - kết cấu tạp chí (0)
      • 3. Content - sản xuất nội dung (28)
      • 4. Editorial design - thiết kế dàn trang (28)
    • II. Ý tưởng (42)
    • III. Màu sắc (0)
    • IV. Chuẩn bị hình ảnh, văn bản (44)
    • V. Phác thảo bố cục và sắp đặt mảng hình (44)
    • VI. Thể hiện (46)
  • Chương 3: Ngôn ngữ biểu tả theo nhóm tiếp xúc của tạp chí và nguyên tắc trình bày văn bản (48)
    • I. Ngôn ngữ biểu tả tương ứng theo nhóm tiếp xúc của tạp chí (49)
    • II. Văn bản tiêu đề (69)
    • III. Văn bản giới thiệu, thân bài (74)
  • Chương 4: Dàn trang tạp chí (0)
    • I. Kiểu dàn trang liên kết trang web behance bằng phần mềm adobe indesign (0)
    • II. Nguyên lý thiết kế dàn trang (0)
      • 1. Sự nhấn mạnh (96)
      • 2. Sự tương phản (0)
      • 3. Sự cân bằng (102)
      • 4. Sự căn gióng (0)
      • 5. Sự lặp lại (106)
      • 6. Dòng chảy (110)
      • 7. Typography (111)
  • TÀI LIỆU THAM KHẢO (114)

Nội dung

Tài liệu bao gồm 4 chươngChương 1: Giới thiệu nguyên lý bố cục tạo hình đồ họa tạp chíChương 2: Qui trình thiết kế dàn trang Chương 3: Ngôn ngữ biểu tả theo nhóm tiếp xúc của tạp chí và

Tạp chí là gì?

Hình 1.2 Bìa tạp chí thời trang Elle

Hình 1.2 Bìa tạp chí thời trang Elle Hình 1.3 Bìa tạp chí thời trang Bazaar

Hình 1.1 Bìa tạp chí thời trang L’officiel Ở nước Anh

- Tạp chí tiêu dùng lâu đời nhất vẫn được in là Tạp chí Scots, được xuất bản lần đầu tiên vào năm 1739, mặc dù nhiều thay đổi về quyền sở hữu và khoảng cách trong xuất bản tổng cộng hơn 90 năm làm suy yếu tuyên bố đó Danh sách của Lloyd được thành lập tại quán cà phê Anh của Edward Lloyd năm 1734; và mặc dù nền tảng trực tuyến của nó vẫn được cập nhật hàng ngày nhưng nó đã không được xuất bản dưới dạng tạp chí kể từ năm 2013 sau 274 năm. Ở nước Pháp

- Dưới chế độ cổ đại, các tạp chí nổi bật nhất là Mercure de France, Tạp chí des sỗavans, được thành lập năm 1665 cho cỏc nhà khoa học và Gazette de France, thành lập năm 1631 Jean Loret là một trong những nhà báo đầu tiên của Pháp Ông đã phổ biến các tin tức hàng tuần về âm nhạc, khiêu vũ và xã hội Paris từ 1650 đến 1665 trong câu thơ, trong cái mà ông gọi là một công báo, được tập hợp thành ba tập của lịch sử La Muse (1650, 1660, 1665) Báo chí Pháp tụt lại một thế hệ sau người Anh, vì họ phục vụ cho nhu cầu của tầng lớp quý tộc, trong khi các đối tác mới hơn của Anh lại hướng đến tầng lớp trung lưu và lao động.

- Các ấn phẩm định kỳ được kiểm duyệt bởi chính quyền trung ương ở Paris

Họ không hoàn toàn im lặng về mặt chính trị, họ thường chỉ trích sự lạm dụng của Giáo hội và sự bất lực quan liêu Họ ủng hộ chế độ quân chủ và họ đóng vai trò nhỏ nhất trong việc kích thích cách mạng Trong cuộc Cách mạng, các tạp chí định kỳ mới đóng vai trò trung tâm là cơ quan tuyên truyền cho các phe phái khác nhau Jean-Paul Marat (1743 Tiết 1793) là biên tập viên nổi bật nhất

Mình L’Ami du peuple ủng hộ mạnh mẽ cho quyền lợi của tầng lớp thấp hơn so với kẻ thù của nhân dân Marat ghét; Nó đóng cửa khi anh ta bị ám sát Sau năm 1800 Napoleon kiểm duyệt lại kiểm duyệt nghiêm ngặt.

Lịch sử tạp chí

Hình 1.4 Bìa tạp chí nước Anh cũ

Hình 1.5 Bìa tạp chí nước Pháp cũ

Hình 1.6 Bìa tạp chí Thế kỷ 21 công nghệ số có trụ sở tại Paris và hầu hết nhấn mạnh vào văn học, thơ ca và truyện Họ phục vụ các cộng đồng tôn.

- Năm 2011, 152 tạp chí đã ngừng hoạt động Trong khoảng thời gian từ năm 2008 đến 2015, Oxbridge Communications đã thông báo rằng 227 tạp chí đã ra mắt và 82 tạp chí đã đóng cửa vào năm 2012 tại Bắc Mỹ Hơn nữa, theo Media Downloader. com, 93 tạp chí mới được ra mắt trong sáu tháng đầu năm 2014 và chỉ 30 ngày đóng cửa Danh mục sản xuất các ấn phẩm mới nhất là “Lợi ích khu vực”, trong đó có sáu tạp chí mới được ra mắt, bao gồm 12 & Broad và Craft Bia & brew Tuy nhiên, hai tạp chí đã phải thay đổi lịch in Máy bay phản lực của nhà xuất bản Johnson đã ngừng in các vấn đề thường xuyên khiến việc chuyển đổi sang định dạng kỹ thuật số, tuy nhiên vẫn in một phiên bản in hàng năm Tạp chí Home ‘Ladies’ đã dừng lịch trình hàng tháng và giao hàng tận nhà cho các thuê bao để trở thành một ấn phẩm quan tâm đặc biệt chỉ dành cho sạp báo hàng quý.

- Theo thống kê từ cuối năm 2013, mức độ đăng ký của 22 trong số 25 tạp chí hàng đầu đã giảm từ năm 2012 đến 2013, chỉ với Time, Glamour và ESPN Tạp chí đạt được số lượng.

Phân loại tạp chí

3.1 Tạp chí theo định kỳ

- Tạp chí hàng tuần: tên gọi khác: tuần san, tuần báo Được xuất bản định kỳ vào một ngày trong tuần.

- Nguyệt san: xuất bản mỗi tháng một số.

- Quý san: mỗi quý (ba tháng) một số.

- Bán niên san: nửa năm một kỳ.

- Niên san: chỉ một kỳ mỗi năm Các loại niên giám thống kê thuộc loại này.

- Tại Việt Nam, có khá nhiều loại tạp chí ra với định kỳ không theo phân loại trên như bán tuần báo (bi-weekly) với 2 - 3 số mỗi tuần, bán nguyệt san (bi-monthly) in 2 - 3 kỳ mỗi tháng.

3.2 Tạp chí theo chủ đề

- Tạp chí Nghệ thuật - Mỹ nghệ - Tạp chí Mỹ thuật

- Tạp chí về Ôtô - Xe máy - Tạp chí Kinh doanh - Tài chính - Tạp chí cho Trẻ em

- Tạp chí Nấu ăn - Tạp chí Giải trí - Tạp chí Thời trang - Tạp chí Thể thao - Sức khỏe - Tạp chí Thời trang - Lối sống - Tạp chí cho Đàn ông

- Tạp chí Thời sự - Tạp chí Chính trị - Tạp chí Tôn giáo - Tạp chí Khoa học - Tự nhiên - Tạp chí Thể thao

- Tạp chí cho tuổi teen - Tạp chí cho Phụ nữ - Tạp chí và Bản tin miễn phí Hình 1.7 Tạp chí thời trang hãng VOGUE

Hình 1.8 Tạp chí thể thao Hình 1.9 Tạp chí Giải trí

Hình 1.10 Tạp chí thời trang fashion now

Hình 1.11 Tạp chí cho đàn ông Hình 1.12 Tạp chí cho phụ nữ

Các yếu tố hình thức trình bày trên bìa tạp chí

Các yếu tố hình thức trình bày trang bìa tạp chí

- Một tiêu điểm thu hút sự chú ý - Màu sắc tươi sáng

- Phân cấp và cân bằng thị giác - Kiểu chữ phá cách

- Ánh sáng và kết cấu tương phản - Văn bản 3D phía sau và phía trước hình ảnh - Kết hợp hình chụp và hình vẽ

- Nhấn mạnh bằng phông chữ và hình nền - Tính nhất quán thương hiệu

- Bố cục của nghiên cứu nổi tiếng của Leonardo da Vinci về tỷ lệ của con người trong Uomo vitruviano (Người đàn ông Vitruvian) của ông, dựa trên Hình chữ nhật vàng, cung cấp cho thiết kế sự cân bằng toán học tao nhã.

- Bố cục là nền tảng để tạo ra một tổng thể giữa các yếu tố đồ họa để dẫn dắt sự chuyển động của mắt và mang đến luồng thông điệp hoặc mục tiêu truyền thông cụ thể Nó còn đóng vai trò quan trọng trong việc tạo ra một thiết kế thành công, khiến nội dung quảng bá dễ dàng thu hút khách hàng tiềm năng Đặc biệt là trong lĩnh vực quảng cáo, nếu bố cục không phù hợp, thông điệp của bạn sẽ không được truyền tải một cách hiệu quả.

- Sự thành công của một thiết kế đồ họa phụ thuộc vào sự sắp xếp của các thành phần (chữ, hình ảnh, đồ họa, khoảng trống) vào đúng vị trí và liên kết chúng với nhau Do đó, Designer luôn phải hiểu bố cục khi thiết kế quảng cáo, ấn phẩm truyền thông…

Tác động của layout trong thiết kế

- Bố cục center: Khi muốn tạo nên sự cân bằng thì hãy đặt chủ thể ở giữa để tạo sự ổn định và yên tĩnh còn không gian chung quanh sẽ tự cân bằng từ các phía

Hiện nay bố cục này đang được ứng dụng rất nhiều trong các poster phim điện ảnh.

Hình 1.17 Sơ đồ bố cục tạp chí cơ bản nào về phía bên trái chủ thể thì sức mạnh của thị giác sẽ bị tác động như có cảm giác hai hình vuông di chuyển về bên trái và nếu ngược lại thì sẽ tạo ra sự chuyển động về bên phải hoặc có xu hướng đi lên nếu đặt ở trên.

- Nếu muốn sáng tạo và không tuân theo quy chuẩn chung thì hãy làm từ trái sang phải, từ trên xuống dưới để quảng cáo vẫn đảm bảo được trình tự đọc của mắt người nhìn.

Hình 1.18 Tạp chí New York

Hình 1.19 Bố cục center trong tạp chí

3 Khi minh họa một khái niệm

-Để tạo ra một sản phẩm đẹp mọi người thường nói phải nắm rõ những quy tắc như quy tắc một phần ba, quy tắc số lẻ, quy tắc cân bằng, quy tắc nhấn mạnh nhưng điều quan trọng nhất mà cần biết khi bắt tay vào thiết kế là cần phải kẻ lưới.

-Nên tạo nên một cấu trúc chính phụ bằng các đường thẳng Hãy hình dung và sắp xếp chúng cẩn thận với các kích thước khác nhau để tạo thành một khung lưới Sau đó, thay thế các đường thẳng bằng đối tượng hình ảnh hoặc các dòng chữ có kích thước và nội dung phù hợp.

-Kể cả khi thiết kế một bố cục rối loạn, cũng cần hình dung và tư duy để tạo ra một bố cục tổng thể bởi các hình khối có kích thướng lớn nhỏ, vuông tròn trước khi thực hiện chi tiết.

-Có thể thỏa sức sáng tạo theo cách mình muốn nhưng hãy biết thiết kế có tư duy bố cục, tìm ra chủ đích trước và hiểu chủ đích thiết kế của mình có ý nghĩa gì Đối với các thiết kế chuyên nghiệp, họ sẽ không bao giờ làm theo cách ngẫu hứng mà luôn gióng những đường lưới trước để thiết kế có ý đồ và chủ đích.

Hình 1.20 Minh hoạ bìa Typography

Hình 1.20 Minh hoạ bìa Typography 02

Hình 1.21 Minh hoạ bìa Typography 03

- Trong quá trình làm nghề, sẽ không chỉ thiết kế những ấn phẩm đơn lẻ, đôi lúc sẽ phải tiếp cận đến những thiết kế theo bộ hoặc nhiều trang như tạp chí, catalogue, website… Vậy thì việc thực hiện hệ thống sắp xếp lưới trước khi bắt tay vào thiết kế là một điều nhất định bạn phải biết.

- Cách kẻ lưới theo quy tắc của hệ thống sắp xếp sẽ giúp cho giao diện tạo ra có tổ chức, giúp cho việc đọc và quan sát sẽ thuận tiện hơn.

- Dưới đây là một ví dụ cụ thể giúp dễ dàng hình dung về một hệ thống lưới được áp dụng xuyên suốt nhiều trang của một tập brochure quảng cáo Tất cả hình ảnh và đoạn chữ đều giữ được sự phóng khoáng nhưng vẫn nào trong guideline (xem hình 1.22)

III NGUYÊN LÝ BỐ CỤC TẠO HÌNH ĐỒ HOẠ TẠP CHÍ

Năm nguyên tắc trong bố cục layout Proximity & Unity – Tạo nhóm liên quan với nhau bằng hiệu ứng lân cận

- Khi đặt các phần tử cùng nhau trên một trang – cho dù đó là chữ, hình ảnh hay cả hai – điều cần thiết là phải chú ý đến vị trí đặt các phần tử này và cách liên kết chúng với nhau (xem hình 1.23)

White Space – Tạo khoảng trống

- Không gian trắng sẽ chia tách rõ ràng các phần khác nhau, giúp nội dung có một khoảng để thở Nếu thiết kế trông có vẻ lộn xộn và khó chịu, thì khoảng không gian trắng sẽ chính cần thiết (xem hình 1.24)

Hình 1.23 Nhóm hiệu ứng lân cận

Alignment – Căn chỉnh với trục

- Trên một trang, không nên đặt mọi thứ tùy tiện Các phần từ nên được căn chỉnh trên trục Khi các phần tử được căn chỉnh, được kết nối với nhau, ngay cả khi chúng bị phân tách trên trang ( xem hình 1.25 )

Hình 1.25 Căn chỉnh với trục

- Trong dàn trang và bố cục, sự tương phản sẽ giúp thu hút mắt người đọc, tạo điểm nhấn hoặc kêu gọi sự chú ý với những yếu tố quan trọng (xem hình 1.26)

- Sự lặp lại gợi nhắc rằng mọi tác phẩm nên có cái nhìn và cảm nhận nhất quán Có nghĩa là cần củng cố bố cục trong thiết kế bằng cách lặp lại những đối tượng chính Ví dụ một bảng màu hoặc một tiêu đề cụ thể (xem hình 1.27)

Qui trình thiết kế dàn trang

Nghiên cứu nội dung, thể loại tạp chí

- Kết cấu tạp chí, hay nói một cách dễ hiểu hơn, là tổ chức, lập kế hoạch nội dung

Lúc này, mình phải giải quyết các vấn đề: Tạp chí gồm những phần/chuyên mục nào?

Những phần/chuyên mục này được sắp xếp theo trình tự nào? Mỗi chuyên mục gồm bao nhiêu bài viết? Các bài viết được sắp xếp thế nào? Tất nhiên mỗi tạp chí sẽ có một kết cấu riêng

- Câu chuyện tổ chức nội dung không phải chỉ là câu chuyện về bài viết, mà còn là câu chuyện về cách trình bày và điều phối dự án Về cách trình bày, nó liên quan mật thiết đến công đoạn dàn trang (pagination) Khi làm dàn trang, phải lưu ý đến nhịp điệu và tiết tấu của việc đọc sao cho độc giả không bị một hoặc nhàm chán Điều đó quyết định bởi cách sắp xếp các loại nội dung theo tỷ lệ hình và chữ Với những ai có ý định in ấn, dàn trang lại càng quan trọng Phải nắm được những điểm cơ bản nhất, như số trang phải là bội số của 4 chẳng hạn (xem từ hình 2.2 đến hình 2.4)

Hình 2.2 Kết cấu tạp chí

Hình 2.3 Bảng hỗ trợ kết cấu

Hình 2.4 Kết cấu và quy trình thực hiện

3 Content - sản xuất nội dung

- Thông thường ở một tòa soạn, người ta sẽ có kế hoạch nội dung trước rồi mới phân công bài vở cho biên tập viên Nhưng cách tiếp cận của mình khi tự làm tạp chí thì hơi khác Trước khi nghĩ đến kết cấu, thậm chí trước khi nghĩ đến chủ đề cho một số tạp chí, phải có trong tay ít nhất một nửa số lượng bài viết Từ những bài viết đã có, mình sẽ nghĩ về chủ đề và kế hoạch nội dung cho số mới Lúc này, theo kế hoạch, nếu còn thiếu những bài nào thì mình sẽ viết những bài đó

- Tuy nhiên, nội dung ở đây không chỉ là chữ mà còn là hình, ảnh chụp ( photo ) hoặc tranh vẽ minh họa ( illustration ) Nếu tự chụp ảnh được hoặc tự vẽ được thì quá tốt

Còn không thì đành tìm trên mạng hoặc đi xin bạn bè Lúc này, một vấn đề phát sinh là vấn đề bản quyền.

4 Editorial design – thiết kế dàn trang

-Để thiết kế dàn trang tạp chí, trước hết bạn cần một cái máy tính, và phần mềm thiết kế dàn trang như Adobe Indesign Sau đây là 15 bước thiết kế trên phần mêm Adobe Indesign cơ bản để tạo ra được 1 trang tạp chí (xem hình 2.6)

Hình 2.5 Minh hoạ nội dung

- Bước 1: Chuẩn bị nội dung - Bước 2: Tạo đường lưới - Bước 3: Chọn nền - Bước 4: Sắp xếp nội dung - Bước 5: Đặt đường kẻ chuẩn - Bước 6: Thay đổi phong cách cơ bản - Bước 7: Alignment

- Bước 8: Hyphenation/ Dấu gạch ngang - Bước 9: Justification/ Điều chỉnh - Bước 10: Màu sắc của chữ - Bước 11: Cột nội dung - Bước 12: Heading/ Tiêu đề - Bước 13: Span columns - Bước 14: Điều chỉnh Heading - Bước 15: Chỉnh lề

Hình 2.6 Kết quả sau khi thực hiện 10 bước

Bước 1: Chuẩn bị nội dung

- Hướng dẫn dựa trên kích thước chuẩn là A4 Bắt đầu bằng cách chọn số trang giấy là 8 chừa lề khoảng 2mm để chúng ta có đủ không gian cho hình, 10mm cho viền phía trên và phía dưới, phần khung trong chừa viền 13mm và 20mm cho phần khung ngoài Nguyên nhân chúng ta có các kích thước khác nhau cho viền là do trong khoảng không của 2 trang thì việc có viền khung ngoài hơi rộng hơn sẽ cho ta cái nhìn thoáng hơn khi tạp chí đã được in thành phẩm Cũng rất hữu ích cho các khoảng cách trang ở những bước tiếp theo (xem hình 2.7)

Hình 2.7 Tạo trang giấy mới

- Để tạo đường kẻ cho trang, đến ‘A-master speard: và chọn Layout>Create Guides Việc sử dụng đường kẻ sẽ giúp cho việc trình bày trang có được sự thống nhất và tạo được khung để định vị nội dung Tạo đường kẻ tốt là điều đầu tiên cần làm để tạo được một thiết kế chuyên nghiệp Phần hướng dẫn sẽ sử dụng 12 hàng và 12 cột với khoảng cách 3mm Chọn Fit Guide cho phần Margin (khung) để tạo đường kẻ với độ rộng cột là 12mm.

- Chiều ngang của trang thông thường là 210mm, với khung ngoài 20mm và khung trong 13mm, chúng ta còn 177mm cho cả 12 cột và rãnh Mỗi cột 12mm thì 12 cột cộng với 11 rãnh là 177mm.(xem hình 2.8)

- Khi thiết kế trang tạp chí, bạn sẽ muốn cân bằng giữa khoảng trắng, hình ảnh và con chữ Một kỹ thuật rất hay là hãy sử dụng hình có thật nhiều “khoảng trống”, khoảng trống xung quanh hình có chức năng như khoảng trống Tôi sử dụng bức ảnh mang tên Summertime Sunshine của Stewart, nó còn phần nền mờ mờ giúp ta dễ dàng trình bày chữ lên trên.

- Di chuyển đến trang 2 – 3 và đặt hình vào khoảng không sao cho bao quát toàn trang Di chuyển hình trong phạm vi khung sao cho vật thể nằm trong khung của trang đầu tiên và phần đầu của ly cocktail thì ngay mép cạnh của đường kẻ (xem hình 2.9)

- Tạo một khung cho nội dung và đặt vào cùng đường của ly cocktail ở trang kề bên, ngay tại hàng thứ 3 cột thứ 5 Điều này sẽ tạo ra sự liên kết giữa hình ảnh và chữ

Tôi đã sử dụng tiêu đề ‘Summertime sunshine’ và phần còn lại tôi sử dụng chức năng

“Fill the placeholder text” của phần mềm InDesign (xem hình 2.10)

Hình 2.10 Chèn nội dung vào hình

Bước 5: Đặt đường kẻ chuẩn

- Để nội dung được đẹp ta cần đặt đường kẻ chuẩn Đi đến ‘Preference > Grids và đặt Increment Every là 8 pt Trong phần hướng dẫn này chúng ta sẽ sử dụng cỡ chữ thường là 12 pts và khoảng cách giữa các dòng là 16 pts Đường kẻ chuẩn là 8 pts nghĩa là bằng một nửa khoảng cách dòng sẽ tạo được sự linh động vì chúng ta cũng có thể sử dụng cỡ chữ nhỏ hơn.(xem hình 2.11)

- Đi đến thanh công cụ chọn Paragraph styles và chọn Basic Character Formats

Tôi sử dụng Font Family là Meta, cỡ chữ 12 pt và khoảng cách giữa các dòng là Auto vì đường kẻ chuẩn sẽ đảm bảo tất cả nội dung chữ sẽ thẳng hàng với nhau (xem hình 2.12)

Ý tưởng

Hình 2.23 Sử dụng màu nền cơ bản

- Lướt qua những trang tạp chí, trang báo mạng, có thể thấy rằng tất cả những trang đó xét tổng thể từ trang đầu tiên đến những trang cuối cùng đều có sự thống nhất nội dung văn bản, hình ảnh, màu sắc… Phông chữ đều giống nhau Các tiêu đề cũng giống nhau Những bố cục Layout các trang cơ bản giống nhau Trên thực tế, chúng ta có thể nhận ra một số những lỗi nhỏ trong cách sắp xếp bố cục trang báo Có thể dễ dàng nhận ra trên một báo có cùng một vị trí và hình ảnh được trình bày theo một phong cách khác so với những mục khác mục đích để tạo ra những điểm thu hút và nhấn mạnh khu vực đó, đặc biệt tránh cảm giác nhàm chán cho người đọc Sự thống nhất này rất hữu ích và thuận tiện cho người đọc Người đọc có thể dễ dàng tìm và xem xét những thông tin cần chỉ cần lướt qua từ trang này sang trang tiếp theo (xem hình 2.24 và hình 2.25)

Hình 2.24, 2.25 Tính đồng nhất hình ảnh văn bản

- Tạp chí có xu hướng sử dụng ảnh kích thước lớn nhiều hơn Trên thực tế, bạn có thể nhìn thấy nhiều hình ảnh lớn bao quát cả một trang,thậm chí là lớn tới mức dàn trải sang cả trang bên sau Cách làm như này tạo ra ấn tượng mạnh và thu hút sự quan tâm của người xem Mắt người đọc chỉ có thể cảm nhận được khoảng tối đa 400 từ sau đó cần nghỉ ngơi, dựa vào điểm này designer cần sắp xếp chữ và hình ảnh cho hợp lý (xem hình 2.26)

- Hướng đọc của tạp chí là từ trên xuống và từ trái sang phải, vì vậy nên chú ý sắp xếp các dòng chữ viết một cách hợp lý Size chữ chuẩn cho một tờ tạp chí là 9,5-10,5 point cho chữ không chân và 9-10 point cho chữ có chân, khoảng cách giữa các dòng là 11,5-12 point Màu sắc tốt nhất của text là chữ đen trên nền trắng, có thể sử dụng cách phối màu khác cho text nhưng chỉ 1 vài nơi để làm điểm nhấn Khi phân chia cột (column) cho text luôn chú ý rằng số cột tối thiểu là 2 và tối đa là 4

Nếu để 1 cột thì tạp chí sẽ trở thành một cuốn sách và nếu để 5 cột thì người đọc sẽ rất khó khăn trong việc đón nhận nội dung Và một tờ tạp chí tốt không được sử dụng quá nhiều font chữ Nếu sử dụng quá nhiều font chữ sẽ dẫn đến tình trạng đọc giả không nhận diện được tính thông suốt của tờ tạp chí Tối đa 2 font (1 cho body text, 1 cho title) Hình 2.26 Bố cục hình ảnh

IV CHUẨN BỊ HÌNH ẢNH, VĂN BẢN

V PHÁC THẢO BỐ CỤC VÀ SẮP ĐẶT MẢNG HÌNH Đây là một trong những định dạng phổ biến nhất , tận dụng theo những đường kẻ dày hoặc vạch kẻ nhỏ nét màu đen và những khối tô đồng màu chia bản vẽ thành những ô hình chữ nhật, ô vuông ngang dọc Cách vẽ này được đặt theo tên hoạ sĩ người Hà Lan Piet Mondrian, đặc biệt phổ biến đối với các nhà dàn trang báo Dựa trên sự phối hợp tinh tế giữa ô khối và màu sắc, Mondrian vẫn là một trong những nguyên tắc bố cục lý tưởng hiện nay.

Bố cục thiên về ChữBố cục dạng KhungCảm hứng từ bảng Chữ cáiBố cục kiểu Cửa sổ lớn

Hình 2.28 Layout cách đặt các mảng hình tương thích Hình 2.27 Các phác thảo về bố cục trước khi thiết kế

- Các trang báo chí sắp xếp và phân loại những hạng mục khá chặt chẽ Tuy nhiên vì thế bất kỳ sự phá cách hay làm lệch hướng so với tiêu chuẩn thiết kế sẽ tạo ra sự quan tâm đặc biệt Chính vì lý do đó, thường xuyên thấy tiêu đề trang luôn được định dạng kích thước lớn hay kiểu chữ khác so với phần văn bản chính Việc phá vỡ sự cân bằng của hệ Grid không những đặt ra những thách thức mà còn là sự đánh dấu bước chuyển đổi hiệu quả từ bản in thiết kế đến thiết kế kỹ thuật số (xem hình 2.29)

Hình 2.29 Bố cục sắp xếp phân loại

1 Anh chị hãy cho biết có bao nhiêu bước thiết kế dàn trang, kể tên từng bước và thực hiện thao tác đó trên phần mềm đã học?

2 Những ý nghĩa, màu sắc bố cục trong thiết kế dàn trang là gì?

3 Thiết kế quyển tạp chí cơ bản khoảng 6 trang, gồm 2 trang bìa và 4 trang ruột đơn giản.

Phác thảo bố cục và sắp đặt mảng hình

Đây là một trong những định dạng phổ biến nhất , tận dụng theo những đường kẻ dày hoặc vạch kẻ nhỏ nét màu đen và những khối tô đồng màu chia bản vẽ thành những ô hình chữ nhật, ô vuông ngang dọc Cách vẽ này được đặt theo tên hoạ sĩ người Hà Lan Piet Mondrian, đặc biệt phổ biến đối với các nhà dàn trang báo Dựa trên sự phối hợp tinh tế giữa ô khối và màu sắc, Mondrian vẫn là một trong những nguyên tắc bố cục lý tưởng hiện nay.

Bố cục thiên về ChữBố cục dạng KhungCảm hứng từ bảng Chữ cáiBố cục kiểu Cửa sổ lớn

Hình 2.28 Layout cách đặt các mảng hình tương thích Hình 2.27 Các phác thảo về bố cục trước khi thiết kế

- Các trang báo chí sắp xếp và phân loại những hạng mục khá chặt chẽ Tuy nhiên vì thế bất kỳ sự phá cách hay làm lệch hướng so với tiêu chuẩn thiết kế sẽ tạo ra sự quan tâm đặc biệt Chính vì lý do đó, thường xuyên thấy tiêu đề trang luôn được định dạng kích thước lớn hay kiểu chữ khác so với phần văn bản chính Việc phá vỡ sự cân bằng của hệ Grid không những đặt ra những thách thức mà còn là sự đánh dấu bước chuyển đổi hiệu quả từ bản in thiết kế đến thiết kế kỹ thuật số (xem hình 2.29)

Hình 2.29 Bố cục sắp xếp phân loại

Thể hiện

1 Anh chị hãy cho biết có bao nhiêu bước thiết kế dàn trang, kể tên từng bước và thực hiện thao tác đó trên phần mềm đã học?

2 Những ý nghĩa, màu sắc bố cục trong thiết kế dàn trang là gì?

3 Thiết kế quyển tạp chí cơ bản khoảng 6 trang, gồm 2 trang bìa và 4 trang ruột đơn giản.

Ngôn ngữ biểu tả theo nhóm tiếp xúc của tạp chí và nguyên tắc trình bày văn bản

Ngôn ngữ biểu tả tương ứng theo nhóm tiếp xúc của tạp chí

- Trong layout theo chiều đứng (vertical), nên sắp xếp các yếu tố theo thứ tự sau: ảnh, chú thích, tiêu đề, nội dung.

- Tất cả các bài nên theo hình chữ nhật Các trang báo sẽ bao gồm những hình chữ nhật ghép lại mà thành.

- Không đặt hình vẽ ở cuối cột chữ.

- Mỗi trang nên có một hình minh họa nổi bật.

- Chụp ảnh người thật đang hoạt động.

- Những ảnh có hướng nhìn nên quay về phía phần chữ đi cùng.

- Khi không chắc chắn thì nên dùng một ảnh to thay vì hai ảnh nhỏ.

- Khi sử dụng hai ảnh trở lên thì nên lấy một ảnh làm chính - tức là to hơn những ảnh khác.

2 Giữ cho thiết kế luôn luôn dễ đọc

- Mục đích chính của việc thiết kế là truyền tải thông điệp đến người xem, do đó khả năng đọc là quan trọng nhất Cho dù bạn có làm gì, vấn đề ưu tiên hàng đầu là làm sao giữ thiết kế của mình luôn ở trạng thái dễ đọc nhất.

- Một ví dụ phổ biến và dễ hiểu nhất là độ tương phản giữa chữ và nền Nếu màu chữ gần giống với màu nền, nó trông bị hòa lẫn và rất khó đọc Do đó, bạn luôn phải giữ độ tương phản giữa chữ và nền đủ cao để có thể phân biệt rõ ràng từng câu, từng chữ để ngăn chặn vấn đề này.

- Sai lầm thứ hai là sử dụng quá nhiều chữ viết IN HOA Trong giao tiếp, mỗi lần sử dụng chữ in hoa sẽ khiến đối phương nghĩ rằng bạn đang la mắng, quát tháo, nạt nộ họ Còn trong thiết kế, khi bạn sử dụng quá nhiều chữ in hoa, tất cả các ký tự đều cao ngang bằng nhau, không có sự lên xuống, cao thấp, rất khó để bạn phân biệt các ký tự, từ đó dẫn đến khó khăn cho việc đọc.

- Một sai lầm khác nữa là kích thước của chữ, nếu chữ quá nhỏ cũng gây khó khăn cho việc đọc Giả sử không có điều kiện in nháp để kiểm tra, bạn có thể hỏi ý kiến người khác ở xung quanh mình, vì đôi khi bạn thấy dễ đọc nhưng với người khác

1 Đừng quên Kern ký tự

- Một thiết kế với kern kém chất lượng là một trong những lỗi quan trọng nhất của thiết kế, vì vậy kerning cũng là một kỹ năng rất quan trọng mà bạn cần biết trong quá trình trở thành một nhà thiết kế.

- Kerning là việc cân chỉnh khoảng cách giữa các ký tự Nghe qua thấy đơn giản, nhưng nếu làm tốt việc này, bạn sẽ thấy được sự khác biệt rõ rệt trong thiết kế Mục đích của việc kerning này là giúp cho các ký tự được sắp xếp một cách trực quan, gọn gàng, dễ đọc (xem hình 3.1).

Hình 3.1 Kern ký tự đúng sai

3 Độ dài của một dòng phải vừa đủ

- Trường hợp mà mỗi lần bạn đọc xuống hàng thì lại bị mất dấu, không biết mình đang đọc tới hàng nào Đó có thể là lỗi về độ dài của một hàng chưa phù hợp.

- Nếu hàng quá dài, mắt phải điều tiết từ trái qua phải nhiều, và khi xuống hàng thì sẽ dễ bị trường hợp ví dụ ở trên Còn nếu hàng quá ngắn, mắt điều tiết xuống hàng nhiều, sẽ khiến cho nội dung bạn đang đọc bị ngắt quãng, không liền mạch Do đó, độ dài tối thiểu của một dòng phải có trung bình khoảng 6 từ, tương đương khoảng 30 – 40 ký tự (kể cả khoảng trắng) Điều này sẽ giúp cho mắt điều tiết dễ dàng và nội dung cũng liền mạch hơn (xem hình 3.3)

Hình 3.2 Tương phản màu chữ và nền thì không.

- Điều cần chú ý ở đây là : nếu bạn nhìn nó có vẻ thẩm mỹ tốt, chưa chắc nó đã mang lại hiệu quả giao tiếp tốt Do đó, hãy sử dụng chữ thật tỉ mỉ và cẩn thận (xem hình 3.2)

4 Phân cấp nội dung rõ ràng

- Trong lĩnh vực thiết kế, nếu bạn phân cấp nội dung rõ ràng, bạn dễ dàng truyền đạt thông tin cần thiết đến cho người đọc, và cũng nhấn mạnh được những nội dung nào là quan trọng.

- Sự phân cấp có thể được sử dụng bởi những font chữ, màu sắc hoặc kích thước

Chúng ta cùng so sánh ví dụ trong hình Mình có một đoạn nội dung thư mời, với thiết kế bên trái, tất cả đều sử dụng chung một kiểu chữ, kích thước, màu sắc và độ nặng của chữ, bạn sẽ rất khó để tiếp thu đâu là nội dung chính, những vấn đề quan trọng cần chú ý hoặc cần nhớ là gì Còn với ví dụ bên phải, cách sử dụng kích thước, màu sắc, độ nặng của chữ, giúp ta dễ dàng tiếp thu được nội dung chính của thư mời là gì, ngày và giờ diễn ra sự kiện Thiết kế này mang tính thị giác cao hơn nên mắt và não của bạn dễ dàng tiếp thu và ghi nhớ hơn (xem hình 3.4)

Hình 3.4 Phân cấp nội dung

5 Khoảng cách giữa các từ phải phù hợp

- Bên cạnh việc giữ khoảng cách giữa các ký tự đều nhau, thì chúng ta cũng cần giữ khoảng cách giữa các từ phù hợp, tránh trường hợp khoảng cách quá rộng hoặc quá hẹp, gây nhiều lỗ hổng trong văn bản.

- Quy tắc thông thường để giải quyết trường hợp này là người ta thường tưởng tượng có một ký tự “i” nằm giữa các từ, khoảng cách giữa các từ sẽ bằng độ rộng ký tự i đó Tất cả những sự cân chỉnh này các bạn đều có thể tự làm bằng tay Tuy nhiên, tùy từng trường hợp và tùy vào font chữ để cân chỉnh sao cho phù hợp, không phải tất cả các trường hợp và font chữ đều giống y chang nhau (xem hình 3.5)

6 So hàng, canh lề văn bản phù hợp.

- Hầu như đa số mọi người ai cũng đã từng sử dụng những kiểu canh lề, so hàng này từ hồi bắt đầu chập chững xài Word để định dạng văn bản Trong thiết kế cũng vậy, chúng ta cũng có bốn loại canh lề chính : lề trái, lề phải, canh giữa, và canh đều hai bên.

- Canh lề trái là loại phổ biến, thông dụng nhất Bạn có từng tìm hiểu lý do vì sao không? Do mắt mình điều tiết từ trái sang phải, nên khi chúng ta canh văn bản theo lề trái, mặc định thị giác chúng ta sẽ được giao tiếp với một thứ ngay ngắn, gọn gàng, dễ đọc Chỉ canh thẳng lề trái mà thả lỏng lề phải, điều này giúp văn bản của chúng ta trông tự nhiên, thoải mái, dễ dàng tiếp thu được nội dung cần truyền tải.

Văn bản tiêu đề

Trong layout theo chiều đứng (vertical), nên sắp xếp các yếu tố theo thứ tự sau: ảnh, chú thích, tiêu đề, nội dung Tất cả các bài nên theo hình chữ nhật Các trang báo sẽ bao gồm những hình chữ nhật ghép lại mà thành Không đặt hình vẽ ở cuối cột chữ

Mỗi trang nên có một hình minh họa nổi bật.

- Bài nào cũng phải có tiêu đề.

- Tiêu đề nên ngắn gọn.

- Cỡ chữ của tiêu đề nên nhỏ dần với những bài ở phần dưới của trang Bài nhỏ hơn thì cỡ chữ của tiêu đề cũng nên nhỏ hơn.

- Không bao giờ xen một hình vẽ minh họa giữa tiêu đề và bắt đầu của một bài viết.

- Không ngắt dòng các tiêu đề Nếu buộc phải làm như vậy vài lần trong một trang thì nên thay đổi kích cỡ và số dòng của các tiêu đề.

- Viết tiêu đề: Tránh lối viết cứng nhắc, dùng biệt ngữ, thiếu động từ. ẢNH:

- Chụp ảnh người thật đang hoạt động.

- Những ảnh có hướng nhìn nên quay về phía phần chữ đi cùng.

- Khi không chắc chắn thì nên dùng một ảnh to thay vì hai ảnh nhỏ.

- Khi sử dụng hai ảnh trở lên thì nên lấy một ảnh làm chính - tức là to hơn những ảnh khác.

- Kích cỡ của các ảnh (và cả các bài viết) trên cũng một trang nên khác nhau.

- Tránh gây hiểu nhầm bằng cách mỗi ảnh chỉ có một chú thích và phần chú thích phải sát với ảnh mà nó mô tả.

- Khi chạy chú thích bên cạnh của ảnh thì nên có chiều rộng ít nhất là 6 pica.

- Khi chạy chú thích bên dưới của ảnh thì đặt thẳng với hai cạnh của bức ảnh

- Không để phần chú thích rộng hơn ảnh.

- Tránh tình trạng một chữ lẻ loi khi phần chú thích dài quá 1 dòng - Không đặt ảnh ngay trên một hình quảng cáo.

- Phần nội dung chạy bên dưới một bức ảnh nên có độ sâu ít nhất 2,5cm.

1 Hãy chỉ dẫn cho độc giả của bạn

- Trong khi hầu hết mọi người bằng trực quan đều biết làm thế nào để chuyển trang trong một ấn phẩm in, tuy nhiên đối với việc sử dụng máy tính bảng không phải ai cũng biết tất cả các kỹ thuật để thao tác Thao tác gõ thì khác với lướt Độc giả có thể không biết làm thế nào trong việc sử dụng các ngón tay để thu nhỏ hoặc phóng lớn màn hình Các khu vực khác nhau của màn hình có thể phản ứng khác nhau với cùng một hành động Ứng dụng mạng của tạp chí Time có một trang đặc biệt Help giúp giải thích làm thế nào để sử dụng các tính năng khác nhau của nó, như thể hiện trong hình 3.31

Cung cấp các hỗ trợ này là cực kì quan trọng nếu ứng dụng của bạn sử dụng các biểu tượng đặc biệt cho các tính năng tương tác.

Hình 3.31 Trang tạp chí Wannabe giải thích làm thế nào để sử dụng những tính năng tương tác cho độc giả

2 Sử dụng bố cục theo chiều dọc và chiều ngang

- Tôi biết như vậy là gấp đôi công việc, nhưng bạn thực sự nên tận dụng lợi thế của hai định dạng này trên máy tính bảng Tôi thích đọc ở chế độ chiều giấy ngang, nhưng Cosmopolitan chỉ có một chế độ dọc Tôi ngừng việc đọc nó bởi vì không thuận tiện cho tôi để đọc theo hướng đó Ngoài ra, các nhà thiết kế phải có sự chuyển đổi linh hoạt từ phiên bản giấy in sang phiên bản điện tử Mọi thứ đều phải đưa vào màn hình

Chữ quá nhỏ để đọc (Hình 3.33), và bố cục trang quá lộn xộn khi xem trên máy tính bảng (Hình 3.32).

Hình 3.32 Hình 3.33 Những trang này của tạp chí điện tử Cosmopolitan được chuyển trực tiếp từ ấn phẩm in Chúng không có khả năng chuyển đổi tốt từ thiết bị điện tử

3 Điều chỉnh bố cục trang theo hướng đọc

- Hãy nhận thức sự khác biệt về bố cục khi thiết kế trang định hướng dọc và ngang Vanity Fair, một trong những tạp chí đầu tiên sử dụng bài viết điện tử, đã thực hiện một công việc tuyệt vời là tạo bố cục bài viết theo các hướng khác nhau Phiên bản trang theo chiều dọc và chiều ngang có bố cục khác nhau Tôi thực sự thích cách một câu chuyện được định dạng cột đơn trong chế độ trang dọc (hình 3a và hình 3b) thành bố cục hai cột trong chế độ trang ngang (Hình 3.34 và Hình 3.35) Điều này làm tăng độ rộng của cột giúp việc đọc trở nên dễ dàng hơn (xem Hình 3.36 và Hình 3.37)

Hình 3.37 Vanity Fair tạo ra 2 bố cục cho định dạng chiều dọc và chiều ngang

Văn bản giới thiệu, thân bài

- Nếu quảng cáo trên một tạp chí có cả ấn phẩm giấy và điện tử, hãy tận dụng lợi ích của nội dung điện tử cung cấp Hầu như tất cả các quảng cáo trong các tạp chí điện tử tôi đọc đều có bố cục trang dọc một cột với công cụ zoom để xem ở chế độ trang ngang Đây là một cách tiết kiệm chi phí khi đặt bố cục trang của bạn vào các tạp chí điện tử

Nhưng tôi đã rất ấn tượng với cách quảng cáo cho thuốc Prolia Thông thường quảng cáo thuốc phải cung cấp tất cả những thông tin liên quan đến sản phẩm vào một bên của trang (xem hình 3.38) hoặc trang liền sau Nhưng Prolia đã sử dụng đăc tính cuộn trang của phiên bản điện tử để hiển thị các hình ảnh chính mà không làm lộn xộn trang so với bản mẫu (xem hình 3.39 và Hình 3.40).

Hình 3.38 Ở định dạng ngang, quảng cáo cho thuốc Prolia trình bày tất cả thông tin chỉ trên một trang giấy

Hình 3.40 Ở định dạng dọc, thông tin được trình bày trên 1 trang khi người đọc lướt đến vùng hiển thị

1 Ghi nhớ những gì độc giả của bạn mong muốn.

- Chỉ vì bạn đang chuyển sang hình thức báo điện tử không có nghĩa là bạn phải hy sinh một số tính năng của ấn phẩm in Tạp chí phụ nữ nhận ra rằng nhiều người đọc báo giấy mở cuốn tạp chí ra và đọc lướt đến những trang dành cho hoạt hình Làm thế nào họ có thể tái tạo chức năng này trong ấn phẩm điện tử? Tạp chí phụ nữ đã làm điều này bằng cách đặt một liên kết đặc biệt trên trang hiện tại của ứng dụng Nó rõ ràng cho người đọc tùy chọn “Đọc các phim hoạt hình đầu tiên” (xem Hình 3.41).

2 Xem xét lại diện mạo của trang

- Trong một ấn phẩm giấy, mỗi trang chỉ có một bố cục Tuy nhiên mỗi trang trong ấn phẩm điện tử có thể biến đổi bố cục linh hoạt Những nhà thiết kế đã thực hiện một công việc tuyệt vời cho các ấn phẩm điện tử Cách họ thực hiện điều này là người đọc chỉ cần nhấn vào các nút trên trang để thay đổi bố cục chính, như thể hiện trong hình (xem Hình 3.42 và 3.43)

Hình 3.41 Một link đặc biệt trên bìa của tờ Tạp chí phụ nữ sẽ đưa người đọc đến mục Hoạt hình

Hình 3.45 Những ví dụ của phiên bản điện tử tờ People trình bày làm thế nào trên một trang có thể trình bày 4 bố cục khác nhau Trong trường hợp này, người đọc click vào hình một người nổi tiếng bất kì để xem các sản phẩm gia dụng liên quan đến họ

3 Hãy thống nhất về các chỉ dẫn tương tự với các ấn phẩm khác

- Một điều khiến tôi phát điên là sự khác biệt giữa các ấn phẩm khác nhau Ví dụ, nhiều tạp chí điện tử sử dụng tính năng cuộn văn bản để độc giả trượt lên xuống để tại một khu vực có thể xem nhiều văn bản hơn Đây là một ý tưởng tuyệt vời Vấn đề ở chỗ các chỉ dẫn mà các ấn phẩm sử dụng để hướng dẫn người đọc trượt lên hay trượt xuống thì khác nhau Hầu hết các ấn phẩm sử dụng mũi tên hướng xuống để chỉ rằng đọc thêm thông tin ở phía dưới, như thể hiện trong hình (xem Hình 3.46) Nhưng những ấn phẩm khác lại sử dụng một mũi tên hướng lên với mục đích tương tự, như thể hiện trong hình (xem Hình 3.47) Tôi hiểu rằng nó có ý nghĩa với nhà thiết kế đó, nhưng nó lại gây nhầm lẫn cho độc giả khi sử dụng định dạng này ở một ấn phẩm khác Nó sẽ trở nên hữu ích nếu tất cả các tạp chí thể hiện sự nhất quán trong việc sử dụng các chỉ dẫn Thậm chí thực sự rất khó chịu khi cùng một công ty nhưng lại sử dụng các chỉ dẫn khác nhau (ví dụ tạp chí People và Time) (xem Hình 3.48).

Hình 3.48 Entertainment Weekly sử dụng cả hai chỉ dẫn mũi tên lên và xuống

Hình 3.47 Tạp chí Time sử dụng mũi tên hướng xuống, trong khi người chị em của nó-

People lại sử dụng mũi tên hướng lên để chỉ dẫn cho phần đọc thêm bên dưới

4 Giúp độc giả của bạn

- Đó không phải là biểu hiện của sự yếu kém nếu bạn thừa nhận những hạn chế về bố cục trang trong tạp chí của mình Ví dụ, Entertainment Weekly sử dụng cả bố cục ngang và dọc cho ấn phẩm điện tử của họ, nhưng một số trang theo chiều dọc lại không chuyển đổi tốt bố cục sang chiều ngang, do đó họ chỉ sử dụng một bố cục dọc cho các trang này Khi người đọc truy cập các trang này, một hình ảnh rõ rang hiện ra (xem Hình 3.49) giải thích rằng màn hình nên được hiển thị định dạng trang một cách chính xác.

Hình 3.49 Những hướng dẫn rõ ràng này giúp người đọc hiểu tại sao họ không thể xem trang ở chế độ ngang

5.Đưa video vào bài viết

- Có thể nền tảng của bạn là các ấn phẩm in, nhưng bạn vẫn có thể kết hợp các video vào ấn phẩm điện tử theo nhiều cách Time, People, and Wired tất cả đều đưa các video vào ấn phẩm điện tử của họ Tùy chọn này khuyến khích độc giả tiếp tục đọc các tạp chí ở hình thức điện tử Thậm chí, bạn nên cho độc giả biết điều này nội dung hữu ích này không có sẵn ở các ấn phẩm in thông thường (xem Hình 3.50).

Hình 3.50 Tiêu đề bài không chỉ được quảng bá trên Video, mà nó còn nhấn mạnh những thông tin này sẽ không được tìm thấy trên ấn phẩm in

6 Tạo thêm các hoạt động cho người đọc

- Mười năm trước, người ta chỉ ngồi với một cuốn tạp chí và bình tĩnh đọc những bài báo Hành đông duy nhất đơn giản chỉ là lật từng trang báo Nhưng ngày nay độc giả là một cá thể đầy năng động với những ngón tay sẵn sàng lướt, trượt, kéo trên bề mặt của máy tính bảng Cung cấp các hoạt động trên trang của bạn để người đọc thực hiện (xem hình 3.51 đến Hình 3.53) Nó giống như bạn đang chuyển ấn phẩm của mình vào trò chơi video, nhưng thực sự đó chỉ là bản chất của thế giới kỹ thuật số.

Hình 3.53 Wired cung cấp cho người đọc rất nhiều tính năng tương tác như những nút ấn minh họa Người xem có thể gõ vào các hình để đọc thêm thông tin

1 Kể tên các quy tắc thiết kế dàn trang trong in ấn.?

2 10 Nguyên tắc trong thiết kế tạp chí điện tử là gì, kể tên và nêu ngắn gọn ý nghĩa nguyên tắc?

3 Thiết kế quyển tạp chí cơ bản khoảng 3 trang báo điện tử Áp dụng 10 nguyên tắc đã học?

Sau khi học xong chương này sinh viên có thể trình bày được kiểu dàn trang, nguyên lý dàn trang và thực hiện được dàn trang tạp chí theo chủ đề tự chọn hoặc theo dự án Ứng dụng phần mềm Adobe Indesign kết nối trang Web behance. Đôi nét về phần mềm Adobe Indesign InDesign là một phần mềm chạy trên máy tính, mục đích chính của phần mềm này là để làm tờ rơi, tài liệu quảng cáo, tạp chí, báo và sách vì tính năng tạo bố cục dàn trang cực kỳ dễ dàng

Adobe Indesign liên kết tốt với Photoshop hay Illustrator, bạn có thể tích hợp các sản phẩm đồ họa được thiết kế trong Photoshop hay Illustrator vào Adobe Indesign 1 cách nhanh chóng !

Các dự án được tạo bằng InDesign có thể được sử dụng ở cả định dạng in ấn hay kỹ thuật số.

InDesign rất được ưa chuộng bởi các nhà thiết kế đồ họa, nghệ sĩ, nhà xuất bản và các chuyên gia quảng cáo.

Adobe System là công ty sáng tạo và phát triển phần mềm Indesign.

Indesign được phát triển qua nhiều phiên bản, ký hiệu phiên bản từ CS -> CC Các phiên bản trước của phần mềm sử dụng ký hiệu CS, nghĩa là Creative Suite.

Trong khi đó, phiên bản InDesign CC mới yêu cầu đóng phí hàng tháng hoặc hàng năm, khác với InDesign CS hỗ trợ giấy phép vĩnh viễn có thể thanh toán 1 lần và sử dụng mãi mãi Phiên bản CC và CS có nhiều tính năng cơ bản giống nhau Mặc dù phiên bản CS đã không còn được Adobe Systems hỗ trợ hiện nay, nhưng nó vẫn khá phổ biến và được ưa chuộng vì các tính năng cơ bản vẫn đầy đủ Phiên bản InDesign CC mới hơn, mạnh mẽ hơn, hoạt động tốt nhất với Window 10

Người dùng đăng ký bộ Creative Cloud cho Photoshop hay Illustrator có thể sử dụng luôn InDesign CC.

InDesign được sử dụng để làm tờ rơi, tài liệu quảng cáo, tạp chí, báo, áp phích, danh thiếp, bưu thiếp, nhãn dán, truyện tranh, Catalog sản phẩm và nhiều loại tài liệu quảng cáo thông dụng khác!

Dàn trang tạp chí

Nguyên lý thiết kế dàn trang

- Nguyên lý nhấn mạnh (emphasis): Đối tượng quan trọng nhất trên trang phải nổi bật nhất, đối tượng quan trọng tiếp theo phải nổi bật thứ hai, cứ như vậy cho tới các đối tượng khác Việc nhấn mạnh các đối tượng quan trọng nhất cung cấp một nền tảng để bạn có thể xây dựng phần còn lại của layout, đây cũng là cách nhanh nhất để thu hút sự chú ý của người xem vào thông điệp mà bạn muốn gửi gắm (xem Hình 4.15 và Hình 4.16)

Hình 4.15 Nguyên lý nhấn mạnh Ka trong ly cafe

Hình 4.16 Nguyên lý nhấn mạnh TOV

- Sử dụng những hình khối đặc biệt Ví dụ: Layout phía dưới thu hút ánh mắt người xem khi tập trung vào điểm thắt giữa hình minh họa và đoạn chữ Tất cả cùng hòa hợp lại tạo thành hình ảnh chiếc đàn guitar, từ đó thể hiện rõ hơn thông điệp tác giả muốn gửi gắm (xem Hình 4.17)

Hình 4.17 Nhấn mạnh ảnh trong hình

-Sự đa dạng (variety) được ví như là gia vị của cuộc sống Nguyên lý tương phản (contrast) phát biểu rằng: Các đối tượng trực quan trên một trang nên có sự phân biệt rõ ràng Nguyên lý này được sử dụng để tăng thêm tính đa dạng trực quan cho layout, giúp mọi thứ trên trang không bị một màu, đơn điệu Sự tương phản giúp làm nổi bật vị trí nơi nguyên lý nhấn mạnh được áp dụng bằng cách tạo ra sự khác biệt trực quan giữa các từ, cụm từ và hình vẽ đồ họa (xem Hình 4.18)

-Chúng ta có thể sử dụng màu sắc để làm nổi bật hình ảnh và nhấn mạnh các thông tin quan trọng Đỏ và vàng là hai màu sắc gây kích thích thị giác, chúng thường được sử dụng trong đồ họa tín hiệu, đèn giao thông hoặc trên tờ rơi.

Hình 4.18 Tương phản chữ title

- Tuy nhiên nếu trong thiết kế của bạn sử dụng quá nhiều gam màu thì những màu sắc đó sẽ góp phần làm rối loạn thị giác của bạn Chính vì thế, sử dụng ít màu đúng với mục đích thiết kế chính là điều quan trọng nhất Có rất nhiều hướng sáng tạo để áp dụng màu sắc và độ tương phản của chúng trong mỗi thiết kế:

- Các gam màu như là gam màu lạnh (xanh lá và lam) với gam màu nóng (đỏ, vàng, cam) và màu trung tính (trắng, đen), hòa trộn chúng lại với nhau, điều chỉnh các thông số của mỗi gam màu cùng với độ tương phản của chúng phù hợp sẽ thu hút sự chú ý của thị giác (xem Hình 4.19)

Hình 4.19 Tương phản trong gam màu cùng nhau tạo nên hiệu ứng ấn tượng và các giá trị tương đồng của màu sắc nổi bật hơn.

Hình 4.20 Tương phản giữa các thông số màu

- Độ bão hòa: Một màu sắc thuần túy sẽ chứa đựng 100% độ bão hòa, màu càng ngả về xám thì độ bão hòa càng giảm Sử dụng màu sáng hoặc không màu là cách tốt nhất để tạo độ tương phản cao hoặc thấp cho thiết kế Ví dụ: Điểm nhấn đặc biệt trong thiết kế bìa sách của Jason Booher chính là mảng màu đỏ Ông sử dụng tính tương phản giữa nhiệt độ màu là nền xám trung tính kết hợp với mảng đỏ để làm nổi bật tiêu đề sách.

Hình 4.21.Sự cân bằng trên dưới

- Nguyên lý cân bằng (balance) liên quan tới cách bố trí các đối tượng trực quan trên một trang để đạt được layout hài hòa và rõ ràng Ý đồ đằng sau sự cân bằng đó là tránh việc kết tập các yếu tố vào cùng một chỗ trên trang, vì điều này có thể làm cho một phần của trang trông dày đặc, gây rối mắt Một thành phần quan trọng trong nguyên lý cân bằng là học cách nhóm các thông tin quan trọng lại với nhau một cách logic Các yếu tố có liên quan với nhau nên được đặt cạnh nhau Khi bắt đầu nhóm thông tin, bạn cần cân bằng nhóm thông tin đó bằng một đối tượng hoặc nhóm thông tin khác ở một phần khác trên trang (xem Hình 4.22)

- Ví dụ: David Salgado và Mariana Perfeito đã dàn trang quyển sách môt cách ngay ngắn bằng cách chừa khoảng cách ở giữa và xung quanh mỗi phần thiết kế, sau đó nhóm phần chữ và phần hình ảnh lại cùng nhau, khiến người xem thoải mái và tạo nên thiết kế cân bằng.(xem Hình 4.23)

Hình 4.23 Sự cân gióng lề văn bản

Hình 4.24 Sự cân gióng hình ảnh

- Căn chỉnh (alignment) là mối liên hệ trực quan giữa những từ, hình vẽ đồ họa, ảnh, hình khối và đường thẳng trên một trang khi các cạnh hoặc trục của chúng được gióng thẳng với nhau Hầu hết, các tác phẩm trong quá trình thiết kế được căn chỉnh dưới hệ thống lưới, đáp ứng đúng các quy luật của thị giác Nhiều nghệ sĩ đã bắt đầu kỹ thuật sắp xếp từ nhiều thế kỷ trước và cho đến ngày nay vẫn được áp dụng một cách rộng rãi Dưới đây là một vài tác phẩm điển hình (xem Hình 4.25 và hình 4.26)

- Quy luật 1/3: Quy luật 1/3 mang tính thẩm mỹ thị giác cao và hướng thị giác đến cấu trúc tam giác với điểm nhấn không nhất thiết là phải ở trung tâm của bản thiết kế Chính quy luật này tạo ra hệ thống lưới trong thiết kế (3 đường kẻ dọc và 3 đường kẻ ngang) và điểm nhấn nằm 1 trong 4 điểm giao nhau của các đường nét ấy Ví dụ: Cover của tạp chí Feld tuân theo quy luật 1/3 để khoanh vùng phần mắt của người mẫu Điều đó đạt hiệu quả tốt vì anh ta không nằm ở vị trí trung tâm và một phần khuôn mặt gần như thẳng hàng với đường thẳng định hướng bên trái.

Hình 4.25 Khung lưới theo quy luật

Hình 4.26 Sự lặp lại phong cách thiết kế

- Thay đổi có ngụ ý: đây cũng là một kỹ thuật khá phổ biến khi tập trung nhấn mạnh vào thông tin hoặc các hình ảnh quan trọng trong thiết kế Sử dụng các hình dạng, các nét xen kẽ, lặp nét, hoặc các khoảng không gian trống để thay đổi Một sự thay đổi có ẩn ý là chúng thay đổi có sắp xếp trước được căn chỉnh theo hàng dọc, hàng ngang, một số khác được sắp xếp theo chiều hướng chữ S hoặc chữ Z (xem Hình 4.27)

Hình 4.27 Sự lặp lại phong cách thiết kế tam giác họa tiết và các yếu tố trực quan khác trên một trang sẽ giúp tạo nên một thiết kế thống nhất, gắn kết Nếu sử dụng nguyên lý lặp lại này một cách thận trọng còn có thể đem lại cảm giác tinh tế có kiểm soát cho thiết kế của bạn Ngược lại, nếu quá lạm dụng, trang thiết kế sẽ nhanh chóng trở nên lộn xộn.

- Ví dụ: Travel Magazine lặp lại các yếu tố khối tròn và nét chéo nhiều lần trong một layout và giữa các layout với nhau tạo nên sự gắn kết chặt chẽ nhưng vẫn rất thoáng mắt ( xem từ hình 4.28 đến hình 4.30)

Hình 4.30 Sự lặp lại phòng cách thiết kế gam màu cam chủ đạo

- Dòng chảy (flow) là các đường dịch chuyển về mặt hình ảnh và ngôn từ (visual and verbal path of movement) để hướng thị giác của người xem dõi theo một trang hoặc một chuỗi các trang Để sử dụng hiệu quả nguyên lý này, bạn phải sắp xếp các yếu tố trực quan trên layout một cách có chủ đích để điều khiển cách thị giác của người xem lướt qua Để biết thêm nhiều bí quyết hơn nữa về dòng chảy, hãy xem qua bài viết này nhé Design Principles: Master Compositional Flow and Rhythm ( xem từ hình 4.31 đến hình 4.33)

Hình 4.33 Dòng chảy sự dịch chuyển giữa văn bản và hình

Ngày đăng: 05/09/2024, 10:18

HÌNH ẢNH LIÊN QUAN

Hình 1.2. Bìa tạp chí thời trang Elle Hình 1.3. Bìa tạp chí thời trang Bazaar - Giáo Trình Môn Học Mô Đun Thiết Kế Dàn Trang (Ngành Thiết Kế Đồ Họa - Trình Độ Cao Đẳng.pdf
Hình 1.2. Bìa tạp chí thời trang Elle Hình 1.3. Bìa tạp chí thời trang Bazaar (Trang 7)
Hình 1.6. Bìa tạp chí Thế kỷ 21 công nghệ số - Giáo Trình Môn Học Mô Đun Thiết Kế Dàn Trang (Ngành Thiết Kế Đồ Họa - Trình Độ Cao Đẳng.pdf
Hình 1.6. Bìa tạp chí Thế kỷ 21 công nghệ số (Trang 9)
Hình 1.10. Tạp chí thời trang fashion now - Giáo Trình Môn Học Mô Đun Thiết Kế Dàn Trang (Ngành Thiết Kế Đồ Họa - Trình Độ Cao Đẳng.pdf
Hình 1.10. Tạp chí thời trang fashion now (Trang 11)
Hình 1.14. Tạp chí Doanh nhân - Giáo Trình Môn Học Mô Đun Thiết Kế Dàn Trang (Ngành Thiết Kế Đồ Họa - Trình Độ Cao Đẳng.pdf
Hình 1.14. Tạp chí Doanh nhân (Trang 13)

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w