Là một trong những yếu tố quan trọng nhất của thiết kế, kiểu chữ có một vị trí đặc biệt trong trái tim của hầu hết các nhà thiết kế. Typography tốt sẽ nâng cao một thiết kế hiệu quả hơn so với bất kỳ số lượng hình ảnh đẹp, trong khi kiểu chữ xấu có thể giết một thiết kế nếu không tốt. Thật không may, loại đã cho đến gần đây là một vấn đề mà các nhà thiết kế web phải làm việc xung quanh, vì thiếu một cách chức năng bao gồm kiểu chữ chuyên ngành trong thiết kế của họ. Rất may, vấn đề này phát triển bao giờ nhỏ hơn như phông chữ web lũ vào tay chúng ta, làm cho nó dễ dàng hơn để đạt được hiệu quả được dùng cho các cấp trong thế giới in ấn.
1. Dễ đọc là quan trọng; đánh giá nó theo kích thước.
Mặc dù lúc đầu nó có vẻ phản trực giác, các nhà thiết kế web nên tiếp cận dễ đọc trong một cách khá khác biệt so với thiết kế in truyền thống dựa trên. Có hai vấn đề hơn web typography phải giải quyết:
- Đọc trên màn hình là khó khăn hơn trên mắt hơn so với đọc trên giấy, vì vậy nó đòi hỏi sự tương phản hơn in.
- Đó cũng là bản chất của web người dùng ít chú ý hơn họ sẽ có công việc in; người có xu hướng để quét nội dung web cho các yếu tố bắt mắt trước khi dấn thân vào nội dung cấp dưới.
Hơn nữa, cả những vấn đề này sẽ phức tạp khi người dùng xem nội dung trên nền tảng nhỏ hơn và khó tính hơn bất kỳ thiết bị di động. May mắn thay, các cách để giải quyết cả hai vấn đề là phù hợp hoàn hảo với các nguyên tắc thiết kế tốt. nghiên cứu theo dõi mắt đã xác nhận rằng kiểu chữ là có hiệu quả nhất sắp xếp theo một hệ thống phân cấp, với tiêu đề chú ý-grabbing và kéo dấu ngoặc kép thu hút sự chú ý cho nhỏ hơn và nhẹ nhàng hơn nội dung liên quan. Với những quan sát này trong tâm trí, dễ đọc vì nó liên quan đến các trang web là một hai phần xem xét:
- Web typography phải bao gồm rất nhiều hình ảnh tạm dừng để cho phép người đọc để quét nội dung. Tất cả các không gian màu trắng và kích thước khác nhau là những gì làm cho Thoughtworks ' liên tục hội nhập trang như vậy dễ đọc.
- Loại với kích thước nhỏ hơn nên được lựa chọn dựa trên sự rõ ràng, trong khi loại với kích thước lớn hơn có thể bắt mắt hơn và khác thường: các kiểu chữ hiển thị là khá phức tạp về điều này trang web của hội nghị Web . Nhưng họ làm việc vì họ đủ lớn để nhìn thấy rất rõ ràng, và được sử dụng khá ít.
2. Xem xét kết hợp của bạn, và chọn dựa trên tâm trạng, phong cách, hoặc hình dạng.
Có một số lượng vô tận của các kỹ thuật kiểu chữ kết hợp, mặc dù một số kết hợp tốt hơn so với những người khác. Điều quan trọng là để có những cá tính của từng kiểu chữ vào tài khoản và thực hiện các thỏa thuận mà có hỗn hợp phải tương đồng và khác biệt. Ba ví dụ sử dụng các nhóm loại tốt:
- Trang web của công thức upload này sử dụng một lượng lớn các văn bản, nhưng tất cả họ đang thống nhất bởi một cảm giác vui vẻ và táo bạo tương tự.
- Tất cả các kiểu chữ trên trang web của bộ phim cổ điển này chia sẻ rõ ràng là một hoài cổ, phong cách retro, mặc dù chúng có hình dạng rất khác nhau và tâm trạng.
- Phòng thu phương tiện truyền thông này sử dụng một sự kết hợp của các kiểu chữ có hình dạng tương tự: có một sans-serif nặng, một trung tấm-serif, và một ánh sáng sans-serif, nhưng mối quan hệ trực quan giữa tất cả các phong cách vẫn rõ ràng.
3. Hãy sử dụng công cụ loại.
Thậm chí nếu bạn có một nền tảng vững chắc về các khái niệm thảo luận ở trên, nếu bạn không có những công cụ thích hợp để làm việc với, kiểu chữ của bạn sẽ bị ảnh hưởng. Vì vậy, tận dụng lợi thế của tất cả các dịch vụ hữu ích mà rất nhiều trên web, bao gồm:
- Google Web Fonts : phông chữ miễn phí và web mã nguồn mở; nguồn tốt nhất cho việc tìm kiếm các phông chữ mà làm việc với thiết kế web.
- Font Squirrel và Lost Loại Co-Op : bộ sưu tập chất lượng cao của các phông chữ miễn phí.
- CSS sắp chữ : tương tác kiểu CSS phong cách đó sẽ tạo ra các kết quả CSS để sử dụng.
- WhatTheFont : cho phép bạn nhập URL của hình ảnh hoặc tải lên một tập tin hình ảnh để tìm tên của font chữ trong câu hỏi.
- Flipping tiêu biểu : cho phép bạn nhập văn bản và so sánh các mẫu trong hàng trăm phông chữ phổ biến.
Typography là một chủ đề phức tạp, và nó có thể tạo thành một nghiên cứu lâu dài để hiểu đầy đủ và đánh giá cao tầm quan trọng của nó là sự thành công của một thiết kế. Nhưng với những công cụ và khái niệm trong tay, nhiệm vụ ít tham gia lựa chọn các kiểu chữ phù hợp với dự án web tiếp theo của bạn nên là một quá trình đơn giản hơn nhiều.