Hiệu ứng Typography rất quan trọng trong thiết kế Website
Tối ưu hóa Typography bao gồm tối đa hóa khả năng đọc, truy cập và cân bằng đồ họa, lớn hơn cả là khả năng ứng dụng.
Typography đóng một vai trò quan trọng trong việc truyền tải giọng điệu, chủ đề và thông điệp của một Website.
Phối trộn phông chữ là cả một nghệ thuật, phải lựa chọn kỹ lưỡng và có chủ ý về typeface (kiểu chữ), kích thước điểm, chiều dài dòng chữ, dãn dòng (leading), khoảng cách chung (tracking) và riêng lẻ (kerning) giữa các ký tự hoặc màu sắc ảnh hưởng đến thiết kế.
Bộ sưu tập 49 hiệu ứng Typography – nguồn cảm hứng dạt dào
Hôm nay, chúng tôi sẽ mang đến cho bạn một nguồn cảm hứng Typography dạt dào để thiết kế Website. Các xu hướng như Brutalism và Minimalism sử dụng đa dạng hiệu ứng Typography như một phần của thiết kế Website và dùng nó làm trung tâm cho sự tương tác của người dùng.
Ngày nay có rất nhiều ví dụ Hover (hiệu ứng xuất hiện trên màn hình mỗi khi có “con chuột” trỏ đến nó) và micro-interactions (trải nghiệm nhỏ bên trong một vùng nào đó trên Website như Image, Icon, Typography…khi người dùng thực hiện tương tác với vùng đó) bằng cách sử dụng kiểu chữ hoạt hình và hiệu ứng hoạt hình trong văn bản.
Chúng tôi hy vọng bạn sẽ thích bộ sưu tập 49 hiệu ứng Typography độc lạ cho thiết kế Website này.
1. Hiệu ứng Expanding typography ở Typography in Web Design
2. Dynamic typography ở Typography in Web Design
3. Lionel Durimel – Portfolio ở SOTD
4.Hover Âm thanh ở Hovers, Cursors and Cute Interactions
5. Hiệu ứng Typographic loading animation ở Loading Animations
6. The Forecaster Interactive ở SOTD
7. Crazy font animation / Laurel Halo ở Typography focused design
8. Flip typography animation ở Typography in Web Design
9. Do not press! Interaction ở UI Animation and Microinteractions
10. Scrolling headlines ở Typography in Web Design
11. Type sliders ở Typography in Web Design
12. Hiệu ứng Typography size composition ở Typography in Web Design
13. Condensed typography off canvas menu ở Typography in Web Design
14. Adjusted typography ở Typography in Web Design
15. Big headlines scroll ở Typography in Web Design
16. Bold typography ở Typography in Web Design
17. Floating letters ở Typography in Web Design
18. Entertaining background / Du Haihang ở Typography focused design
19. Breaking the grid ở Typography in Web Design
20. Bold headlines ở Typography in Web Design
21. Images on Hover Effects ở Hovers, Cursors and Cute Interactions
22. HAWRAF ở Design & Interactions
23. Brutalist Scroll Interactions by Jack Wild ở UI Animation and Microinteractions
24. Letter cutting ở Typography in Web Design
25. Font weights ở Typography in Web Design
26. Hiệu ứng Typographic scroll ở Typography in Web Design
27. Loading text effect ở Typography in Web Design
28. Big typography website ở Typography in Web Design
29. Minimal Portfolio – Color Changing Screen ở Minimal
30. Hiệu ứng Typography Canvas Layout ở Typography in Web Design
31. Unusual and creative website / after shock ở Typography focused design
32. Creative use of font and forms / Museum of Wi-Fi ở Typography focused design
33. Pauline Osmont ở SOTD
34. Thing of Wonder ở Alexia Khokhlov: Personal Favorites
35. Hiệu ứng Typographic personal portfolio ở Typography in Web Design
36. Animated Logo ở SOTD Elements
37. Sliding Shapes Animation ở Menus Inspiration
38. Smooth text transition ở Transitions
39. Ryan J. Hubbard ở Design & Interactions
40. AIGA Design Conference ở SOTD
41. Valaire: Oobopopop ở SOTD
42. Filip Nordin ở SOTD
44. FS Millbank ở SOTD
46. Vr-sessions ở SOTD
47. 22 grados typography ở UI Animation and Microinteractions
48. Nurture Digital ở Transitions
49. 2017 Trendy Google Fonts Combinations ở Articles
Nguồn: www.awwwards.com
Tham khảo địa chỉ Thiết Kế Website cao cấp chuẩn Digital Marketing
