25 thg 10, 2019

Gặp gỡ NeverMind - Bộ chữ được thiết kế và trình bày ban đầu bởi XMind

Anne

Chúng tôi nỗ lực để mang đến công cụ lập bản đồ tư duy và động não tốt nhất, nhưng lần này, chúng tôi muốn tạo một thử thách - nâng cấp trải nghiệm đọc của bạn.

Giới thiệu NeverMind, được giới thiệu với niềm tự hào bởi đội ngũ Xmind. Bao gồm các ngôn ngữ được sử dụng tại 40 quốc gia, chữ số và dấu câu, NeverMind là một phông chữ San-Serif được xây dựng với Geometric và Humanistic.

Chúng tôi đã có một buổi trò chuyện với nhà thiết kế hàng đầu của dự án NeverMind, Lan, để tiếp cận hậu trường và đi sâu vào thế giới thiết kế của anh ấy.

Tại sao chúng tôi tạo ra NeverMind?

Thiết kế phông chữ rất quan trọng.

Phông chữ quan trọng đối với các nhà thiết kế. Chúng tôi đã thực hiện một nghiên cứu nội bộ trước khi bắt đầu dự án và hầu hết đội ngũ đồng ý về tầm quan trọng của phông chữ. Trong nghiên cứu giai đoạn đầu, nghiên cứu mang lại lợi ích cho các nhà thiết kế và cải thiện khả năng của họ.

Thiết kế phông chữ là một xu hướng.

Phông chữ là ưu tiên hàng đầu cho Steve Jobs, và sau đó Apple đã phát triển và phát hành San Francisco. Trong iOS 13 mới nhất, việc thay thế phông chữ đã được hỗ trợ. Hiện tại, có nhiều công ty đang tham gia tạo phông chữ của riêng họ.

Printed papers on a wall displaying text, including the word

Phông chữ có ảnh hưởng, và tinh tế.

Nếu logo và khẩu hiệu là tiếng vỗ tay, thì phông chữ như một âm thầm bên tai bạn. Mặc dù âm lượng nhỏ, nhưng cũng truyền tải thông điệp. Chúng ta khó có thể nhận thấy sức mạnh của phông chữ khi đọc câu hoặc đoạn văn, tuy nhiên, ảnh hưởng vẫn tồn tại và dần dần tác động. Vì vậy, gói thông tin thương hiệu vào các ký tự khi thiết kế đòi hỏi sự kiểm soát lớn và sự thấu hiểu sâu sắc về thiết kế. Theo một cách khác, giúp đội ngũ đi xa hơn trên con đường thiết kế.

Screens displaying font design software with letters being edited, including

Bạn muốn truyền tải điều gì với phông chữ?

Tôi sẽ nói NeverMind là Geometric và Humanistic.

Khi nói về Geometric, NeverMind là sự kết hợp của các hình vuông, hình tròn và các đường tam giác. Với sự lặp lại hình ảnh có cấu trúc, phông chữ được trình bày gọn gàng.

A grid of characters showing uppercase and lowercase letters, numbers, punctuation, and special symbols.

Về Humanistic, minh chứng là việc cầm bút. NeverMind như một cây cầu liên kết giữa viết tay và dùng máy đánh chữ. Cách quét và những nét hoàn thiện được tùy chỉnh cẩn thận, để dòng chảy đọc tiếp tục mà không bị gián đoạn. Các thói quen đọc có thể bị bỏ qua hoặc cam kết vì thẩm mỹ, nhưng NeverMind nhắm đến sự cân bằng giữa thẩm mỹ và độ dễ đọc.

Dark abstract background with subtle texture, creating a minimalist appearance.Dark solid background with subtle texture.

Điều gì làm cho NeverMind trở nên độc đáo?

Nó kết hợp với Xmind

Geometric đề cập đến các hình học tạo nên bản đồ tư duy, và Humanistic đề cập đến các đường cong kết nối bản đồ tư duy một cách mượt mà.

Thực tế, có một số yếu tố Xmind kết hợp cùng với các phông chữ.

Thiết kế tổng thể của phông chữ hài hòa với góc nghiêng của logo Xmind, mang lại sự hiện đại và sức sống nhất quán.

Solid dark red background.

Nếu bạn chú ý, bạn có thể thấy chấm của ký tự i nằm trên đỉnh của logo Xmind. Chấm tượng trưng cho chủ đề trung tâm và vì thế tôi đã biến nó thành hình vuông.

Có rất nhiều phép thuật từ chấm thành hình vuông trong phông chữ này, ví dụ như dấu phẩy, dấu hỏi, v.v.

Bản đồ tư duy là sự kết hợp giữa các mẫu đồ họa, và đường nét kết nối chúng lại với nhau. Phông chữ giúp chúng ta kết nối với nội dung. Trong bản đồ tư duy được vẽ tay, chúng ta hiếm khi sử dụng một đường thẳng để kết nối, thay vào đó là những đường nét linh động. Đó là lý do tại sao tôi hy vọng hình dạng và phong cách của phông chữ cũng diễn ra một cách linh động.

Chơi với Kerning

Phông chữ chứa đựng nhiều đặc điểm, tôi tin rằng phông chữ có thể vừa thẩm mỹ vừa dễ đọc. Ngoài việc duy trì sự nhất quán với nhận diện logo Xmind, tôi đã dành phần lớn thời gian cho việc điều chỉnh kerning, bao gồm điều chỉnh khoảng cách giữa các chữ và không gian âm để cân bằng thị giác.

Black rectangular background with no other visible elements.Typography measurement diagram displaying

Độ dễ đọc và rõ ràng

Tôi tin rằng thẩm mỹ và độ dễ đọc có thể tồn tại song song. Có 7 độ đậm của phông và 5 chiều rộng trong NeverMind, từ Thin 100 đến Bold 700, và từ ExtraCondense 50 đến Medicum 100 để phủ hợp các nhu cầu khác nhau.

Độ dễ đọc không chỉ đơn giản là gắn kết những ký tự đẹp lại với nhau, mà việc nắm bắt cảm giác chung quan trọng hơn là đề xuất một phông chữ đơn lẻ.

Các cảnh khác nhau, nhiều màn hình và đối tượng đa dạng yêu cầu bố cục súc tích để hiển thị tốt hơn và rõ ràng hơn, đó là lý do tại sao chúng tôi tùy chỉnh không gian âm để phát hành một NeverMind nhỏ gọn - các ký tự hẹp hơn với lề nhỏ hơn dựa trên cơ sở để tạo ra trải nghiệm đọc thoải mái.

Đó là lý do tại sao chúng tôi sử dụng Medium cho chủ đề trung tâm trên trang web chính thức, trong khi SemiCondense được chọn cho nội dung để cải thiện trải nghiệm đọc.

Phông chữ biến đổi đồng nghĩa với khả năng

NeverMind năng động và có thể biến đổi. Bạn có thể tạo không gian thiết kế đa trục bằng cách định nghĩa những biến thể trong phông chữ.

Sự biến đổi của NeverMind được tối ưu hóa trong nhiều chiều, ví dụ, chiều cao x cao hơn được tối ưu hóa đặc biệt để hiển thị và các ký tự nhỏ hơn để các phông chữ có thể được hiển thị tốt trong các độ dày phông chữ khác nhau, chiều rộng phông chữ, và chiều cao phông chữ với sự hỗ trợ từ 9 thay đổi trọng lượng khác nhau.

Hậu quả cuối cùng là phông chữ có thể được điều chỉnh bất cứ cách nào bạn muốn, giống như Elastigirl trong Incredibles, thay đổi để phù hợp với các cảnh khác nhau mà không giới hạn.

Text reading

Chiều rộng phông chữ

Text on a red background displaying the word

Trọng lượng phông chữ

Những thách thức là gì và bạn đã vượt qua chúng như thế nào?

Có 4 phần trong thiết kế phông chữ: Nghiên cứu; Thiết kế thí điểm; Công cụ và Kết quả.

Một sự khởi đầu tốt là nửa thành công, và khởi đầu luôn là một bài toán khó, vì bạn phải nắm vững quy luật trước khi tiến xa hơn.

5 trục cho thiết kế phông chữ đã khiến tôi cần thời gian để tiếp thu, để có thể áp dụng chúng vào thiết kế.

Diagram illustrating a variable font with axes for width, italic, optical size, slant, and weight in a 3D space.

Thiết kế phông chữ vừa mang tính đồ họa vừa mang tính lý trí. Nghệ thuật của sự cân bằng đòi hỏi thời gian và kiên nhẫn trong hành trình này, bạn phải va chạm và tìm kiếm sự cân bằng giữa lý trí và cảm tính, logic và hình ảnh, hình học và nhân văn, chức năng và thẩm mỹ. Tất nhiên, lặp lại và suy nghĩ một lần nữa và một lần nữa cho đến khi đạt được điểm vàng.

Dù có một chút thách thức, tôi đã thực sự tận hưởng cảm giác được cải thiện khi tiến gần hơn đến NeverMind.

Text on a dark background reads

Nước đi tiếp theo là gì?

Phông chữ đang chạy trên trang web Xmind bây giờ, và sẽ được hiển thị trên các dự án hoặc sản phẩm sắp tới. Chúng tôi cũng sẽ phát hành nó trên Google Fonts cho người dùng Xmind và những người yêu thích phông chữ.

Với sự phát triển của công nghệ hình ảnh, cập nhật và tối ưu hóa chắc chắn nằm trong lộ trình.

Bạn lấy cảm hứng từ đâu? Bạn đã nghĩ gì khi thiết kế?

Frutiger và Gill Sans là nguồn cảm hứng của tôi. Tôi yêu thích phông chữ mang lại trải nghiệm đọc tốt nhất cho người đọc. Nó tinh tế nhưng đầy cá tính.

A collection of printed font samples displayed on a wall, showcasing various typefaces and styles.

Thành thật mà nói, tôi từng chia phông chữ thành hai loại: Serif, và những phông khác không có, cho đến khi tôi thực hiện nghiên cứu đầu tiên của mình trên 300 phông chữ. Tôi đã bị cuốn hút và ấn tượng bởi những ký tự sống động này và trở nên nhạy cảm với phông chữ. Quan sát hàng ngày về phông chữ xuất hiện trong cuộc sống, chẳng hạn như phương tiện công cộng, thành phố, hoặc...

Hầu hết các phông chữ được sinh ra trong quán cà phê, vì tôi thích làm việc và suy nghĩ trong môi trường ồn ào nơi tôi có thể dễ dàng tìm thấy sự bình yên bên trong mình. Tôi đã say mê vào thiết kế, vì vậy tôi đoán đầu óc tôi bị chiếm đóng bởi sự kết hợp của các phông chữ biến đổi.

Phông chữ yêu thích của bạn là gì và tại sao?

Cá nhân tôi thích San Francisco, mặc dù không gây ấn tượng ngay từ cái nhìn đầu tiên, thay vào đó, nó tối ưu hóa mỗi phông chữ sau khi quan sát kỹ lưỡng. Nó cũng truyền cảm hứng cho tôi khi thiết kế NeverMind. Bạn khó có thể nhận thấy sự tồn tại của nó trên màn hình. Đối với tôi, phông chữ tốt nhất là phông chữ khó nhận ra nhưng phù hợp với bối cảnh hiện tại.

Lời khuyên gì cho các nhà thiết kế?

Tôi thà nói cảm giác cá nhân của mình, thay vì những lời khuyên. Hãy luôn học hỏi, đặc biệt là phông chữ :)

Gần đây tôi đã đọc về đa năng, đó là một người có nhiều sở thích và theo đuổi sáng tạo trong cuộc sống, đồng thời xuất sắc trong nhiều lĩnh vực khác nhau.

Đa năng có thể khiến thiết kế của bạn trở nên khác biệt. Bạn có thể nghĩ ra những cách để cân bằng và có được cái nhìn tổng quát đa dạng khi biết những tùy chọn nào tồn tại. Tôi tự không giới hạn bản thân, dù làm việc trên thương hiệu, UI, công nghiệp, hay phông chữ, tôi thà suy nghĩ và thử nghiệm để điều khiển chúng.

Xem thêm bài viết