Cách chọn phông chữ phù hợp. Cách chọn phông chữ phù hợp cho logo của bạn: Hướng dẫn đầy đủ. Cách chọn phông chữ phù hợp để tăng chuyển đổi

Xin chào các bạn! Hôm nay chúng ta sẽ nói về cách chọn phông chữ cho logo.

Hầu hết các nhà thiết kế đều đồng ý rằng việc chọn phông chữ là một trong những điều quan trọng nhất khi thiết kế tệp . Ngày nay có hàng ngàn phông chữ có sẵn và rất khó để chọn được phông chữ phù hợp. Nhưng có nhiều cách để đơn giản hóa quá trình lựa chọn. Ví dụ: khi bạn hiểu rằng phông chữ có cá tính và chính xác điều đó là gì, bạn có thể chọn phông chữ truyền tải những phẩm chất phù hợp về doanh nghiệp của mình.

Các công ty nổi tiếng sử dụng phông chữ gì?

Chúng ta hãy xem xét các phông chữ của logo của các công ty nổi tiếng và cố gắng tìm hiểu cách chúng hoạt động, chúng gợi lên những liên tưởng gì và cách chúng được tích hợp vào thương hiệu của công ty.

Nhà sản xuất kẹo Pez sử dụng phông chữ... đại diện trực quan một loại kẹo. Phông chữ vui tươi nhưng đơn giản, giống như một hộp đựng kẹo đồ chơi.

Một phông chữ viết tay với những đường cong giống như của Coca-Cola và Disney gắn liền với một cái gì đó tự do và thân thiện, khiến logo có một chút huyền diệu.

Ngân hàng khổng lồ HSBC sử dụng phông chữ serif cổ điển, viết hoa toàn bộ thể hiện cá tính mạnh mẽ, đáng tin cậy.

Đồng thời, thay vào đó, Citigroup chọn phông chữ sans-serif viết thường, chiếu một hình ảnh gợi ý khả năng truy cập hơn tất cả.

Bộ sách Dành cho người giả sử dụng phông chữ rất thân mật có chứa các cỡ chữ khác nhau để tạo ra thứ gì đó trông không đáng sợ. Thông điệp ở đây là bất kỳ chủ đề nào cũng có thể được truy cập.

Như bạn có thể thấy, phông chữ logo có thể nói lên rất nhiều điều về doanh nghiệp của bạn. Tiếp theo chúng ta sẽ nói về những loại phông chữ có sẵn.

Danh mục phông chữ

Tất cả các phông chữ cơ bản có thể được chia thành nhiều loại: Serif (serif), Sans serif (sans serif), viết tay, Script, phông chữ đánh máy, phông chữ có đường cong Display.

Phông chữ Serif là phông chữ truyền thống nhất. Những phông chữ này có dòng (dấu gạch ngang) ở cuối mỗi nét và trông chuyên nghiệp và cổ điển. Ví dụ: Times New Roman là một trong những phông chữ Serif được sử dụng phổ biến nhất.

Phông chữ sans serif trông sạch sẽ và hiện đại hơn vì chúng không có đường kẻ ở cuối nét.

Phông chữ viết tay giống với văn bản được viết bằng tay bằng bút, bút lông, v.v.
Phông chữ viết tay trông ấm áp và hấp dẫn hơn nhưng lại khó đọc nên chỉ được sử dụng làm phông chữ. chữ in hoa trong nhà in.

Phông chữ tập lệnh rất tinh tế và gợi ý sang trọng. Giống phông chữ viết tay, chúng có những đặc điểm đặc trưng.

Hiển thị phông chữ, theo quy định, là một biểu tượng dự phòng vì chúng không quá độc đáo.

Phông chữ đánh máy bắt chước văn bản gõ trên máy đánh chữ.

Những phông chữ như vậy kết hợp tốt với phông chữ của các nhóm khác, không giống như phông chữ trang trí.

Khi bạn biết đại khái những liên tưởng và cảm xúc nào mà bạn muốn logo của mình gợi lên, bạn có thể bắt đầu tìm kiếm trong một danh mục phông chữ cụ thể để tìm phông chữ logo hoàn hảo.

Trước khi bạn bắt đầu xem xét phông chữ, hãy xem kỹ công ty, trang web hoặc dự án của bạn. Hãy tự hỏi mình một vài câu hỏi:

– Hình ảnh công ty của tôi là gì?
– Khách hàng đánh giá cao những phẩm chất gì?
— Bạn muốn nhấn mạnh điều gì - độ tin cậy, tính sáng tạo, tính ổn định?
— Nếu bạn có thể chọn ba từ để mô tả thương hiệu của mình, chúng sẽ là gì?
– Khách hàng lý tưởng của bạn là ai?

Điều này rất quan trọng vì mỗi phông chữ đều có tâm trạng và cá tính riêng. Nó có thể nghiêm túc, giản dị, vui tươi hoặc phức tạp. Bạn cần xác định chính xác những gì bạn muốn truyền tải bằng phông chữ và liệu nó có phù hợp với thiết kế của bạn hay không.

Nếu những đặc điểm mà kiểu chữ truyền tải không phù hợp với thông điệp trong thiết kế tổng thể của bạn, nó sẽ tạo ra sự bất hòa về mặt thị giác cho người xem hoặc người dùng thiết kế của bạn và bạn không muốn điều đó. Điều quan trọng là phải chú ý đến tâm lý của phông chữ. Suy cho cùng, phông chữ cũng như màu sắc đều có tác động tâm lý về nhận thức của con người.

Chọn một phông chữ mà không cần sở thích cá nhân

Khác tâm điểm. Khi duyệt qua các phông chữ, bạn có thể dễ dàng bị cuốn vào tất cả những điều thú vị và hấp dẫn. lựa chọn thú vị, nhưng đừng để sở thích cá nhân cản trở; phông chữ mà bạn cho là đặc biệt hoặc phong cách có thể không hữu ích hoặc không phù hợp với dự án bạn đang thực hiện.

Xem xét tinh thần và đặc điểm của doanh nghiệp bạn

Trước tiên bạn nên suy nghĩ về mô tả thương hiệu của mình vì không thể có hai thương hiệu có hình ảnh giống nhau. Công ty công ty luật sẽ không chọn phông chữ giống như một công ty mỹ phẩm bán sản phẩm cho các cô gái hai mươi tuổi. Thực hiện đúng bước đầu tiên sẽ giúp phần còn lại của quá trình thiết kế logo dễ dàng hơn nhiều.
Hãy nhớ rằng, phông chữ gói gọn hình ảnh thương hiệu của bạn một cách hoàn hảo nhất sẽ có tác động rất lớn đến tâm trí khách hàng và có thể trở thành biểu tượng nếu được thực hiện đúng.

Đừng sao chép đối thủ cạnh tranh của bạn

Bạn có thể luôn muốn biết đối thủ của mình đang làm gì. Không phải vì bạn muốn sao chép phong cách của họ hay ăn cắp thứ gì đó, mà vì bạn muốn biết họ làm gì để bạn có thể học hỏi từ những sai lầm của họ, xem họ đã làm gì đúng và tránh những điểm tương đồng ngoài ý muốn. Ít nhất đó sẽ là điều đúng đắn để làm. Vì vậy, bạn chắc chắn không nên sử dụng phông chữ giống với đối thủ cạnh tranh.

Là bản gốc

Bạn muốn cố gắng hết sức để trở nên độc đáo trong khi vẫn giữ đúng thông điệp thương hiệu của mình. Ý tưởng tốt- mua phông chữ cho biểu tượng của bạn từ trang web cửa hàng phông chữ, thay vì chọn một trong các phông chữ được cài đặt cùng với chương trình xử lý văn bản của bạn hoặc có sẵn trong truy cập công cộng. Những phông chữ này đã được sử dụng quá thường xuyên cho các công ty khác.

Chọn phông chữ đơn giản

Khả năng đọc là rất quan trọng khi nói đến logo của bạn. Nếu như khách hàng tiềm năng Nếu bạn không biết chút gì về tên doanh nghiệp của mình thì chúng tôi có thể nói chuyện với bạn về loại hình kinh doanh nào? Logo phải dễ đọc, ngay cả khi logo có kích thước bằng một con tem bưu chính.

Phông chữ được chọn sẽ trông như thế nào trong các môi trường khác nhau

Nếu vài thập kỷ trước phông chữ chỉ được sử dụng trong môi trường in ấn thì hiện nay tình hình đã thay đổi đáng kể. Trang web, màn hình điện thoại thông minh của bạn, đồng hồ thông minh, nhiều tiện ích khác nhau, vật thể 3D - tất cả những thứ này có thể là phương tiện sử dụng biểu tượng của bạn.

Vì vậy, khi bạn đã thu hẹp các lựa chọn phông chữ của mình, bạn nên kiểm tra xem chúng trông như thế nào khi được in - lớn, nhỏ, cỡ tem, v.v. Tiêu đề thư được in sẽ trông như thế nào? Nó sẽ trông như thế nào ở mặt sau của một chiếc xe tải? Cao 50 feet và được trát bên hông một tòa nhà? Nó sẽ trông như thế nào trên một trang web, trên màn hình điện thoại thông minh, v.v.

Phông chữ sẽ khác nhau tùy thuộc vào kích thước, dù chúng được in trên giấy hay được sử dụng trên web. Một số phông chữ có thể trở nên khó đọc hoặc không hấp dẫn.

Tránh các phông chữ phổ biến

Hiện nay có rất nhiều trang web về phông chữ trên Internet nên không có lý do gì để không khám phá chúng. Hầu hết chúng đều cho phép bạn xem trước từng phông chữ, xem nó trông như thế nào với tên công ty của bạn, v.v. Điều đáng ghi nhớ là phông chữ bạn thích có thể đã được sử dụng trước bạn hoặc sẽ vẫn được sử dụng. Vì vậy, hãy cố gắng tránh các phông chữ quá phổ biến cho thiết kế của bạn - Roboto, Lobster, Ubuntu, v.v.
Và hãy nhớ rằng, bạn có thể mua phông chữ hoặc sản phẩm chất lượng khác trực tuyến :)

Vượt thời gian

Bạn có nhớ những phông chữ disco từ cuối những năm 70 trông giống như những con vật bóng bay không? Tất cả đều thịnh hành trong vài năm rồi biến mất. Hãy nhớ rằng logo của bạn cần phải chịu được những đặc điểm thiết kế và bao gồm cả phông chữ của bạn.

Nếu mọi người xung quanh bạn đột nhiên sử dụng một kiểu phông chữ nhất định (như Sketch Block phổ biến), hãy thử một kiểu phông chữ khác. Suy cho cùng, bạn muốn logo của mình nổi bật và mặc dù việc chọn một phông chữ hợp thời có vẻ giải pháp đơn giản, bạn sẽ hối hận sau một năm.

Không kiểu cách

Có một câu nói trong cộng đồng xăm hình: nếu dũng cảm, bạn sẽ chịu đựng được. Điều này cũng có thể được áp dụng cho phông chữ. Chữ hoa tinh tế, dễ vỡ thường quá mỏng để tái tạo khi kích thước nhỏ hơn và rất có thể sẽ không thể đọc được. Vì vậy hãy chọn kiểu chữ đơn giản, nổi bật.

Hãy cho tôi một chút không gian

Nghệ sĩ kèn jazz vĩ đại Miles Davis đã từng nói rằng những nốt bạn không chơi cũng quan trọng như những nốt bạn chơi. Vì vậy khi chọn font chữ bạn hãy lưu ý khoảng cách giữa các ký tự (kerning). Quá nhiều không gian có thể làm cho logo có vẻ nhẹ nhàng và thoáng đãng, trong khi quá ít khoảng trống có thể khiến logo có vẻ chật chội và khó xử.

Sự kết hợp của một số phông chữ

Bạn sẽ nhận thấy rằng hầu hết các thương hiệu lớn đều sử dụng một phông chữ. Điều này sẽ gửi một thông điệp mạnh mẽ đến người tiêu dùng. Đồng thời, nhiều công ty sử dụng phông chữ bổ sung trong biểu tượng.

Nếu muốn sử dụng nhiều phông chữ trong biểu trưng hoặc như một phần của quảng cáo, bạn cần đảm bảo rằng các phông chữ bổ sung cho nhau hoặc hài hòa với nhau, vì các phông chữ quá khác nhau sẽ trông không đẹp khi kết hợp với nhau.

Sử dụng đồ họa thông tin để kết hợp chính xác các phông chữ logo.

Bạn cũng có thể sử dụng dịch vụ Thiên tài đánh máyđể chọn phông chữ chính cho dự án của bạn và sau đó xem tất cả các kết hợp thành công có thể có với nó

Trang web chọn phông chữ

Có nhiều trang web (với chất lượng khác nhau) cung cấp phông chữ miễn phí để tải xuống. Điều đầu tiên bạn cần nhớ khi tải phông chữ là kiểm tra giấy phép.
Khi bạn mua một phông chữ hoặc thậm chí tải xuống một phông chữ miễn phí, không phải lúc nào bạn cũng có thể làm bất cứ điều gì mình muốn với nó. Thông thường anh ta có giấy phép cho cá nhân, thương mại hoặc sử dụng giáo dục.
Một số phông chữ có giới hạn về số lần chúng có thể được sử dụng trong bản in hoặc trực tuyến hoặc hạn chế phân phối cho các bên khác. Bạn nên đọc giấy phép để bảo vệ chính mình hoặc khách hàng mà bạn đang tạo biểu tượng.

Dưới đây là danh sách các trang web mà bạn có thể tìm thấy phông chữ mong muốn cho biểu tượng:

Trang web này giới thiệu đến bạn một bộ sưu tập phông chữ ấn tượng với khả năng sắp xếp thuận tiện theo danh mục, bộ lọc và khả năng tìm kiếm. Các phông chữ tiếng Nga phổ biến nhất là chữ viết tay, kiểu gothic và trang trí, cũng như graffiti. Bất kỳ phông chữ nào cũng có sẵn để tải xuống.

Một trong những bộ sưu tập phong phú nhất phông chữ miễn phí. Bạn chắc chắn sẽ tìm thấy một lựa chọn phù hợp trong số 20 nghìn mặt hàng được trình bày trên trang web.

Đừng để cái tên đánh lừa bạn, trang web này không có 1001 mà có hơn 10 nghìn phông chữ khác nhau. Để tải xuống tất cả chúng cùng một lúc, bạn sẽ phải trả một số tiền nhỏ, nhưng nếu từ tất cả các loại này, bạn chỉ cần các tùy chọn riêng lẻ, thì từng cái một chúng sẽ được tải xuống hoàn toàn miễn phí.

Một bộ sưu tập phong phú gồm nhiều loại phông chữ từ Google. Tất cả đều miễn phí và có thể tải xuống máy tính của bạn để sử dụng Các ứng dụng khác nhau hoặc kết nối với trang web của bạn.

Tài nguyên web bằng tiếng Nga, là một thư viện lớn chứa các phông chữ chất lượng cao miễn phí để sử dụng trong Adobe Photoshop hoặc trên trang web.

Một trang web dành riêng cho việc tạo ra các logo và kiểu chữ nói chung. Ngoài sự thú vị và khuyến nghị hữu ích, bạn cũng sẽ tìm thấy nhiều phông chữ đẹp và chất lượng cao ở đây.

Bạn có thể tìm thấy nhiều trang web có phông chữ hơn ở trang web của chúng tôi.

Như bạn có thể thấy, việc chọn phông chữ cho logo không quá khó. Viết vào phần bình luận những mẹo/dịch vụ bạn muốn thêm vào.

Cách chọn phông chữ đúng cho biểu tượng: hướng dẫn đầy đủ cập nhật: ngày 17 tháng 2 năm 2018 bởi: quản trị viên

VỀ nguyên tắc cơ bản làm việc với kiểu chữ.

Để đánh dấu

Jonathan viết: Một trong những kỹ năng quan trọng nhất đối với một nhà thiết kế là khả năng chọn kiểu chữ. Xét cho cùng, văn bản là một trong những cách chính mà nhà thiết kế giao tiếp với người dùng. Và kiểu chữ có thể tạo nên hoặc phá vỡ một thiết kế.

Kiểu chữ vừa phức tạp vừa đẹp. Một số người cống hiến toàn bộ sự nghiệp của mình cho nó. May mắn thay, công việc của họ được ghi chép đầy đủ nên chúng tôi có rất nhiều tài nguyên về kiểu chữ trực tuyến.

Tài liệu này được thiết kế để phát triển các kỹ năng ban đầu trong việc chọn kiểu chữ cho thiết kế của bạn, cũng như khuyến khích thử nghiệm các phông chữ và sự kết hợp của chúng - bao gồm cả những phông chữ chưa biết.

Xác định mục tiêu của bạn

Trước hết, bạn cần hiểu mục đích thiết kế của mình là gì. Bạn muốn truyền tải thông tin gì? Với việc sử dụng cái gì? Trong thiết kế tốt, kiểu chữ phù hợp với mục đích. Điều này là do thực tế là kiểu chữ yếu tố chính trong việc tạo ra tâm trạng, giai điệu và phong cách của một thiết kế.

Ví dụ: nếu bạn đang tạo một thiết kế thiệp chào mừng chủ yếu dựa vào hình ảnh, tốt nhất bạn nên chọn phông chữ phù hợp với phong cách của hình minh họa. Phông chữ phải hài hòa với phần còn lại của thiết kế.

Chọn phông chữ phù hợp với phong cách minh họa của bạn

Nếu bạn đang tạo một thiết kế trang đích trong đó hình ảnh đóng vai trò quan trọng, hãy chọn phông chữ không làm sao lãng các hình minh họa. Phông chữ trong trường hợp này đóng vai trò như một cách để nhấn mạnh thông tin có ý nghĩa, mang một ý nghĩa quan trọng.

Nếu những hình ảnh đó yếu tố chính thiết kế của bạn, hãy lấy nó phông chữ đơn giảnđể làm nổi bật hình minh họa

Xác định đối tượng của bạn

Một khi bạn hiểu mục đích của thiết kế, hãy quyết định đối tượng. Bước này cực kỳ quan trọng vì việc lựa chọn phông chữ sẽ phụ thuộc vào độ tuổi, sở thích và nền tảng văn hóa của người xem.

Ví dụ: một số phông chữ phù hợp hơn với trẻ em. Vì các em mới học đọc nên phông chữ dễ đọc với các chữ cái lớn, dễ đọc là tốt nhất cho các em. Ví dụ tốt Phông chữ này là Sassoon Primary. Nó được tạo ra bởi Rosemary Sassoon dựa trên nghiên cứu của chính cô về những chữ cái nào dễ đọc nhất cho trẻ em.

Tiểu học Sassoon

Các phông chữ khác phù hợp hơn với trẻ lớn hơn. Trong những phông chữ như vậy, các chữ cái kích thước phù hợp, màu sắc tương phản, không có kiểu viết tay hay kiểu trang trí.

Khi chọn kiểu chữ, hãy xem xét đối tượng của bạn và nhu cầu của họ. Nói một cách đơn giản, hãy đặt mình vào vị trí của người dùng.

Tìm kiếm cảm hứng

Hãy chú ý đến công việc của các nhà thiết kế khác. Cố gắng hiểu cách họ quyết định giao diện kiểu chữ của họ.

Ý tưởng phông chữ

Nếu bạn không chắc chắn nên chọn phông chữ nào, 100 phông chữ miễn phí tốt nhất của CreativeBloq có thể nhanh chóng giúp bạn có hứng thú. Trong đó, tác giả giải thích động lực đằng sau thiết kế của từng phông chữ trong số hàng trăm phông chữ được trình bày.

Một nguồn ý tưởng hữu ích khác là Bộ sưu tập 100 Phông chữ Miễn phí Tuyệt vời nhất năm 2015 từ Awwwards. Ngoài ra, Invision gần đây đã xuất bản một danh sách khổng lồ các tài nguyên về kiểu chữ. Có rất nhiều nguồn ý tưởng ở đó.

Để xem ý tưởng trông như thế nào trên các trang web thực, hãy xem Typ.io. Nó chứa các ví dụ về phông chữ từ khắp nơi trên Internet. Ngoài ra, ở cuối mỗi mẫu phông chữ đều có phần mô tả của nó bằng CSS.

Ngoài các dịch vụ “truyền cảm hứng” này, hãy xem các trang web yêu thích của bạn và xem họ sử dụng phông chữ nào. WhatTheFont là một công cụ tốt cho việc này. WhatTheFont là tiện ích mở rộng của Chrome cho phép bạn khám phá các phông chữ trên web bằng cách kéo chuột qua chúng.

Ý tưởng cho sự kết hợp

Ngoài các phông chữ, hãy tìm ý tưởng cho sự kết hợp của chúng. Sự kết hợp phù hợp không kém phần quan trọng so với chính phông chữ. Nhờ sự kết hợp phù hợp của các phông chữ, hệ thống phân cấp thông tin trực quan được tạo ra và khả năng đọc của thiết kế được cải thiện.

Để có cảm hứng ghép nối, hãy bắt đầu với Typewolf. Nó chứa các ví dụ về sự kết hợp phông chữ từ các trang web khác nhau. Ngoài ra, trang web còn có các đề xuất và bài viết phân tích chuyên sâu về kiểu chữ. Một kho tàng thông tin thực sự.

Chọn phông chữ của bạn

Được truyền cảm hứng và trang bị kiến thức, cuối cùng bạn đã sẵn sàng chọn kiểu chữ cho mình. Khi nói đến điều này, hãy ghi nhớ những nguyên tắc sau: hấp dẫn vẻ bề ngoài, tính dễ đọc và ý nghĩa.

Trước khi chọn phông chữ, hãy tìm hiểu lý do tại sao nó được tạo ra

Chọn phông chữ phù hợp với mục đích theo tiêu chuẩn thông thường và dễ đọc. Tránh sử dụng những phông chữ quá cầu kỳ và ưu tiên những phông chữ đơn giản và thiết thực. Ngoài ra, hãy ghi nhớ lý do tại sao bạn cần phông chữ. Ví dụ: một số phông chữ phù hợp hơn cho tiêu đề, trong khi những phông chữ khác phù hợp hơn cho văn bản nội dung.

Sự kết hợp của hai phông chữ tương phản với nhau

Khi nói đến sự kết hợp phông chữ, hãy giới hạn tối đa ba phông chữ. Ngoài ra, hãy sắp xếp chúng sao cho tương phản. Bằng cách này, sẽ có thể kiểm soát chuyển động của cái nhìn của người đọc: đầu tiên là dòng tiêu đề, sau đó là văn bản chính. Bạn cũng có thể tạo độ tương phản trực quan bằng cách sử dụng các cỡ chữ, màu sắc và độ đậm nhạt khác nhau.

Đối với phông chữ web, Google Fonts, Typekit và Font Squirrel là những lựa chọn tốt. Phông chữ của Googleđều miễn phí, Typekit và Font Squirrel có cả phông chữ miễn phí và trả phí.

Xác định kích thước phông chữ

Khi bạn đã tìm ra cách kết hợp phông chữ, hãy chuyển sang kích thước của chúng. Quy mô mô-đun từ Tim Brown, người đứng đầu kiểu chữ tại Adobe, rất phù hợp cho việc này. Trên thực tế, Tỷ lệ mô-đun là một hệ thống để xác định tỷ lệ kích thước phông chữ lý tưởng trong lịch sử.

Ví dụ: bạn có thể sử dụng thang tỷ lệ dựa trên tỷ lệ vàng. Đây sẽ là năm cỡ chữ đầu tiên:

Tỷ lệ vàng (1:1.618)
1.000 x 1.618 = 1.618
1,618 x 1,618 = 2,618
2,618 x 1,618 = 4,236
4,236 x 1,618 = 6,854
6,854 x 1,618 = 11,089

Tỷ lệ của bạn có thể quá cao. Ví dụ: đây là những khoảng thời gian cuối cùng trông như thế nào trên thang đo của chúng tôi dựa trên tỷ lệ vàng:

Tỷ lệ vàng (1:1.618)
11,089 x 1,618 = 17,942
17,942 x 1,618 = 29,03
29,030 x 1,618 = 46,971
46,971 x 1,618 = 75,999
75,999 x 1,618 = 122,966

Như bạn có thể thấy, khoảng cách giữa các con số đang trở nên quá lớn. Đối với hầu hết các giao diện, các khoảng thời gian như vậy không phù hợp - cần ít hơn. May mắn thay, trong

Về các nguyên tắc cơ bản khi làm việc với kiểu chữ.

Để đánh dấu

Xác định mục tiêu của bạn

Trước hết, bạn cần hiểu mục đích thiết kế của mình là gì. Bạn muốn truyền tải thông tin gì? Với việc sử dụng cái gì? Trong thiết kế tốt, kiểu chữ phù hợp với mục đích. Điều này là do kiểu chữ là yếu tố then chốt trong việc tạo ra tâm trạng, tông màu và phong cách của một thiết kế.

Chọn phông chữ phù hợp với phong cách minh họa của bạn

Nếu bạn đang tạo một thiết kế trang đích trong đó hình ảnh đóng vai trò quan trọng, hãy chọn phông chữ không làm sao lãng các hình minh họa. Trong trường hợp này, phông chữ đóng vai trò như một cách để nhấn mạnh thông tin quan trọng mang ý nghĩa chính.

Nếu hình ảnh là yếu tố chính trong thiết kế của bạn, hãy sử dụng phông chữ đơn giản để làm nổi bật hình minh họa.

Xác định đối tượng của bạn

Ví dụ: một số phông chữ phù hợp hơn với trẻ em. Vì các em mới học đọc nên phông chữ dễ đọc với các chữ cái lớn, dễ đọc là tốt nhất cho các em. Một ví dụ điển hình về phông chữ như vậy là Sassoon Primary. Nó được tạo ra bởi Rosemary Sassoon dựa trên nghiên cứu của chính cô về những chữ cái nào dễ đọc nhất cho trẻ em.

Tiểu học Sassoon

Các phông chữ khác phù hợp hơn với trẻ lớn hơn. Trong những phông chữ như vậy, các chữ cái có kích thước phù hợp, màu sắc tương phản và không có kiểu viết tay hay kiểu trang trí.

Khi chọn kiểu chữ, hãy xem xét đối tượng của bạn và nhu cầu của họ. Nói một cách đơn giản, hãy đặt mình vào vị trí của người dùng.

Tìm kiếm cảm hứng

Hãy chú ý đến công việc của các nhà thiết kế khác. Cố gắng hiểu cách họ quyết định giao diện kiểu chữ của họ.

Ý tưởng phông chữ

Ý tưởng cho sự kết hợp

Chọn phông chữ của bạn

Được truyền cảm hứng và trang bị kiến thức, cuối cùng bạn đã sẵn sàng chọn kiểu chữ cho mình. Khi nói đến vấn đề này, hãy ghi nhớ các nguyên tắc sau: hình thức thú vị, dễ đọc và ý nghĩa.

Trước khi chọn phông chữ, hãy tìm hiểu lý do tại sao nó được tạo ra

Sự kết hợp của hai phông chữ tương phản với nhau

Đối với phông chữ web, Google Fonts, Typekit và Font Squirrel là những lựa chọn tốt. Google Fonts là miễn phí, Typekit và Font Squirrel có cả phông chữ miễn phí và trả phí.

Xác định kích thước phông chữ

Ví dụ: bạn có thể sử dụng thang tỷ lệ dựa trên tỷ lệ vàng. Đây sẽ là năm cỡ chữ đầu tiên:

Tỷ lệ vàng (1:1.618)
1.000 x 1.618 = 1.618
1,618 x 1,618 = 2,618
2,618 x 1,618 = 4,236
4,236 x 1,618 = 6,854
6,854 x 1,618 = 11,089

Tỷ lệ của bạn có thể quá cao. Ví dụ: đây là những khoảng thời gian cuối cùng trông như thế nào trên thang đo của chúng tôi dựa trên tỷ lệ vàng:

Tỷ lệ vàng (1:1.618)
11,089 x 1,618 = 17,942
17,942 x 1,618 = 29,03
29,030 x 1,618 = 46,971
46,971 x 1,618 = 75,999
75,999 x 1,618 = 122,966

Is - thành phần văn bản, tức là người dùng cần đọc, đọc và đọc lại. Theo thống kê trên Internet, hầu như không có ai đọc hết cả một bài báo; mọi người đều đọc lướt và cố gắng chỉ nắm bắt ý chính, vì các bài báo thường chứa đầy “nước”. Mục tiêu của quản trị trang web là giúp người dùng đọc thoải mái nhất có thể. Bài viết này sẽ cho bạn biết không chỉ về cách chọn phông chữ mà còn về cách bố trí nội dung trên trang web tốt nhất.

Tiêu chí chọn font chữ cho website là gì? Dưới đây tôi đã liệt kê các tiêu chí chính và đề xuất cho từng tiêu chí đó.

1. Chọn họ phông chữ

Có vô số phông chữ, nhiều phông chữ giống nhau, tuy nhiên, mỗi phông chữ đều có một đặc điểm riêng. tính năng đặc biệt. Tuy nhiên, không phải tất cả các trình duyệt đều có từng tính năng này. Dưới đây là danh sách nhỏ các phông chữ phổ biến nhất có sẵn trong mọi trình duyệt:

Arial ;
Verdana;
Times New Roman;
Gruzia;
Trebuchet MS;

Nếu bạn hài lòng với bất kỳ phông chữ nào trong danh sách này thì đó sẽ là sự lựa chọn tốt nhất, vì khi đó bạn không phải lo lắng về việc tải nó đặc biệt vào trình duyệt của người dùng. Nếu bạn vẫn muốn một số phông chữ hiếm, thì bạn có thể làm theo nhiều cách (nhưng tôi nói ngay rằng tốt hơn hết là đừng tạo ra vấn đề cho chính mình!).

Ví dụ, bạn có thể chọn một số phông chữ đẹp trên Google Font nhưng để phông chữ đã chọn xuất hiện trên trình duyệt, người dùng sẽ cần phải kết nối phông chữ đó. Kết quả là phông chữ sẽ được tải từ Google Font mọi lúc, theo tôi, điều này là không tốt và có một số lý do chính đáng cho việc này:

Thứ nhất, có sự phụ thuộc vào các trang web khác (trong trong trường hợp này từ Google). Ví dụ: Google có thể hoạt động chậm vì lý do nào đó và trong trường hợp này trang web của bạn cũng sẽ chậm lại. Bạn không cần phải tìm đâu xa để tìm ví dụ. Cá nhân tôi đã tải một tập lệnh để làm việc với thư viện AJAX (jquery) từ trang web của Google, nhưng định kỳ nó không tải được chút nào và điều này dẫn đến thao tác sai toàn bộ trang web.

Giải pháp cho vấn đề này rất đơn giản: Tôi chỉ cần sao chép toàn bộ tệp .js vào máy chủ lưu trữ và tải nó lên từ trang web của mình. Tốt nhất là khi toàn bộ trang web được tải từ máy chủ của riêng bạn. Tuy nhiên, bạn sẽ không thể chuyển phông chữ sang trang web của mình; bạn sẽ luôn phải tải chúng xuống từ trang web của Google.

Thứ hai, trong các trình duyệt như Opera, trong mắt người dùng, mọi thứ sẽ như thế này: anh ta đến trang web của bạn, nội dung đã xuất hiện và sau khoảng nửa giây - bam và phông chữ đã thay đổi. Điều này sẽ xảy ra ngay khi trình duyệt tải xuống từ Google và xử lý nó. Đối với các tài nguyên nghiêm túc, kiểu văn bản “nhấp nháy” này là không thể chấp nhận được. Tất nhiên, tình trạng này không tồn tại trên tất cả các trình duyệt, nhưng cá nhân tôi, chỉ cần một vở opera cũng đủ để tôi từ bỏ ý định sử dụng những phông chữ ít phổ biến hơn.

Hãy quay lại với họ phông chữ. Phông chữ tốt nhất và linh hoạt nhất là Verdana. Trang web này chỉ có một phông chữ như vậy. Nó không có chữ ngoằn ngoèo, nghiêm ngặt và dễ đọc, đó chính xác là những gì người dùng cần nhận nhanh thông tin.

2. Chọn cỡ chữ

Việc chọn cỡ chữ là nhiệm vụ đầy thử thách, bởi vì một số người thích phông chữ nhỏ hơn và một số thích phông chữ lớn hơn. Cá nhân tôi chọn kích thước 14 pixel cho mình. Kích thước này là tiêu chuẩn trong nhiều lĩnh vực (ví dụ: kích thước này được sử dụng khi viết văn bằng và bài tập theo GOST). Trên trang này, không cần phải đặt cỡ chữ 14 trở lên và cũng không cần phải làm cho nó nhỏ hơn. Hãy nhớ rằng điều quan trọng nhất là người dùng có trải nghiệm đọc thoải mái.

Ghi chú

Thông thường, cùng một kích thước ở các phông chữ khác nhau có chiều cao hoàn toàn khác nhau và do đó được tái tạo trực quan một cách khác nhau. Vì vậy, tốt hơn hết bạn nên kiểm tra xem mọi thứ trông như thế nào và đừng bận tâm đến con số 14 cụ thể.

3. Chọn màu chữ và nền cho nó

Màu sắc và phông nền dù có đẹp đến mấy thì việc đọc văn bản trên màn hình vẫn bất tiện. Tất cả những gì có thể làm là làm cho việc đọc trở nên thoải mái nhất có thể. Người ta tin rằng văn bản màu đen trên nền trắng rất dễ đọc, nhưng nếu bạn hỏi ý kiến của những người làm việc trên máy tính, họ sẽ nói rằng nền trắng rất sáng và nó làm cho mắt bạn mệt mỏi. Giải pháp lý tưởng có nền hơi xám và có văn bản màu đen và xám trên đó. Bạn có thể đọc một văn bản như vậy trong một thời gian rất dài mà không bị mỏi mắt. Cũng tốt cho mắt Màu xanh nét chữ.

Sự kết hợp giữa nền đen và văn bản màu trắng, nhưng sự kết hợp này không phù hợp với mọi trang web. Tuy nhiên, hầu hết các trang web đều có thiết kế nhẹ nhàng. tôi đã tìm thấy danh sách đặc biệt sự kết hợp giữa phông chữ và màu nền (theo thứ tự dễ đọc giảm dần):

Màu xanh trên nền trắng;
Ví dụ - Màu xanh trên nền trắng
Màu đen trên màu vàng;
Ví dụ - Màu đen trên nền vàng
Màu xanh lá cây trên nền trắng;
Ví dụ - Màu xanh lá cây trên nền trắng
Màu đen trên nền trắng;
Ví dụ - Đen trên Trắng
Màu đỏ trên màu vàng;
Ví dụ - Đỏ trên Vàng
Màu đỏ trên nền trắng;
Ví dụ - Màu đỏ trên nền trắng
Xanh trên đỏ;
Ví dụ - Xanh trên đỏ
Màu cam trên nền đen;
Ví dụ - Màu cam trên nền đen
Màu đen trên màu tím;
Ví dụ - Màu đen trên nền đỏ tươi
Màu cam trên nền trắng;
Ví dụ - Màu cam trên nền trắng
Màu đỏ trên màu xanh lá cây;
Ví dụ - Màu đỏ trên màu xanh lá cây

4. Những điều nhỏ nhặt khác

Trong số những điều nhỏ nhặt này, tôi muốn kể đến những điều sau:

Văn bản phải ở dạng chữ thường, vì... một thanh ghi lớn gây khó chịu;
Căn chỉnh phông chữ phải được căn trái vì đó là điều mà mọi người đều quen làm;
Nội dung không nên quá giãn về chiều rộng, vì người dùng lười và nếu mắt phải chạy từ mép trái sang mép phải của màn hình sẽ gây khó chịu, mất tập trung;
Phông chữ phải bình thường, tức là. không in nghiêng, không in đậm, không gạch chân (lưu lại các yếu tố này để làm nổi bật ý chính trong văn bản);

Cuối cùng, tôi muốn nói lại một lần nữa rằng việc lựa chọn phông chữ và thiết kế của nó cũng quan trọng như việc lựa chọn thiết kế cho trang web. Đừng cam kết những lỗi điển hình quản trị viên web quyết định nổi bật và vì điều này họ thua một số lượng lớn người dùng mà trang web được tạo ra.

Một trong những kỹ năng quý giá nhất mà một nhà thiết kế có thể học là khả năng chọn phông chữ. Điều này được giải thích bởi thực tế là văn bản là một trong những cách giao tiếp chính giữa nhà thiết kế và người dùng. Typography rất quan trọng trong thiết kế.

Typography là một thứ phức tạp và đẹp đẽ. Một số cống hiến toàn bộ sự nghiệp của mình để làm việc với nó. Thật may mắn cho chúng tôi, họ mô tả trải nghiệm của họ một cách chi tiết, vì vậy chúng tôi có rất nhiều tài nguyên kiểu chữ trực tuyến để sử dụng.

Bài viết này nhằm mục đích giới thiệu ngắn gọn cho những ai muốn tìm hiểu cách chọn phông chữ phù hợp cho thiết kế. Nó sẽ khuyến khích bạn mở rộng phạm vi phông chữ và kết hợp phông chữ bạn sử dụng trong bố cục của mình, ngoài các tùy chọn quen thuộc.

Xác định mục tiêu của bạn

Trước hết, hãy xác định mục đích thiết kế của bạn. Bạn muốn truyền tải thông tin gì? Ở định dạng nào?

TRONG thiết kế tốt kiểu chữ phù hợp với mục đích. Điều này rất quan trọng vì phông chữ giúp tạo ra một tâm trạng nhất định và thiết lập tông màu cũng như phong cách của thiết kế.

Nếu bạn làm vậy, hãy nói thiệp mừng Với một lượng lớn hình minh họa, hãy chọn một phông chữ sẽ được kết hợp với phong cách mà chúng được tạo ra. Phông chữ phải hài hòa với các thành phần thiết kế còn lại.

Nếu bạn đang thiết kế một trang web tập trung vào hình ảnh, hãy chọn một phông chữ đơn giản sẽ không làm người dùng mất tập trung vào chúng. Sử dụng font chữ như một cách để nhấn mạnh thông điệp bạn muốn truyền tải.

Xác định đối tượng của bạn

Khi bạn đã quyết định được mục đích của thiết kế, hãy quyết định xem bạn sẽ thiết kế nó cho đối tượng nào. Bước này rất quan trọng vì thông tin về người dùng (tuổi, sở thích, nền tảng văn hóa) có thể ảnh hưởng đến quyết định bạn đưa ra khi chọn phông chữ.

Ví dụ, một số phông chữ phù hợp hơn với trẻ nhỏ. Trẻ em mới học đọc cần phông chữ rất dễ đọc với đường viền chữ cái rõ ràng. Một minh họa điển hình cho điều này là Trường tiểu học Sassoon. Sassoon Primary là một dự án của Rosemary Sassoon dựa trên nghiên cứu của cô về phông chữ nào dễ đọc nhất cho trẻ em.

Các phông chữ khác phù hợp hơn với người lớn tuổi. Chúng thường được phân biệt bởi kích thước lớn của các chữ cái, độ tương phản rõ rệt và không có chữ viết và các yếu tố trang trí.

Khi chọn phông chữ, hãy xem xét các tính năng và nhu cầu của bạn khán giả mục tiêu. Nói một cách đơn giản, hãy đặt mình vào vị trí của họ.

Tìm kiếm cảm hứng

Nhìn vào công việc của các nhà thiết kế khác. Hãy cố gắng hiểu điều gì đã thúc đẩy họ quyết định sử dụng những phông chữ cụ thể này.

Cảm hứng: phông chữ

Để có những ý tưởng phông chữ mới mẻ, 100 phông chữ miễn phí tốt nhất của CreativeBloq là một nguồn tài nguyên tuyệt vời giúp bạn có hứng thú. Trong bài viết của họ, CreativeBloq giải thích logic mà họ tuân theo khi chọn từng phông chữ.

Ngoài ra, Invision đã tập hợp rất nhiều tài nguyên về kiểu chữ. Ở đó bạn sẽ tìm thấy rất nhiều nguồn cảm hứng.

Nếu bạn muốn lấy cảm hứng từ các ví dụ về trang web thực, tôi khuyên bạn nên xem Typ.io. Trang web chứa một tập hợp các nguồn với các giải pháp thú vị từ khắp nơi trên Web. Ngoài ra, đối với mỗi mẫu, trang web hiển thị thông số phông chữ CSS bên dưới văn bản.

Ngoài các trang web chuyên biệt, bạn có thể truy cập các trang yêu thích của mình và xem họ sử dụng những gì ở đó. Đây là lúc công cụ WhatTheFont phát huy tác dụng - tiện ích mở rộng của Chrome hiển thị thông tin phông chữ khi bạn di chuột qua văn bản.

Cảm hứng: sự kết hợp

Ngoài các phông chữ, hãy nghiên cứu các biến thể khác nhau sự kết hợp của chúng không kém phần quan trọng. Sự kết hợp phù hợp giúp hình thành hệ thống phân cấp trực quan và làm cho thiết kế dễ nhận biết hơn.

Nguồn cảm hứng đầu tiên để ghé thăm là Typewolf. Typewolf chứa các ví dụ về sự kết hợp thú vị từ nhiều trang web khác nhau. Họ cũng đưa ra các đề xuất về phông chữ và hướng dẫn chuyên sâu về kiểu chữ. Đối với những người làm việc với phông chữ, đây thực sự là một kho báu.

FontPair là một tài nguyên khác về cách chọn các kết hợp tốt hơn, được thiết kế đặc biệt để làm việc với Google Fonts. Tài nguyên cung cấp khả năng sắp xếp theo sự kết hợp của các kiểu (ví dụ: sans-serif và serif hoặc serif và serif).

Và cuối cùng, Internet có đầy đủ các tập hợp kết hợp sẵn có từ nhà thiết kế chuyên nghiệp. Giả sử Kiểu chữ: Kết hợp Phông chữ của Google hoặc Kiểu chữ: Kết hợp Phông chữ của Google Tập 2. Chỉ cần tìm kiếm “ghép nối phông chữ” trên Behance, Dribble và các trang tương tự khác.

Chọn một phông chữ

Bây giờ bạn đã hiểu biết về mặt lý thuyết và có cảm hứng, bạn có thể bắt đầu đưa ra lựa chọn của mình. Khi bạn chọn, hãy ghi nhớ ba nguyên tắc: tính dễ đọc, tính dễ đọc và mục đích.

Chọn phông chữ có cái nhìn cổ điển và dễ hiểu. Tránh các phông chữ cầu kỳ và ưu tiên những phông chữ đơn giản và thiết thực. Và hãy tính đến mục đích của phông chữ này hoặc phông chữ kia: chẳng hạn, một số trong số chúng phù hợp cho tiêu đề hơn là cho văn bản nội dung.

Theo đó, trước khi chọn phông chữ, hãy suy nghĩ về mục đích bạn sẽ sử dụng phông chữ đó.

Đối với việc kết hợp phông chữ, đừng làm chúng quá phức tạp - hãy giới hạn ở ba phông chữ các loại khác nhau, không hơn. Ngoài ra, hãy chọn phông chữ tương phản. Điều này sẽ giúp hướng ánh nhìn của người dùng: đầu tiên đến tiêu đề, sau đó đến nội dung văn bản. Bạn cũng có thể tạo độ tương phản trực quan bằng cách sử dụng kích cỡ khác nhau, màu sắc và kiểu dáng.

Đối với phông chữ web, bạn có thể sử dụng Google Fonts, Typekit và Font Squirrel. Google Fonts hoàn toàn miễn phí, Typekit và Font Squirrel cung cấp các tùy chọn trả phí và miễn phí.

Đặt kích thước

Bây giờ bạn đã quyết định kết hợp, bước tiếp theo- thiết lập các kích thước. Có một công cụ tuyệt vời cho việc này