Đến hẹn lại lên, hôm nay tôi xin tiếp tục seri Font chữ của ngày với font Laudanum của Carl Rylatt có thể gây nghiện các nhà phát triển web.
Đúng như tên gọi của nó, Laudanum có nghĩa là thuốc phiện, có thể làm mê mẩn các nhà thiết kế web. Lấy cảm hứng từ đồ họa và chữ cái ở thế kỷ 18, 19, kiểu chữ Laudanum bởi nhà thiết kế Carl Rylatt được thể hiện ở dạng serif. Chúng có sẵn trên Ten Dollar Font, Laudanum là phiên bản hoàn chỉnh với một bộ sưu tập đầy đủ các chữ cái in hoa, các loại mũ và một số các ký tự đặc biệt.
Với giá 10$, bạn có thể mua font chữ Laudanum tại Ten Dollar Fonts. Nghe đến mất phí bạn hơi buồn đúng không? Nhưng cái gì cũng có giá của nó, sở hữu font chữ này trong tay, bạn sẽ không hối hận đâu.
Tiếp tục seri Font chữ của ngày, hôm nay Xíu tôi xin giới thiệu đến các bạn font chữ Bebas Neue của Ryoichi Tsunekawa hoàn toàn miễn phí.
Tại Xíu Crazy Blog, tôi sẽ cố gắng liên tục cập nhật mỗi ngày một font chữ cho các bạn cả phiên bản miễn phí và có phí để giúp bạn bổ sung vào bộ sưu tập font chữ cho dự án thiết kế web của mình.
Bebas Neue của Ryoichi Tsunekawa
Là một trong những font chữ sans serif, Bebas Neue được phát triển bởi nhà thiết kế Ryoichi Tsunekawa của công ty Dharma type. Font chữ này được miêu tả là có phong cách thanh lịch, rõ ràng, đi cùng với sự pha trộn kỹ thuật và ấm áp đơn giản, thích hợp với các website, thiết kế in ấn, thương mại và nghệ thuật.
Tiếp tục chuyên mục Font chữ của ngày, hôm nay Xíu tôi sẽ giới thiệu đến các bạn font chữ Dual được phát triển bởi Charles Daoud. Xem thêm: Font chữ của ngày: Duma Font
Font chữ của ngày: Dual
Giám đốc thiết kế và nghệ thuật Charles Daoud đã tạo ra font chữ Dual và bình luận về thiết kế của mình như sau: "Dual là một kiểu chữ sans-serif có chân rộng mà thể hiện được hai mặt trong đó. Vừa là font chữ vừa hiển thị cảm giác hình học với sự hỗ trợ nhiều từ ngôn ngữ. Bộ font chữ gồm có 250 hình tượng xen kẽ với 10 bộ phong cách".
Font chữ Dual có hai phiên bản miễn phí và trả phí.
Mua tại My Fonts với 3 phiên bản nhỏ là 100, 300 và 600 ký tự.
Bản 300 ký tự đang phát hành miễn phí. Tải tại đây.
Hãy tiếp tục đón xem các font chữ mới lạ, ấn tượng trên blog của Xíu trong những lần sau nhé.
Bắt đầu từ hôm nay, mình sẽ cố gắng tìm kiếm và cung cấp đến các bạn mỗi ngày một font chữ đẹp và miễn phí để phục vụ cho quá trình thiết kế web của mình. Chúng ta cùng bắt đầu với font chữ Duma font nhé!
Font chữ Duma
Duma được tạo ra bởi nhà thiết kế Ish Adames. Theo ông: “Duma là một font chữ sans đặc trưng với chân dài và rộng. Mỗi ký tự được xây dựng bằng Illustrator sử dụng từ các hình dạng hình học cơ bản”.
David Everly và Dan Roseđã tiết lộ 20 mẹo vặt hay nhất trong Photoshop giúp thiết kế website một cách hiệu quả nhất.
Đối với rất nhiều web designer, Photoshop vẫn là một công cụ chính được sử dụng chính trong quá trình thiết kế website. Từ việc sắp đặt lại các thư mục trong trang, hay chỉ là thiết kế một thành phần trong website. Dưới đây là một vài mẹo nhỏ rất hữu dụng cho các dự án sắp tới của bạn...
1. Sử dụng lưới
Có nhiều công cụ giúp sử dụng lưới trong Photoshop
Hệ thống lưới có thể đơn giản hóa việc thiết kế cho các web designer. Hãy sử dụng các công cụ hỗ trợ miễn phí như phần mềm mở rộng của Photoshop Cameron McEfee's GuideGuide và Grid System Generator để tùy ý chỉnh sửa lưới căn lề một cách dễ dàng và chính xác.
2. Hãy chuẩn bị tất cả
Một trong những bí quyết thành công trong việc thết kế web (và quản lý thời gian) đó chính là tập hợp tất cả các thành phần của website trước khi bắt đầu với công việc "nặng kí" nhất là thiết kế.
Các web designer thường nhảy ngay vào một mảng nào đó thay vì phải suy nghĩ ra tất cả các thành phần còn lại của trang.Việc chuẩn bị một khung sườn thật chi tiết sẽ đảm bảo cho chúng ta có những quyết định thông minh hơn và tránh việc chỉnh sửa một dung khối lượng lớn về sau.
Kiểu chữ là một yếu tố bổ sung cho nội dung của website. Khi sử dụng tốt, nó thiết lập một hệ thống phân cấp trực quan và giúp người sử dụng kết nối với nội dung. Trong các website hiện đại, công nghệ mới hoặc các công cụ chẳng hạn như: API utilization, @font-face, CSS3, thực hiện nhiệm vụ này dễ dàng hơn nhiều trong việc tạo ấn tượng trực quan hấp dẫn.
Khi lập kế hoạch cho một dự án web mới, cần phải suy nghĩ đến những thông điệp từ kiểu chữ đang cố gắng truyền đạt. Nếu không, hãy tìm hiểu từng loại kiểu chữ và sau đó pha trộn các kiểu chữ đó cho đến khi thiết kế được thông điệp mà bạn đang cố gắng để truyền đạt.
Trong bài viết này, chúng tôi sẽ xem xét 10 website sử dụng hiệu quả kiểu chữ để truyền đạt thông tin và được khách truy cập quan tâm.
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 quan trọng mà mỗi nhà thiết kế phải luôn quan tâm. Kiểu chữ tốt sẽ nâng cao hiệu quả của một thiết kế hơn so với việc có số lượng hình ảnh đẹp, trong khi kiểu chữ xấu có thể giết chết một thiết kế.
Việc lựa chọn kiểu chữ ngày nay vẫn tiếp tục trở thành một vấn đề mà khiến nhà thiết kế phải đau đầu vì thiếu tính thiết thực, kể cả các kiểu chữ đặc biệt trong thiết kế web. Nhưng vấn đề này đang dần được giải quyết, làm cho nó dễ dàng hơn trong việc đạt được hiệu quả tương tự như trong ngành in ấn.
1. Ước định kích thước, quan trọng là dễ đọc
Mặc dù ban đầu nó có vẻ phản trực giác, nhà thiết kế web nên tiếp cận khả năng đọc một cách hoàn toàn khác biệt so với thiết kế in ấn dựa trên truyền thống. Có hai vấn đề về kiểu chữ mà website phải giải quyết
- Đọc trên màn hình là khó khăn hơn so với khi mắt đọc trên giấy, vì vậy đòi hỏi phải có độ tương phản cao hơn in ấn.
- Bản chất của người sử dụng web là họ ít chú ý hơn so với khi làm việc với bản in, người dùng có xu hướng quét nội dung website tìm kiếm các yếu tố bắt mắt trước khi tiếp tục truy cập các nội dung cấp dưới.
Hơn nữa, những vấn đề này sẽ trở nên phức tạp hơn khi người dùng xem nội dung trên nền tảng nhỏ hơn của bất kỳ thiết bị di động. Cách để giải quyết cả hai vấn đề này là làm theo đúng 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ữ sẽ có hiệu quả nhất khi sắp xếp theo một hệ thống phân cấp, với tiêu đề gây được sự chú ý và các trích dẫn gây chú ý nhẹ nhàng hơn rồi tiếp tục liên quan đến nội dung. Với những quan sát trong tâm trí, độ dễ đọc liên quan đến website theo hai phần cần xem xét:
- Kiểu chữ website phải bao gồm 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 trắng và kích thước khác nhau trong trang Thoughtworks giúp người dùng dễ đọc hơn.
Thoughtworks
- Đối với các kích thước có chữ nhỏ nên lựa chọn chữ dựa trên sự rõ ràng, trong khi kiểu chữ có kích thước lớn hơn có thể bắt mắt và khác thường:ví dụ các kiểu chữ hiển thị khá phức tạp như trên trang Webstock. Nhưng chúng hoạt động tốt bởi vì kích cỡ đủ lớn để dễ dàng nhìn thấy, và mật độ sử dụng khá ít.