(NB) Tài liệu giảng dạy Thiết kế dàn trang gồm có 4 chương, cụ thể như sau: Chươ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à nguyên tắc trình bày văn bản; Chương 4: Dàn trang tạp chí. Mời các bạn cùng tham khảo.
INDESIGN TRƯỜNG CAO ĐẲNG CÔNG NGHỆ TP.HCM -KHOA THIẾT KẾ THỜI TRANG TÀI LIỆU INDENTITY THIẾT KẾ DÀN TRANG MAGAZINE THÀNH PHỐ HỒ CHÍ MINH, THÁNG NĂM 2021 Lưu hành nội LAYOUT DESIGN TRƯỜNG CAO ĐẲNG CÔNG NGHỆ TP.HCM -KHOA THIẾT KẾ THỜI TRANG TÀI LIỆU THIẾT KẾ DÀN TRANG THÀNH PHỐ HỒ CHÍ MINH, THÁNG NĂM 2021 Lưu hành nội MỤC LỤC Chương 1: Giới thiệu nguyên lý bố cục tạo hình đồ họa tạp chí I Khái niệm phân loại tạp chí Tạp chí gì? 2 Lịch sử tạp chí Phân loại tạp chí II Các yếu tố hình thức trình bày bìa tạp chí Các yếu tố hình thức trình bày trang bìa tạp chí 10 Tác động layout thiết kế 10 Khi minh họa cho khái niệm 12 Hệ thống xếp lưới 13 III Nguyên lý bố cục tạo hình đồ họa bìa tạp chí 14 Chương 2: Qui trình thiết kế dàn trang 19 I Nghiên cứu nội dung, thể loại tạp chí 20 Concetpt hình thành ý tưởng 20 Stucter - kết cấu tạp chí 21 Content - sản xuất nội dung 24 Editorial design - thiết kế dàn trang 24 II Ý tưởng 38 III Màu sắc 39 IV Chuẩn bị hình ảnh, văn 40 V Phác thảo bố cục đặt mảng hình 40 VI Thể 42 Chương 3: Ngôn ngữ biểu tả theo nhóm tiếp xúc tạp chí nguyên tắc trình bày văn 44 I Ngơn ngữ biểu tả tương ứng theo nhóm tiếp xúc tạp chí 45 II Văn tiêu đề 65 III Văn giới thiệu, thân 70 Chương 4: Dàn trang tạp chí 81 I Kiểu dàn trang liên kết trang web behance phần mềm adobe indesign 82 II Nguyên lý thiết kế dàn trang 91 Sự nhấn mạnh 92 Sự tương phản 95 Sự cân 98 Sự gióng 99 Sự lặp lại 102 Dòng chảy 106 Typography 107 TÀI LIỆU THAM KHẢO 110 Chương 1: Giới thiệu nguyên lý bố cục tạo hình đồ họa tạp chí Chương GIỚI THIỆU NGUN LÝ BỐ CỤC TẠO HÌNH ĐỒ HỌA TẠP CHÍ Sau học xong chương trình bày sơ lược nguyên lý bố cục tạo hình đồ họa tạp chí, sinh viên áp dụng ngun lý bố cục tạo hình đồ họa tạp chí Một yếu tố quan trọng bố cục tìm điểm nhấn (trọng tâm) cho thiết kế Điều thu hút ánh mắt người xem cách tự nhiên vào phần quan trọng thiết kế.Một số cách để tìm trọng tâm thơng qua techniques quy mơ, độ tương phản leading lines Ví dụ Matthew Metz dành cho nhà kinh doanh thời trang Nordstrom Quy mô hệ thống phân cấp trực quan số nguyên tắc sáng tạo Chúng khiến thiết kế bạn thành cơng làm cho thiết kế bạn bị phá vỡ Vì vậy, điều quan trọng phải tổ chức chúng thật tốt Hãy chắn bạn hiểu thiết kế cần ba cấp độ hệ thống phân cấp typographic Quy mô thường sử dụng để giúp hệ thống cấp bậc giao tiếp với Sự xếp gần xa yếu tố biểu thị tầm quan trọng chúng giao tiếp Ví dụ, poster thiết kế Scott Hansen sử dụng hình ảnh thu nhỏ hai người giúp thể tập trung khung cảnh lớn trước mặt họ Điều mang lại cho người xem cảm giác hùng vĩ rộng lớn đến choáng ngợp khung cảnh Cân yêu cầu quan trọng nhà thiết kế, làm để tạo cân hoàn hảo thiết kế lại điều không dễ dàng Một lỗi thường gặp thiết kế sử dụng hình ảnh khơng mang tính chất bổ sung cho Vì vậy, sử dụng nhiều hình ảnh thiết kế, bạn cố gắng đảm bảo tất chúng có hiệu gắn kết nhóm lại với Có nhiều cách khác để đạt gắn kết Để trì tính qn bố cục hợp lý cho thiết kế mình, cố gắng đưa yếu tố từ phần thiết kế áp dụng vào phần khác Một phong cách lặp lại nhiều lần thiết kế nói rằng: “một motif đồ họa” sử dụng nhiều lần Cách dễ để “xúc phạm” khoảng không gian màu trắng việc gọi chúng với useless name “khoảng trống” Không gian màu trắng sử dụng cách có chiến lược giúp làm tăng độ rõ nét thiết kế Nhìn cách tổng thể, cách cân phần phức tạp khoảng không gian trắng thiết kế giúp thiết kế bạn “dễ thở” hơn.Ví dụ thiết kế Cocorrina bên sử dụng khoảng trắng để cân hình ảnh, kết cấu type khiến thiết kế trở nên thoáng, tinh tế Các quy tắc phần ba kỹ thuật đơn giản mà nhà thiết kế sử dụng để phân chia thiết kế họ thành ba hàng ba cột Và điểm nơi mà đường dọc đường ngang giao vị trí mà focal points (tiêu điểm) nên đặt Chương 1: Giới thiệu nguyên lý bố cục tạo hình đồ họa tạp chí I KHÁI NIỆM VÀ PHÂN LOẠI TẠP CHÍ Tạp chí gì? - Tạp chí sản phẩm dùng để ấn phẩm văn hóa có nội dung phong phú nói lên tính chất chung - Tạp chí chủ yếu sử dụng chữ viết hình ảnh (chụp vẽ tay) để gửi đến khách hàng thông tin nước nước Chủ yếu sử dụng lĩnh vực thời trang, phim ảnh, nghệ thuật - Hiện nay, có nhiều kiểu tạp chí với nội dung khác nhau: Else, Volgue, Stylelife, Phong cách, Sành điệu, Đẹp Fashion, Thời gian, Doanh nhân, Hàng Hiệu, Style, Mực tím, Hoa học trị, Tiếp Thị Gia Đình…đa số tạp chí có tên tuổi ngồi nước - Nội dung loại tạp chí khác Chính nên mẫu thiết kế mang phong cách riêng biệt Đây điểm khác biệt tờ tạp chí để tồn phát triển với thị trường cạnh tranh, không ngừng đổi - Một ví dụ cụ thể: Hàng hiệu, Phong Cách, Style tờ tạp chí có nội dung trọng đến sản phẩm cao cấp thời trang concept tờ báo sang trọng, tinh tế mang nét quý phái cao cấp - Cịn nhắc tới Mực Tím, Hoa Học Trị độc giả biết tạp chí với nội dung dành cho lứa tuổi học trị concept tờ báo vui vẻ đầy màu sắc, hóm hỉnh mang tính giáo dục - Nhắc tới Tiếp Thị Gia Đình đại đa số biết đầu tạp chí chun dành cho chị em nội trợ chình điều mẫu concept tờ tạp chí mang nét bình dân, giản dị gần gũi thơng dụng với đời sống hàng ngày - Theo định nghĩa, tạp chí Đánh số trang với vấn đề trang ba, với kích thước tiêu chuẩn / × 10 / in (210 mm × 280 mm) Tuy nhiên, ý nghĩa kỹ thuật, tạp chí có phân trang liên tục tập Do đó, tuần kinh doanh, bắt đầu vấn đề lần với trang một, Tạp chí Truyền thơng Kinh doanh, tiếp tục trình tự phân trang giống suốt năm coterminous Một số ấn phẩm chuyên nghiệp thương mại đánh giá ngang hàng, ví dụ Tạp chí Kế tốn Các ấn phẩm học thuật chuyên nghiệp không đánh giá tạp chí chuyên nghiệp Rằng ấn phẩm tự gọi tạp chí khơng làm cho trở thành tạp chí theo nghĩa kỹ thuật; Tạp chí Phố Wall thực tờ báo - Ví dụ sớm tạp chí Erbauliche Monaths Unterredungen, tạp chí văn học triết học, mắt vào năm 1663 Đức Tạp chí q ơng, xuất lần đầu năm 1731 Ln Đơn tạp chí có lợi ích chung Edward Cave, người chỉnh sửa Tạp chí quý ông bút danh “ Đô thị Sylvanus “, người sử dụng thuật ngữ “tạp chí”, tương tự nhà kho quân Được thành lập Herbert Ingram vào năm 1842, The Illustrated London News tạp chí minh họa Chương 1: Giới thiệu nguyên lý bố cục tạo hình đồ họa tạp chí Hình 1.1 Bìa tạp chí thời trang L’officiel 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 Chương 1: Giới thiệu nguyên lý bố cục tạo hình đồ họa tạp chí Lịch sử tạp chí Ở nước Anh - Tạp chí tiêu dùng lâu đời in Tạp chí Scots, xuất lần vào năm 1739, nhiều thay đổi quyền sở hữu khoảng cách xuất tổng cộng 90 năm làm suy yếu tuyên bố Danh sách Lloyd thành lập quán cà phê Anh Edward Lloyd năm 1734; tảng trực tuyến cập nhật hàng ngày khơng xuất dạng tạp chí kể từ năm 2013 sau 274 năm Ở nước Pháp - Dưới chế độ cổ đại, tạp chí Hình 1.4 Bìa tạp chí nước Anh cũ bật Mercure de France, Tạp chí des sỗavans, c thnh lp nm 1665 cho cỏc nh khoa học Gazette de France, thành lập năm 1631 Jean Loret nhà báo Pháp Ông phổ biến tin tức hàng tuần âm nhạc, khiêu vũ xã hội Paris từ 1650 đến 1665 câu thơ, mà ông gọi công báo, tập hợp thành ba tập lịch sử La Muse (1650, 1660, 1665) Báo chí Pháp tụt lại hệ sau người Anh, họ phục vụ cho nhu cầu tầng lớp quý tộc, đối tác Anh lại hướng đến tầng lớp trung lưu lao động - Các ấn phẩm định kỳ kiểm duyệt quyền trung ương Paris Hình 1.5 Bìa tạp chí nước Pháp cũ Họ khơng hồn tồn im lặng mặt trị, họ thường trích lạm dụng Giáo hội bất lực quan liêu Họ ủng hộ chế độ quân chủ họ đóng vai trị nhỏ việc kích thích cách mạng Trong Cách mạng, tạp chí định kỳ đóng vai trị trung tâm quan tuyên truyền cho phe phái khác Jean-Paul Marat (1743 Tiết 1793) biên tập viên bật Mình L’Ami du peuple ủng hộ mạnh mẽ cho quyền lợi tầng lớp thấp so với kẻ thù nhân dân Marat ghét; Nó đóng cửa bị ám sát Sau năm 1800 Napoleon kiểm duyệt lại kiểm duyệt nghiêm ngặt Chương 4: Dàn trang tạp chí Hình 4.19 Tương phản gam màu 96 Chương 4: Dàn trang tạp chí 97 - Chỉ số màu: Giống gam màu, số màu khác đối chiếu tạo nên hiệu ứng ấn tượng giá trị tương đồng màu sắc bật (xem Hình 4.20) Hình 4.20 Tương phản thông số màu Chương 4: Dàn trang tạp chí 98 Sự cân - Độ bão hòa: Một màu sắc túy chứa đựng 100% độ bão hịa, màu ngả xám độ bão hịa giảm Sử dụng màu sáng khơng màu cách tốt để tạo độ tương phản cao thấp cho thiết kế Ví dụ: Điểm nhấn đặc biệt thiết kế bìa sách Jason Booher mảng màu đỏ Ơng sử dụng tính tương phản nhiệt độ màu xám trung tính kết hợp với mảng đỏ để làm bật tiêu đề sách (xem Hình 4.21) Hình 4.21.Sự cân Chương 4: Dàn trang tạp chí 99 Sự gióng - Nguyên lý cân (balance) liên quan tới cách bố trí đối tượng trực quan trang để đạt layout hài hòa rõ ràng Ý đồ đằng sau cân tránh việc kết tập yếu tố vào chỗ trang, điều làm cho phần trang trông dày đặc, gây rối mắt Một thành phần quan trọng nguyên lý cân học cách nhóm thơng tin quan trọng lại với cách logic Các yếu tố có liên quan với nên đặt cạnh Khi bắt đầu nhóm thơng tin, bạn cần cân nhóm thơng tin đối tượng nhóm thơng tin khác phần khác trang (xem Hình 4.22) Hình 4.22.Sự cân gióng - Ví dụ: David Salgado Mariana Perfeito dàn trang sách môt cách ngắn cách chừa khoảng cách xung quanh phần thiết kế, sau nhóm phần chữ phần hình ảnh lại nhau, khiến người xem thoải mái tạo nên thiết kế cân bằng.(xem Hình 4.23) Chương 4: Dàn trang tạp chí 100 Hình 4.23 Sự cân gióng lề văn Chương 4: Dàn trang tạp chí 101 - Sự cân gióng cịn đến từ khoảng trống tạo cách có ý đồ: Hình 4.24 Sự cân gióng hình ảnh Chương 4: Dàn trang tạp chí 102 Sự lặp lại - Căn chỉnh (alignment) mối liên hệ trực quan từ, hình vẽ đồ họa, ảnh, hình khối đường thẳng trang cạnh trục chúng gióng thẳng với Hầu hết, tác phẩm trình thiết kế chỉnh hệ thống lưới, đáp ứng quy luật thị giác Nhiều nghệ sĩ bắt đầu kỹ thuật xếp từ nhiều kỷ trước ngày áp dụng cách rộng rãi Dưới vài tác phẩm điển hình (xem Hình 4.25 hình 4.26) - Quy luật 1/3: Quy luật 1/3 mang tính thẩm mỹ thị giác cao hướng thị giác đến cấu trúc tam giác với điểm nhấn không thiết phải trung tâm thiết kế Chính quy luật tạo hệ thống lưới thiết kế (3 đường kẻ dọc đường kẻ ngang) điểm nhấn nằm điểm giao đường nét Ví dụ: Cover tạp chí Feld tuân theo quy luật 1/3 để khoanh vùng phần mắt người mẫu Điều đạt hiệu tốt khơng nằm vị trí trung tâm phần khn mặt gần 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 Chương 4: Dàn trang tạp chí Hình 4.26 Sự lặp lại phong cách thiết kế 103 Chương 4: Dàn trang tạp chí 104 - Thay đổi có ngụ ý: kỹ thuật phổ biến tập trung nhấn mạnh vào thơng tin hình ảnh quan trọng thiết kế Sử dụng hình dạng, nét xen kẽ, lặp nét, khoảng không gian trống để thay đổi Một thay đổi có ẩn ý chúng thay đổi có xếp trước chỉnh theo hàng dọc, hàng ngang, số khác xếp theo chiều hướng chữ S 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 Chương 4: Dàn trang tạp chí 105 - Nguyên lý lặp lại (repetition): Việc lặp lại dịng, hình khối, ảnh, màu sắc, họa tiết yếu tố trực quan khác trang giúp tạo nên thiết kế thống nhất, gắn kết Nếu sử dụng nguyên lý lặp lại cách thận trọng cịn đem lại cảm giác tinh tế có kiểm sốt cho thiết kế bạn Ngược lại, lạm dụng, trang thiết kế nhanh chóng trở nên lộn xộn - Ví dụ: Travel Magazine lặp lại yếu tố khối tròn nét chéo nhiều lần layout layout với tạo nên gắn kết chặt chẽ thống mắt ( xem từ hình 4.28 đến hình 4.30) Hình 4.28 Hình 4.29 Hình 4.30 Sự lặp lại phòng cách thiết kế gam màu cam chủ đạo Chương 4: Dàn trang tạp chí 106 Dịng chảy - Dòng chảy (flow) đường dịch chuyển mặt hình ảnh ngơn từ (visual and verbal path of movement) để hướng thị giác người xem dõi theo trang chuỗi trang Để sử dụng hiệu nguyên lý này, bạn phải xếp yếu tố trực quan layout cách có chủ đích để điều khiển cách thị giác người xem lướt qua Để biết thêm nhiều bí dòng chảy, xem qua viết Design Principles: Master Compositional Flow and Rhythm ( xem từ hình 4.31 đến hình 4.33) Hình 4.31 Hình 4.32 Hình 4.33 Dịng chảy dịch chuyển văn hình Chương 4: Dàn trang tạp chí 107 Typographic - Trong vài thiết kế typographic (nghệ thuật đặt chữ in ấn) thành phần khơng thể thiếu Typographic đóng vai trị quan trọng tạo nên sức hấp dẫn tờ báo ngày hay tạp chí - Trong viết gồm ba phần quan trọng: - Phần thứ (Tiêu đề): Tiêu đề viết cần chọn kiểu chữ phù hợp phần quan trọng thiết kế yếu tố thu hút người xem Typography xu hướng ưa chuộng, đường nét chữ tận dụng triệt để vừa thay hình minh họa, vừa làm bật tiêu đề viết Những chữ yêu thích sử dụng nhiều S, C, G, F, J - Phần thứ hai (Đoạn giới thiệu): Ở phần này, yếu tố chữ cần phải có nét tương đồng, thống tiêu đề thân viết, điều khiến cho nội dung liên kết chặt chẽ lưu loát - Phần thứ ba (Thân bài): Thân nội dung viết, bạn nên sử dụng kiểu chữ nhỏ, đơn giản dễ nhìn để người xem dễ đọc Sử dụng kiểu chữ nghiêng, đậm mức tối thiểu Chữ nhỏ point khó đọc.(xem Hình 4.34) Hình 4.34 Typography dàn trang Chương 4: Dàn trang tạp chí 108 - Để hiểu quy tắc đặt chữ in ấn, bạn xem qua viết 20 Quy tắc thiết kế khơng nên phá vỡ - Ngồi ra, nghệ thuật đặt chữ in ấn khơng khía cạnh viết mà cịn phụ thuộc vào lựa chọn kiểu chữ, loại chữ (sans-serif, serif, chữ viết tay chữ trang trí) định dạng (bold, italic, small caps,…) tạo nên phá hủy thiết kế bạn Sử dụng định dạng chữ phù hợp giúp cho thiết kế bạn hấp dẫn sáng tạo hơn, tạo điểm nhấn thu hút quan trọng Ví dụ: Atomicdust thiết kế bìa sách sử dụng typeface khác để tăng tương phản Trái ngược với cách dùng chữ có chân truyền thống, ơng sử dụng phong cách viết tay để tạo tiêu đề sách nhấn mạnh (xem Hình 4.35) Giới thiệu đơi nét trang web Behance Behance website phát triển bảo trợ Adobe, có trụ sở thành phố New York, Mỹ Behance thành lập từ năm 2006 trang mạng xã hội có lượng tương tác lớn dành cho nhà thiết kế Behance coi trang mạng xã hội mở cho tất người nói chung, đặc biệt cho nhà thiết kế, sáng tạo nói riêng Với Behance, đăng ký thành viên, giới thiệu cơng việc mình, đăng tải tác phẩm lên đơn giản tìm kiếm ý tưởng từ nhà thiết kế khác giới Bên cạnh đó, kho tàng đồ hoạ, thiết kế nhiều Tại Behance, nhà thiết kế bạn đam mê sáng tạo tìm kiếm nhiều ý tưởng hay, lạ Có thể dễ dàng tiếp cận tác phẩm theo danh mục hiển thị rõ ràng Behance : photography, graphic design, motion, architecture, thiết kế dàn trang, layout báo chí, tạp chí nhà thiết kế sáng tạo giới (xem Hình 4.36) Hình 4.35 Typography làm tiêu đề viết Hình 4.36 Trang web Behance Chương 4: Dàn trang tạp chí 109 CÂU HỎI ƠN TẬP Ngun lý tương phản thiết kế dàn trang gì? Tại gọi dịng chảy thiết kế, cho ví dụ.? Thiết kế tạp chí hồn thiện, khoảng 12 trang bao gồm trang bìa 10 trang ruột theo chủ đề Thiết kế thời trang.? TÀI LIỆU THAM KHẢO 110 TÀI LIỆU THAM KHẢO [1] Chris Botello; Trần Tấn Minh Đạo, Khám phá Adobe InDesign - Thiết kế dàn trang / Adobe InDesign CS6 - Revealed, NXB ĐH Bách Khoa Hà Nội, 2015 [2] Khải Hoàn, Hướng dẫn thực hành Adobe Indesign CS6, NXB Giao Thông Vận Tải, 2011 [3] Nhật Minh, Hà Thành, Tự học Adobe InDesign CS5, NXB Hồng Bàng, 2012 [4] Nguyễn Minh Thuận, Tài liệu tham khảo Thiết kế dàn trang, Trường Cao Đẳng Công Nghệ TP.HCM, 2021 ... trình thiết kế dàn trang CHƯƠNG QUY TRÌNH THIẾT KẾ DÀN TRANG 19 Sau học xong chương sinh viên trình bày qui trình thiết kế dàn trang, yếu tố màu sắc, hình ảnh, văn bản, bố cục thiết kế dàn trang. .. Nghệ thuật - Mỹ nghệ - Tạp chí Mỹ thuật - Tạp chí Ơtơ - Xe máy - Tạp chí Kinh doanh - Tài - 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... 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áy tính, phần mềm thiết kế dàn trang Adobe Indesign Sau 15 bước thiết kế phần mêm Adobe Indesign để tạo trang tạp