BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPTMasterCode.vn
Khái niệm về Typography:
Typography cho thiết kế graphic
Typography trên web
Sự khác biệt
Màu sắc & màu sắc trên web
Bố cục trong thiết kế web
Khái niệm chống răng cưa
Nguyên tắc chọn & sử dụng kiểu chữ
BÀI 6 Những yếu tố: tỷ lệ, nhịp điệu, nhấn mạnh và tương phản trong TYPOGRAPH...MasterCode.vn
Khái niệm hướng mắt của người duyệt web
Weight (trọng lượng)
Italic & oblique
Các style trang trí
Văn bản in hoa in thường
Màu sắc
Kiểu chữ
Khái niệm hướng mắt của người duyệt web
Weight (trọng lượng)
Italic & oblique
Các style trang trí
Văn bản in hoa in thường
Màu sắc
Kiểu chữ
BÀI 1 Giới thiệu những khía cạnh tổng quan về thiết kế web - Giáo trình FPTMasterCode.vn
Các khía cạnh thiết kế web
Những kỹ năng thiết yếu trong thiết kế website
Quy trình thiết kế website
Một số vấn đề trong thiết kế website
Một số website có thiết kế tiêu biểu
BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPTMasterCode.vn
Khái niệm về Typography:
Typography cho thiết kế graphic
Typography trên web
Sự khác biệt
Màu sắc & màu sắc trên web
Bố cục trong thiết kế web
Khái niệm chống răng cưa
Nguyên tắc chọn & sử dụng kiểu chữ
BÀI 6 Những yếu tố: tỷ lệ, nhịp điệu, nhấn mạnh và tương phản trong TYPOGRAPH...MasterCode.vn
Khái niệm hướng mắt của người duyệt web
Weight (trọng lượng)
Italic & oblique
Các style trang trí
Văn bản in hoa in thường
Màu sắc
Kiểu chữ
Khái niệm hướng mắt của người duyệt web
Weight (trọng lượng)
Italic & oblique
Các style trang trí
Văn bản in hoa in thường
Màu sắc
Kiểu chữ
BÀI 1 Giới thiệu những khía cạnh tổng quan về thiết kế web - Giáo trình FPTMasterCode.vn
Các khía cạnh thiết kế web
Những kỹ năng thiết yếu trong thiết kế website
Quy trình thiết kế website
Một số vấn đề trong thiết kế website
Một số website có thiết kế tiêu biểu
BÀI 4 Ký tự và biểu tượng trong TYPOGRAPHY - Giáo trình FPTMasterCode.vn
Bản chất của ký tự (character)
Các kiểu chữ
Ký tự và font chữ mã hóa (encoding) trên web
Cách sử dụng symbol (biểu tượng)
Các ký tự đặc biệt trong HTML
Bản chất của ký tự (character)
Các kiểu chữ
Ký tự và font chữ mã hóa (encoding) trên web
Cách sử dụng symbol (biểu tượng)
Các ký tự đặc biệt trong HTML
BÀI 5 Làm việc với FONT, TYPEFACE và tỷ lệ nhịp điệu trong TYPOGRAPHY - Giáo ...MasterCode.vn
Tổng quan về việc sử dụng font trên web:
Lựa chọn font
Phân loại font family trong CSS
Định rõ kiểu chữ với CSS
Web font an toàn ( web safe font)
Liên kết font web
Dịch vụ liên kết font web văn phòng
Nhúng font web với javascript
Những giải pháp để sử dụng font trên web
Tổng quan về việc sử dụng font trên web:
Lựa chọn font
Phân loại font family trong CSS
Định rõ kiểu chữ với CSS
Web font an toàn ( web safe font)
Liên kết font web
Dịch vụ liên kết font web văn phòng
Nhúng font web với javascript
Những giải pháp để sử dụng font trên web
Bài 3 Tạo style cho font và văn bản - Giáo trình FPTMasterCode.vn
Giới thiệu về font
Một số thuộc tính quan trọng của Font
Một số thuộc tính quan trọng của Text
Kích thước của font, text trong HTML
Cách viết CSS rút gọn (shorthand)
Giới thiệu về font
Một số thuộc tính quan trọng của Font
Một số thuộc tính quan trọng của Text
Kích thước của font, text trong HTML
Cách viết CSS rút gọn (shorthand)
Cẩm nang thiết kế logo và Bộ nhận diện thương hiệu công ty HMTCSaoKim.com.vn
Cẩm nang hướng dẫn sử dụng hệ thống thiết kế logo và nhận diện thương hiệu Công ty HMTC do Sao Kim thực hiện
Xem ngay các dịch vụ thiết kế logo và bộ nhận diện thương hiệu được nhiều khách hàng lựa chọn nhất: https://www.saokim.com.vn/dich-vu/nhan-dien-cot-loi/thiet-ke-he-thong-nhan-dien-thuong-hieu/
Liên hệ để được tư vấn thiết kế logo và bộ nhận diện thương hiệu trực tiếp ngay hôm nay: 0964.699.499 (Chuyên gia Nguyễn Tuấn Hùng)
Bài 2 Cơ chế làm việc của CSS - Giáo trình FPTMasterCode.vn
Cách áp dụng CSS cho trang web
Cấu trúc & Quy tắc khai báo CSS
Pseudo-Class (lớp giả)
Tính kế thừa trong CSS
Khai báo giá trị màu sắc và số trong CSS
Cách áp dụng CSS cho trang web
Cấu trúc & Quy tắc khai báo CSS
Pseudo-Class (lớp giả)
Tính kế thừa trong CSS
Khai báo giá trị màu sắc và số trong CSS
Tài liệu hướng dẫn sử dụng thiết kế Bộ nhận diện thương hiệu UnipoSaoKim.com.vn
Cẩm nang hướng dẫn sử dụng hệ thống nhận diện thương hiệu Công ty UNIPO do Sao Kim thực hiện.
Xem ngay các dịch vụ thiết kế logo và bộ nhận diện thương hiệu được nhiều khách hàng lựa chọn nhất: https://www.saokim.com.vn/dich-vu/nhan-dien-cot-loi/thiet-ke-he-thong-nhan-dien-thuong-hieu/
Liên hệ để được tư vấn thiết kế logo và bộ nhận diện thương hiệu trực tiếp ngay hôm nay: 0964.699.499 (Chuyên gia Nguyễn Tuấn Hùng)
Tài liệu hướng dẫn sử dụng thiết kế Logo và Bộ nhận diện thương hiệu PLBSaoKim.com.vn
Cẩm nang hướng dẫn sử dụng hệ thống thiết kế logo và nhận diện thương hiệu Công ty Cổ phần PLB do Sao Kim thực hiện
Xem ngay các dịch vụ thiết kế logo và bộ nhận diện thương hiệu được nhiều khách hàng lựa chọn nhất: https://www.saokim.com.vn/dich-vu/nhan-dien-cot-loi/thiet-ke-he-thong-nhan-dien-thuong-hieu/
Liên hệ để được tư vấn thiết kế logo và bộ nhận diện thương hiệu trực tiếp ngay hôm nay: 0964.699.499 (Chuyên gia Nguyễn Tuấn Hùng)
Tài liệu hướng dẫn sử dụng thiết kế Logo thương hiệu PNP Việt NamSaoKim.com.vn
Cẩm nang hướng dẫn sử dụng hệ thống thiết kế logo và nhận diện thương hiệu Công ty PNP Việt Nam do Sao Kim thực hiện
Xem ngay các dịch vụ thiết kế logo và bộ nhận diện thương hiệu được nhiều khách hàng lựa chọn nhất: https://www.saokim.com.vn/dich-vu/nhan-dien-cot-loi/thiet-ke-he-thong-nhan-dien-thuong-hieu/
Liên hệ để được tư vấn thiết kế logo và bộ nhận diện thương hiệu trực tiếp ngay hôm nay: 0964.699.499 (Chuyên gia Nguyễn Tuấn Hùng)
Tài liệu hướng dẫn sử dụng thiết kế Logo và Bộ nhận diện thương hiệu TMDV S&7SaoKim.com.vn
Cẩm nang hướng dẫn sử dụng hệ thống thiết kế logo và nhận diện thương hiệu Công ty TMDV S&7 do Sao Kim thực hiện
Xem ngay các dịch vụ thiết kế logo và bộ nhận diện thương hiệu được nhiều khách hàng lựa chọn nhất: https://www.saokim.com.vn/dich-vu/nhan-dien-cot-loi/thiet-ke-he-thong-nhan-dien-thuong-hieu/
Liên hệ để được tư vấn thiết kế logo và bộ nhận diện thương hiệu trực tiếp ngay hôm nay: 0964.699.499 (Chuyên gia Nguyễn Tuấn Hùng)
Thiết kế logo thương hiệu cá nhân NPHX - NPHX GuidelineMrThong1
Dự án thiết kế logo thương hiệu cá nhân NPHX. Bà Nguyễn Phan Hoài Xuyên là một nhà đầu tư đang hoạt động trong nhiều lĩnh vực.
Tham khảo dịch vụ thiết kế logo của Adina tại:
http://adina.com.vn/thiet-ke-logo/
BÀI 4 Ký tự và biểu tượng trong TYPOGRAPHY - Giáo trình FPTMasterCode.vn
Bản chất của ký tự (character)
Các kiểu chữ
Ký tự và font chữ mã hóa (encoding) trên web
Cách sử dụng symbol (biểu tượng)
Các ký tự đặc biệt trong HTML
Bản chất của ký tự (character)
Các kiểu chữ
Ký tự và font chữ mã hóa (encoding) trên web
Cách sử dụng symbol (biểu tượng)
Các ký tự đặc biệt trong HTML
BÀI 5 Làm việc với FONT, TYPEFACE và tỷ lệ nhịp điệu trong TYPOGRAPHY - Giáo ...MasterCode.vn
Tổng quan về việc sử dụng font trên web:
Lựa chọn font
Phân loại font family trong CSS
Định rõ kiểu chữ với CSS
Web font an toàn ( web safe font)
Liên kết font web
Dịch vụ liên kết font web văn phòng
Nhúng font web với javascript
Những giải pháp để sử dụng font trên web
Tổng quan về việc sử dụng font trên web:
Lựa chọn font
Phân loại font family trong CSS
Định rõ kiểu chữ với CSS
Web font an toàn ( web safe font)
Liên kết font web
Dịch vụ liên kết font web văn phòng
Nhúng font web với javascript
Những giải pháp để sử dụng font trên web
Bài 3 Tạo style cho font và văn bản - Giáo trình FPTMasterCode.vn
Giới thiệu về font
Một số thuộc tính quan trọng của Font
Một số thuộc tính quan trọng của Text
Kích thước của font, text trong HTML
Cách viết CSS rút gọn (shorthand)
Giới thiệu về font
Một số thuộc tính quan trọng của Font
Một số thuộc tính quan trọng của Text
Kích thước của font, text trong HTML
Cách viết CSS rút gọn (shorthand)
Cẩm nang thiết kế logo và Bộ nhận diện thương hiệu công ty HMTCSaoKim.com.vn
Cẩm nang hướng dẫn sử dụng hệ thống thiết kế logo và nhận diện thương hiệu Công ty HMTC do Sao Kim thực hiện
Xem ngay các dịch vụ thiết kế logo và bộ nhận diện thương hiệu được nhiều khách hàng lựa chọn nhất: https://www.saokim.com.vn/dich-vu/nhan-dien-cot-loi/thiet-ke-he-thong-nhan-dien-thuong-hieu/
Liên hệ để được tư vấn thiết kế logo và bộ nhận diện thương hiệu trực tiếp ngay hôm nay: 0964.699.499 (Chuyên gia Nguyễn Tuấn Hùng)
Bài 2 Cơ chế làm việc của CSS - Giáo trình FPTMasterCode.vn
Cách áp dụng CSS cho trang web
Cấu trúc & Quy tắc khai báo CSS
Pseudo-Class (lớp giả)
Tính kế thừa trong CSS
Khai báo giá trị màu sắc và số trong CSS
Cách áp dụng CSS cho trang web
Cấu trúc & Quy tắc khai báo CSS
Pseudo-Class (lớp giả)
Tính kế thừa trong CSS
Khai báo giá trị màu sắc và số trong CSS
Tài liệu hướng dẫn sử dụng thiết kế Bộ nhận diện thương hiệu UnipoSaoKim.com.vn
Cẩm nang hướng dẫn sử dụng hệ thống nhận diện thương hiệu Công ty UNIPO do Sao Kim thực hiện.
Xem ngay các dịch vụ thiết kế logo và bộ nhận diện thương hiệu được nhiều khách hàng lựa chọn nhất: https://www.saokim.com.vn/dich-vu/nhan-dien-cot-loi/thiet-ke-he-thong-nhan-dien-thuong-hieu/
Liên hệ để được tư vấn thiết kế logo và bộ nhận diện thương hiệu trực tiếp ngay hôm nay: 0964.699.499 (Chuyên gia Nguyễn Tuấn Hùng)
Tài liệu hướng dẫn sử dụng thiết kế Logo và Bộ nhận diện thương hiệu PLBSaoKim.com.vn
Cẩm nang hướng dẫn sử dụng hệ thống thiết kế logo và nhận diện thương hiệu Công ty Cổ phần PLB do Sao Kim thực hiện
Xem ngay các dịch vụ thiết kế logo và bộ nhận diện thương hiệu được nhiều khách hàng lựa chọn nhất: https://www.saokim.com.vn/dich-vu/nhan-dien-cot-loi/thiet-ke-he-thong-nhan-dien-thuong-hieu/
Liên hệ để được tư vấn thiết kế logo và bộ nhận diện thương hiệu trực tiếp ngay hôm nay: 0964.699.499 (Chuyên gia Nguyễn Tuấn Hùng)
Tài liệu hướng dẫn sử dụng thiết kế Logo thương hiệu PNP Việt NamSaoKim.com.vn
Cẩm nang hướng dẫn sử dụng hệ thống thiết kế logo và nhận diện thương hiệu Công ty PNP Việt Nam do Sao Kim thực hiện
Xem ngay các dịch vụ thiết kế logo và bộ nhận diện thương hiệu được nhiều khách hàng lựa chọn nhất: https://www.saokim.com.vn/dich-vu/nhan-dien-cot-loi/thiet-ke-he-thong-nhan-dien-thuong-hieu/
Liên hệ để được tư vấn thiết kế logo và bộ nhận diện thương hiệu trực tiếp ngay hôm nay: 0964.699.499 (Chuyên gia Nguyễn Tuấn Hùng)
Tài liệu hướng dẫn sử dụng thiết kế Logo và Bộ nhận diện thương hiệu TMDV S&7SaoKim.com.vn
Cẩm nang hướng dẫn sử dụng hệ thống thiết kế logo và nhận diện thương hiệu Công ty TMDV S&7 do Sao Kim thực hiện
Xem ngay các dịch vụ thiết kế logo và bộ nhận diện thương hiệu được nhiều khách hàng lựa chọn nhất: https://www.saokim.com.vn/dich-vu/nhan-dien-cot-loi/thiet-ke-he-thong-nhan-dien-thuong-hieu/
Liên hệ để được tư vấn thiết kế logo và bộ nhận diện thương hiệu trực tiếp ngay hôm nay: 0964.699.499 (Chuyên gia Nguyễn Tuấn Hùng)
Thiết kế logo thương hiệu cá nhân NPHX - NPHX GuidelineMrThong1
Dự án thiết kế logo thương hiệu cá nhân NPHX. Bà Nguyễn Phan Hoài Xuyên là một nhà đầu tư đang hoạt động trong nhiều lĩnh vực.
Tham khảo dịch vụ thiết kế logo của Adina tại:
http://adina.com.vn/thiet-ke-logo/
2. NHẮC LẠI BÀI TRƯỚC
Hệ thống đo lường web
Kích thước chữ và chiều cao dòng
Khoảng cách chữ
Căn lề văn bản
Casestudy
Slide 7 - Nhấn mạnh và tương phản trong Typography 2
3. MỤC TIÊU BÀI HỌC
Khái niệm hướng mắt của người duyệt web
Weight (trọng lượng)
Italic & oblique
Các style trang trí
Văn bản in hoa in thường
Màu sắc
Kiểu chữ
Slide 7 - Nhấn mạnh và tương phản trong Typography 3
5. HƯỚNG MẮT NGƯỜI DUYỆT WEB
Mục đích của type nhằm miêu tả ngôn ngữ chữ viết,
thuận tiện hơn cho việc đọc của người xem
Khả năng đọc lướt là một nhân tố quan trọng trong
web typography, giống như nhân tố dễ đọc
Typography giống như việc thiết kế từng thành phần
Slide 7 - Nhấn mạnh và tương phản trong Typography 5
http://raygun.com/
6. HƯỚNG MẮT NGƯỜI DUYỆT WEB
Những nhân tố dễ đọc (readability), rõ ràng
(legibility), khả năng đọc lướt (scannability):
Legibility: Chữ được thiết kế tốt và dễ dàng phân biệt.
Đây là trách nhiệm của nhà thiết kế chữ.
Readability: là trách nhiệm của người thiết kế
typography, chữ phải được bố trí dễ dàng cho việc
đọc
Scannability: chữ phải được dễ dàng bao quát nhằm
truyền tải thông tin thích hợp cho người đọc
Slide 7 - Nhấn mạnh và tương phản trong Typography 6
8. WEIGHT
Typeface (kiểu chữ) thường được ẩn chứa nhiều
trọng lượng đa dạng, từ thin (mỏng) tới heavy (dày)
Có nhiều hơn một kiểu in đậm (bold), nhưng không
phải tất cả luôn có sẵn:
Trọng lượng chữ được quy định cụ thể hoặc là bold
(darker) hoặc normal (regular)
Opentype font, có thể thay đổi trọng lượng từ 100-
900
Slide 7 - Nhấn mạnh và tương phản trong Typography 8
font-weight: bold;
font-weight: 200;
font-weight: lighter;
9. WEIGHT
Trọng lượng luôn luôn được tổng hợp bởi trình
duyệt
Slide 7 - Nhấn mạnh và tương phản trong Typography 9
10. WEIGHT
Làm chữ kiểu dày để tạo tác động mạnh, nhưng sự
lạm dụng có thể khiến mắt người xem phải di
chuyển nhiều trong trang Web mà không có sự tập
trung nhất định
Không nên tin tưởng vào kiểu dáng mặc định
Kết hợp kiểu in đậm với kích thước và màu sắc để
làm mượt hiệu ứng in đậm
Giảm nhẹ sự nhấn mạnh
Slide 7 - Nhấn mạnh và tương phản trong Typography 10
http://seedmagazine.com/
12. ITALIC & OBLIQUE
Trong CSS, font style được tham chiếu tới kiểu cho
dù kiểu chữ sử dụng là kiểu italic hay oblique
Oblique không phải là italic, nhưng chúng thường
được dùng cùng ý nghĩa
Slide 7 - Nhấn mạnh và tương phản trong Typography 12
font-style: italic;
font-style: oblique;
13. ITALIC & OBLIQUE
Thêm nhấn mạnh để làm nổi bật các khái niệm
quan trọng và ý tưởng:
Tiêu đề sách
Thuật ngữ quan trọng
Khối trích dẫn
Siêu liên kết văn bản
Slide 7 - Nhấn mạnh và tương phản trong Typography 13
15. CÁC STYLE TRANG TRÍ
Không giống kiểu typography khác, kiểu trang trí
văn bản không làm thay đổi các ký tự riêng lẻ
Không sử dụng underline để tạo đường gạch chân
cho link
Slide 7 - Nhấn mạnh và tương phản trong Typography 15
a {text-decoration: none;}
16. CÁC STYLE TRANG TRÍ
Sử dụng nét gạch giữa chữ để biểu thị cho đoạn văn
bản bị xóa
Slide 7 - Nhấn mạnh và tương phản trong Typography 16
.deletetext { text-decoration: line-though;}
17. CÁC STYLE TRANG TRÍ
Tạo bóng đổ để thêm chiều sâu cho văn bản, nhưng
không phụ thuộc vào hiệu ứng này để truyền đạt
thông tin
Slide 7 - Nhấn mạnh và tương phản trong Typography 17
text-shadow: -2px 2px 10px rgb(0,0,0);
text-shadow:
0 0 10px rgba(0,255,0,.5),
-10px 5px 4px rgba (0,0,255,.45),
15px -4px 3px rgba(255,0,0,.75),
18. CÁC STYLE TRANG TRÍ
Thay đổi độ mờ tới các trạng thái khác nhau của
màu sắc văn bản với màu nền:
Trong suốt của văn bản là tốt nhất khi sử dụng định
dạng RGBA
opacity: sử dụng cho IE
filter:alpha (): sử dụng cho các trình duyệt khác
2 lệnh này tương đương nhau
Slide 7 - Nhấn mạnh và tương phản trong Typography 18
em { opacity: .75; filter: alpha(75);}
Em:hover { opacity: 100; filter: alpha(100);}
20. VĂN BẢN IN HOA IN THƯỜNG
Văn bản có thể sử dụng chính xác cho nhiều trường
hợp bởi hệ thống, nhưng sẽ có lúc bạn không chắc
chắn trường hợp văn bản được sử dụng
Thiết lập tiêu đề văn bản nếu cần thiết:
Sử dụng thuộc tính text-transform để chuyển đổi từ
dạng in thường thành dạng in hoa
Slide 7 - Nhấn mạnh và tương phản trong Typography 20
text-transform: capitalize;
Tự động viết hoa ký từ đầu tiên
21. VĂN BẢN IN HOA IN THƯỜNG
Sử dụng chữ hoa dạng nhỏ để nhấn mạnh những
đoạn đặc biệt:
Là ý tưởng tuyệt vời để làm nới lỏng khoảng cách ký
tự
Slide 7 - Nhấn mạnh và tương phản trong Typography 21
font-variant: small-caps; text-spacing: .05em;
23. MÀU SẮC
Phản ứng cơ bản nhất là phản ứng về màu sắc
Kết hợp màu sắc với một loạt thay đổi cảm giác và
khái niệm, bao gồm: tôn giáo, văn hóa, chính trị, xã
hội, tình cảm và khoa học
Thách thức của các nhà thiết kế ở mọi cấp độ không
chỉ biết kết hộp màu sắc tốt nhất, mà còn biết hạn
chế màu sắc
Slide 7 - Nhấn mạnh và tương phản trong Typography 23
24. MÀU SẮC
Giá trị màu sắc:
Hiển thị trên màn hình là một loạt màu sắc theo kiểu
dot, pixel
Giá trị màu pixel định nghĩa giống kiểu kết hợp màu
red, green, blue
Slide 7 - Nhấn mạnh và tương phản trong Typography 24
25. MÀU SẮC
Trong web typography, màu sắc có thể được đặt tại
4 vị trí:
Màu sắc làm ảnh hưởng tới màu chữ
Màu nền:
• Định màu sắc màu nền trang hoặc màu nền thành
phần thiết kế
• Có thể được nhúng cả hình ảnh (đơn màu, màu ngẫu
nhiên)
Slide 7 - Nhấn mạnh và tương phản trong Typography 25
color: rgb(204,51,255);
background-color: rgb(204,51,255);
26. MÀU SẮC
Đường viền: có chứa cả các giá trị màu sắc
Chữ bóng đổ:
Slide 7 - Nhấn mạnh và tương phản trong Typography 26
border: 1px solid rgb(204,51,255);
text-shadow: -2px 2px 10px rgb(204,51,255)
27. MÀU SẮC
Một vài phương thức kết hợp màu sắc để làm việc
nhất quán
Có thể nhận dạng màu sắc bằng vị trí trên bánh xe
màu:
Analogous: kết hợp màu sắc với màu sắc liền kề
Monochromatic: màu đơn với cường độ và độ sáng
khác nhau
Slide 7 - Nhấn mạnh và tương phản trong Typography 27
28. MÀU SẮC
Triad: ba màu và tông màu của chúng, trên 3 đỉnh
riêng biệt của tam giác trên bánh xe màu
Complementary: hai màu sắc từ các bên đối diện
nhau trên bánh xe màu, khi kết hợp sẽ cung cấp độ
tương phản cao nhất
Slide 7 - Nhấn mạnh và tương phản trong Typography 28
29. MÀU SẮC
Shades: nhiều độ sáng của các màu đồng màu
Slide 7 - Nhấn mạnh và tương phản trong Typography 29
30. MÀU SẮC
Chú ý cẩn thận xem xét độ tương phản giữa màu
tiền cảnh (foreground) và màu nền (background):
Hạ bớt độ tương phản của văn bản để làm mượt tông
màu trang web
Slide 7 - Nhấn mạnh và tương phản trong Typography 30
31. MÀU SẮC
Sử dụng độ tương phản thấp cho màu chữ để giảm
nhẹ các thành phần: menu, bài viết, ngày và các
thông tin không quan trọng
Slide 7 - Nhấn mạnh và tương phản trong Typography 31
32. MÀU SẮC
Sử dụng hình nền với độ tương phản cao
Slide 7 - Nhấn mạnh và tương phản trong Typography 32
33. TỔNG KẾT
Khi thiết kế web cần thiết phải chú ý tới hướng mắt
người duyệt web. Nên đáp ứng được những yếu tố
sau: tính dễ đọc (readability), sự rõ ràng (legibility),
khả năng đọc lướt (scannability)
Trọng lượng chữ được quy định cụ thể hoặc là bold
(darker) hoặc normal (regular). Font Opentype, có
thể thay đổi trọng lượng từ 100-900
Kiểu trang trí văn bản không làm thay đổi các ký tự
riêng lẻ
Áp dụng những kiểu pha màu để thiết kế web một
cách hài hòa: Analogous, Monochromatic, Triad,
Complementary, Shades
Slide 7 - Nhấn mạnh và tương phản trong Typography 33