![Page 1: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/1.jpg)
BÀI 3TỔNG QUAN VỀ TYPOGRAPHY
![Page 2: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/2.jpg)
NHẮC LẠI BÀI TRƯỚC
Lý thuyết tổng quan về màu sắcSự kết hợp màu sắcNhiệt độ của màu sắcGiá trị của màu sắcBảng màuCông cụ màu sắc
Lý thuyết tổng quan về màu sắcSự kết hợp màu sắcNhiệt độ của màu sắcGiá trị của màu sắcBảng màuCông cụ màu sắc
Slide 3 - Tổng quan về Typography 2
![Page 3: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/3.jpg)
MỤC TIÊU BÀI HỌC
Khái niệm về Typography:Typography cho thiết kế graphicTypography trên webSự khác biệt
Màu sắc & màu sắc trên webBố cục trong thiết kế webKhái niệm chống răng cưaNguyên tắc chọn & sử dụng kiểu chữ
Khái niệm về Typography:Typography cho thiết kế graphicTypography trên webSự khác biệt
Màu sắc & màu sắc trên webBố cục trong thiết kế webKhái niệm chống răng cưaNguyên tắc chọn & sử dụng kiểu chữ
Slide 3 - Tổng quan về Typography 3
![Page 4: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/4.jpg)
GIỚI THIỆU TYPOGRAPHY
![Page 5: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/5.jpg)
GIỚI THIỆU
Typography:
Sự kết hợp giữa font, kiểu chữ, màu sắc … để làmnổi bật nội dungTạo typography: photoshop, illustrator, HTML/CSS
typo graphic typography
Typography:
Sự kết hợp giữa font, kiểu chữ, màu sắc … để làmnổi bật nội dungTạo typography: photoshop, illustrator, HTML/CSS
Slide 3 - Tổng quan về Typography 5
Nghệ thuật sắp đặt và kỹ thuật ghép chữ
![Page 6: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/6.jpg)
GIỚI THIỆU
Nguyên liệu để tạo nên typography:Font chữKiểu chữ (chữ hoa, chữ thường)Khoảng cách giữa các ký tựHình ảnh, đồ họa (màu sắc, mảng màu, đường thẳng,đường cong, khoảng trống…)
Khả năng ứng dụng của Typography:Đồ họa hình ảnh (graphic design + in ấn)Đồ họa web (website design)…
Nguyên liệu để tạo nên typography:Font chữKiểu chữ (chữ hoa, chữ thường)Khoảng cách giữa các ký tựHình ảnh, đồ họa (màu sắc, mảng màu, đường thẳng,đường cong, khoảng trống…)
Khả năng ứng dụng của Typography:Đồ họa hình ảnh (graphic design + in ấn)Đồ họa web (website design)…
Slide 3 - Tổng quan về Typography 6
![Page 7: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/7.jpg)
TYPOGRAPHY VỚI THIẾT KẾ GRAPHIC
![Page 8: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/8.jpg)
TYPOGRAPHY VỚI THIẾT KẾ GRAPHIC
Phạm vi ứng dụng:In ấn (poster, quảng cáo)Website (banner, logo, …)Quảng bá
Các chương trình hỗ trợ thiết kế typography:PhotoshopIllustratorFlash…
Phạm vi ứng dụng:In ấn (poster, quảng cáo)Website (banner, logo, …)Quảng bá
Các chương trình hỗ trợ thiết kế typography:PhotoshopIllustratorFlash…
Slide 3 - Tổng quan về Typography 8
![Page 9: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/9.jpg)
TYPOGRAPHY VỚI THIẾT KẾ GRAPHIC
Banner/ Website
Slide 3 - Tổng quan về Typography 9
Quảng cáo
![Page 10: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/10.jpg)
TYPOGRAPHY TRÊN WEB
http://joe.vn/
![Page 11: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/11.jpg)
TYPOGRAPHY TRÊN WEB
Mục đích sử dụng typography trên web:Trình bày nội dung rõ ràng tới người đọcTạo ấn tượng mạnh tới người duyệt webTạo thẩm mỹ cho trang web
Hạn chế của web typography:Lựa chọn font bị hạn chếKhi mỗi cột văn bản bị thu hẹp thì nội dung đượctrình bày không thẩm mỹKiểm soát khoảng cách các chữ (kerning)Kích cỡ, độ phân giải màn hình
Mục đích sử dụng typography trên web:Trình bày nội dung rõ ràng tới người đọcTạo ấn tượng mạnh tới người duyệt webTạo thẩm mỹ cho trang web
Hạn chế của web typography:Lựa chọn font bị hạn chếKhi mỗi cột văn bản bị thu hẹp thì nội dung đượctrình bày không thẩm mỹKiểm soát khoảng cách các chữ (kerning)Kích cỡ, độ phân giải màn hình
Slide 3 - Tổng quan về Typography 11
http://dev.opera.com/articles/view/11-typography-on-the-web/
![Page 12: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/12.jpg)
TYPOGRAPHY TRÊN WEB
Lựa chọn font bị hạn chế:Có thể cài đặt bất kì font nào trong CSSĐối với người xem:
• Chỉ xem được văn bản sử dụng font nào được cài đặtsẵn trên máy tính
• Nếu như trên máy tính không có sẵn font đó trìnhduyệt sẽ sử dụng font được chỉ định thay thế, đã đượcđịnh nghĩa trong CSS
Lựa chọn font bị hạn chế:Có thể cài đặt bất kì font nào trong CSSĐối với người xem:
• Chỉ xem được văn bản sử dụng font nào được cài đặtsẵn trên máy tính
• Nếu như trên máy tính không có sẵn font đó trìnhduyệt sẽ sử dụng font được chỉ định thay thế, đã đượcđịnh nghĩa trong CSS
Slide 3 - Tổng quan về Typography 12
font-family: Georgia, "Times New Roman", Times, serif
Thứ tự ưu tiên sử dụng font
![Page 13: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/13.jpg)
TYPOGRAPHY TRÊN WEB
Lựa chọn font bị hạn chế:Nhà thiết kế web thường hạn chế mình trong nhữngfont phổ biến có trong hệ thống:
Lựa chọn font bị hạn chế:Nhà thiết kế web thường hạn chế mình trong nhữngfont phổ biến có trong hệ thống:
Slide 3 - Tổng quan về Typography 13
![Page 14: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/14.jpg)
TYPOGRAPHY TRÊN WEB
Sự căn chỉnh:Vấn đề được nói đến là việc căn chỉnh/ sắp xếp vănbản trên trang webCó 4 cách để căn chỉnh văn bản:
• Căn trái• Căn phải• Căn giữa• Căn đều (justify)
Sự căn chỉnh:Vấn đề được nói đến là việc căn chỉnh/ sắp xếp vănbản trên trang webCó 4 cách để căn chỉnh văn bản:
• Căn trái• Căn phải• Căn giữa• Căn đều (justify)
Slide 3 - Tổng quan về Typography 14
justify
![Page 15: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/15.jpg)
TYPOGRAPHY TRÊN WEB
Kiểm soát khoảng cách các chữ (kerning):Đây là quá trình điều chỉnh khoảng cách giữa các cặp kýtự của chữ cái
Kiểm soát khoảng cách các chữ (kerning):Đây là quá trình điều chỉnh khoảng cách giữa các cặp kýtự của chữ cái
Slide 3 - Tổng quan về Typography 15
![Page 16: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/16.jpg)
TYPOGRAPHY TRÊN WEB
Thiếu kiểm soát:Website không nhằm phục vụ in ấnNgười duyệt web có thể sử dụng nhiều thiết bị trongnhiều môi trường khác nhau để xem trang web:
• Trên thiết bị di động• Tăng kích cỡ font …
Tất cả những việc bạn làm đó là định kiểu cho văn bảntrên web, cung cấp một hướng dẫn cho tất cả các thiếtbị duyệt web khác nhau
Thiếu kiểm soát:Website không nhằm phục vụ in ấnNgười duyệt web có thể sử dụng nhiều thiết bị trongnhiều môi trường khác nhau để xem trang web:
• Trên thiết bị di động• Tăng kích cỡ font …
Tất cả những việc bạn làm đó là định kiểu cho văn bảntrên web, cung cấp một hướng dẫn cho tất cả các thiếtbị duyệt web khác nhau
Slide 3 - Tổng quan về Typography 16
![Page 17: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/17.jpg)
TYPOGRAPHY TRÊN WEB
Cách tạo typography trên web:Được điều khiển bởi CSS (kích thước, màu sắc, kiểuchữ, kích thước dòng, khoảng cách ký tự, …)Bằng cách tạo các khối văn bản,
có thể điều khiển được việc căn lềvà chỉnh kích thước dòng cho toànkhối
Cách tạo typography trên web:Được điều khiển bởi CSS (kích thước, màu sắc, kiểuchữ, kích thước dòng, khoảng cách ký tự, …)Bằng cách tạo các khối văn bản,
có thể điều khiển được việc căn lềvà chỉnh kích thước dòng cho toànkhối
Slide 3 - Tổng quan về Typography 17
http://dev.opera.com/articles/view/11-typography-on-the-web/
![Page 18: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/18.jpg)
TYPOGRAPHY TRÊN WEB
Slide 3 - Tổng quan về Typography 18
![Page 19: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/19.jpg)
TYPOGRAPHY TRÊN WEB
Dùng các font phổ biến để trình bày nội dung trêntrang web:
Font serif: font có chân (Georgia, Time NewRoman), thường được sử dụng cho dòng tiêu đềFont sans-serif: font không chân (Arial, Vernada,Tahoma), thường được sử dụng cho phần nội dung
Dùng các font phổ biến để trình bày nội dung trêntrang web:
Font serif: font có chân (Georgia, Time NewRoman), thường được sử dụng cho dòng tiêu đềFont sans-serif: font không chân (Arial, Vernada,Tahoma), thường được sử dụng cho phần nội dung
Slide 3 - Tổng quan về Typography 19
Tỷ lệ sử dụng giữa font cóchân và không chân(Tạp chí smallshing)
![Page 20: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/20.jpg)
TYPOGRAPHY TRÊN WEB
Kết hợp kích thước, màu sắc cho font chữÁp dụng các mảng sáng, tối, màu sắc, bố cục trêntrang web để tạo độ tương phản, điểm nhấnCó thể sử dụng javascript để tạo thêm hiệu ứng chonội dung
Slide 3 - Tổng quan về Typography 20
![Page 21: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/21.jpg)
SỰ KHÁC BIỆT
Sự khác biệt giữa typography của graphic design vàweb design:
Web typography Graphic typography
Sử dụng các kỹ thuật CSS/HTML Không sử dụng
Độ phân giải bình thường từ85dpi hoặc thấp hơn
Độ phân giải từ 1200dpi hoặc caohơn
Slide 3 - Tổng quan về Typography 21
Độ phân giải bình thường từ85dpi hoặc thấp hơn
Độ phân giải từ 1200dpi hoặc caohơn
Nhiều cột nội dung giúp ngườiđọc duyệt tốt hơn trên màn hình
Cột có thể làm người đọc khótheo dõi
![Page 22: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/22.jpg)
KHÁI NIỆM CHỐNG RĂNG CƯA
Slide 3 - Tổng quan về Typography 22
![Page 23: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/23.jpg)
KHÁI NIỆM CHỐNG RĂNG CƯA
Printed Typography: là kiểu chữ in ấn hiển thị với độphân giải cao DPI, hiển thị được những đường congđẹp và tinh tế.PPI Monitor: là kiểu hiển thị trên màn hình máy tínhvới độ phân giải thấp hơn so với kiểu hiển thị in ấn.Chống răng cưa: là điều tốt nhất cho việc hiển thịtrên màn hình ở độ phân giải cao hơn nhằm giúpvăn bản hiển thị sắc nét, rõ ràng.Việc chống răng cưa là vô cùng quan trọng
Printed Typography: là kiểu chữ in ấn hiển thị với độphân giải cao DPI, hiển thị được những đường congđẹp và tinh tế.PPI Monitor: là kiểu hiển thị trên màn hình máy tínhvới độ phân giải thấp hơn so với kiểu hiển thị in ấn.Chống răng cưa: là điều tốt nhất cho việc hiển thịtrên màn hình ở độ phân giải cao hơn nhằm giúpvăn bản hiển thị sắc nét, rõ ràng.Việc chống răng cưa là vô cùng quan trọng
Slide 3 - Tổng quan về Typography 23
![Page 24: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/24.jpg)
KHÁI NIỆM CHỐNG RĂNG CƯA
Slide 3 - Tổng quan về Typography 24
![Page 25: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/25.jpg)
KHÁI NIỆM CHỐNG RĂNG CƯA
Các kiểu định dạng văn bản cơ bản:- HTML Text: chiếm phần lớn các văn bản được tìmthấy trên trang web.- font-smooth: kiểu font mịn
Slide 3 - Tổng quan về Typography 25
![Page 26: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/26.jpg)
KHÁI NIỆM CHỐNG RĂNG CƯA
@font-face: là một kiểu nhúng font với tính năng mớithú vị của CSS3, cho phép các trình duyệt nhập vàomột Font chữ từ URL.
Slide 3 - Tổng quan về Typography 26
![Page 27: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/27.jpg)
KHÁI NIỆM CHỐNG RĂNG CƯA
Text as Image: là dạng văn bản dạng hình ảnh bằngcách sử dụng tùy chọn Free Transform để di chuyểncác vị trí lớp và thường được thiết lập theo thông sốcó sẵn
Slide 3 - Tổng quan về Typography 27
![Page 28: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/28.jpg)
NGUYÊN TẮC CHỌN VÀ SỬ DỤNG KIỂU CHỮ
![Page 29: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/29.jpg)
NGUYÊN TẮC CHỌN VÀ SỬ DỤNG KIỂU CHỮ
Họ font Helvetica Neue: sử dụng để thể hiện mộtloạt các tiếng nói và cảm xúc linh hoạt và thoải mái
Slide 3 - Tổng quan về Typography 29
![Page 30: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/30.jpg)
NGUYÊN TẮC CHỌN VÀ SỬ DỤNG KIỂU CHỮ
Grouping Fonts: Kiểu chữ có thể được chia vàphân chia thành hàng chục loại
Slide 3 - Tổng quan về Typography 30
![Page 31: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/31.jpg)
NGUYÊN TẮC CHỌN VÀ SỬ DỤNG KIỂU CHỮ
Geometric Sans:Kiểu chữ dựa trên các hình thứchình học nghiêm ngặt.• Helvetica• Univers• Futura• Avant Garde• Akzidenz Grotesk• Franklin Gothic• Gotham
Slide 3 - Tổng quan về Typography 31
Geometric Sans:Kiểu chữ dựa trên các hình thứchình học nghiêm ngặt.• Helvetica• Univers• Futura• Avant Garde• Akzidenz Grotesk• Franklin Gothic• Gotham
![Page 32: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/32.jpg)
NGUYÊN TẮC CHỌN VÀ SỬ DỤNG KIỂU CHỮ
Humanist Sans: Kiểu chữ có nguồn gốc từ chữviết và có kiểu dáng hiện đại.• Gill Sans• Frutiger• Myriad• Optima• Verdana
Slide 3 - Tổng quan về Typography 32
Humanist Sans: Kiểu chữ có nguồn gốc từ chữviết và có kiểu dáng hiện đại.• Gill Sans• Frutiger• Myriad• Optima• Verdana
![Page 33: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/33.jpg)
NGUYÊN TẮC CHỌN VÀ SỬ DỤNG KIỂU CHỮ
Humanist Sans: Kiểu chữ lâu đời nhất cổ điển,truyền thống• Jenson• Bembo• Palatino• Garamond
Slide 3 - Tổng quan về Typography 33
Humanist Sans: Kiểu chữ lâu đời nhất cổ điển,truyền thống• Jenson• Bembo• Palatino• Garamond
![Page 34: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/34.jpg)
NGUYÊN TẮC CHỌN VÀ SỬ DỤNG KIỂU CHỮ
Transitional and Modern: Kiểu chữ chuyển tiếptừ truyền thống đến hiện đại• Times New Roman• Baskerville• Bodoni• Didot
Slide 3 - Tổng quan về Typography 34
Transitional and Modern: Kiểu chữ chuyển tiếptừ truyền thống đến hiện đại• Times New Roman• Baskerville• Bodoni• Didot
![Page 35: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/35.jpg)
NGUYÊN TẮC CHỌN VÀ SỬ DỤNG KIỂU CHỮ
Slide 3 - Tổng quan về Typography 35
![Page 36: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/36.jpg)
NGUYÊN TẮC CHỌN VÀ SỬ DỤNG KIỂU CHỮ
Humanist Sans: Kiểu chữ hoang dã, mạnh mẽ• Clarendon, Rockwell• Courier• Lubalin Graph• Archer
Slide 3 - Tổng quan về Typography 36
![Page 37: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/37.jpg)
NGUYÊN TẮC CHỌN VÀ SỬ DỤNG KIỂU CHỮ
The Principle of Decisive Contrast (nguyên tắctương phản): Đây là một nguyên tắc chung về thiếtkế.
Slide 3 - Tổng quan về Typography 37
The Principle of Decisive Contrast (nguyên tắctương phản): Đây là một nguyên tắc chung về thiếtkế.
![Page 38: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/38.jpg)
NGUYÊN TẮC CHỌN VÀ SỬ DỤNG KIỂU CHỮ
Sự kết hợp một họ font cùng với Helvetica tạo raphong cách cổ điển và có độ tương phản mạnh.
Slide 3 - Tổng quan về Typography 38
![Page 39: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/39.jpg)
NGUYÊN TẮC CHỌN VÀ SỬ DỤNG KIỂU CHỮ
Hai kiểu chữ kết hợp tốt với nhau nếu có một điểmchung.
Slide 3 - Tổng quan về Typography 39
![Page 40: BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT](https://reader034.vdocuments.net/reader034/viewer/2022052121/5551927db4c90580128b54ae/html5/thumbnails/40.jpg)
TỔNG KẾT
Typography là sự kết hợp của font, kiểu chữ, màusắc, bố cục… nhằm truyền đạt nội dung một cáchấn tượng nhất đến với người xem2 trường phái Typography:
Typography dành cho thiết kế hình ảnhTypography dành cho thiết kế web
Nguyên liệu tạo nên typography:Font chữKiểu chữMàu sắc, độ tương phản, bố cục mảng màu …
Typography là sự kết hợp của font, kiểu chữ, màusắc, bố cục… nhằm truyền đạt nội dung một cáchấn tượng nhất đến với người xem2 trường phái Typography:
Typography dành cho thiết kế hình ảnhTypography dành cho thiết kế web
Nguyên liệu tạo nên typography:Font chữKiểu chữMàu sắc, độ tương phản, bố cục mảng màu …
Slide 3 - Tổng quan về Typography 40