Tin sáng tạo quốc tế 11/11: COLLINS dựng lại thương hiệu Remote từ một khối lập phương và bảng màu tiền giấy, Porto Rocha làm nhận diện Fursys quanh một góc vuông

COLLINS dựng thương hiệu Remote từ một khối lập phương và bảng màu tiền giấy; Fursys của Porto Rocha, Disney và Firefly, Instagram Effect Builder, Setouchi Sans.

Bản tin ColorME Newsroom hôm nay có hai bộ nhận diện đều xây trên một hình khối nhỏ. Studio COLLINS dựng lại thương hiệu Remote, nền tảng tuyển dụng và trả lương toàn cầu, từ một khối lập phương xếp chồng và một bảng màu lấy cảm hứng từ tiền giấy. Porto Rocha làm mới Fursys, hãng nội thất văn phòng Hàn Quốc, quanh một góc vuông. Phần công cụ có hai tin AI đáng để ý: Disney hợp tác với Adobe để huấn luyện mô hình Firefly riêng, và Instagram ra mắt Effect Builder, tạo bộ lọc Stories bằng câu lệnh. Tiếp theo là Setouchi Sans, kiểu chữ chỉ thêm đúng một chữ ghép OU mà đủ thành chữ ký của cả một vùng du lịch Nhật Bản, cuốn niên giám Typography 47 thu nhỏ lại thành sách làm việc, và cách studio Ogre Pixel dùng Unity để những hình vẽ 2D phẳng đứng được trong không gian 3D.

1. Remote: COLLINS xếp cả một thương hiệu từ những khối lập phương

Chuyện gì xảy ra. Theo Abduzeedo (09/11), Remote là nền tảng tuyển dụng và trả lương cho nhân sự ở hơn 150 quốc gia, với hơn 77 loại tiền tệ, nhưng bộ nhận diện cũ không nói được điều đó. Studio COLLINS bắt đầu từ chính công việc: bảng lương chạy trên hạ tầng, mà hạ tầng nào cũng được xây từ một đơn vị lặp lại, như viên gạch, chiếc container hay tấm pallet. Remote coi mỗi phiếu lương là một đơn vị như vậy, nên bộ nhận diện mới được xây từng khối một, bằng một khối lập phương có thể xếp chồng, xoay, kéo dài và ghép thành cấu trúc lớn hơn.

Một khối, ba cách vẽ. Khối lập phương cũng là lưới bố cục của mọi ấn phẩm. COLLINS vẽ nó theo ba cách: nét phẳng cho sơ đồ và số liệu, phối cảnh một điểm tụ với mặt sau thu về một điểm duy nhất, và phép chiếu isometric giữ nguyên hình dáng ở mọi chiều. Theo Abduzeedo, dù một bố cục có bao nhiêu khối, mọi cạnh phối cảnh đều hội tụ về cùng một điểm: nhiều phần, một hệ thống. Đây là bài học dễ áp dụng: chọn một hình cơ bản có ý nghĩa với thương hiệu, rồi quy định rõ nó được vẽ theo mấy cách và dùng ở đâu.

Logo chữ và kiểu chữ. COLLINS bỏ monogram chữ R bo tròn cũ, vẽ một logo chữ (wordmark) mới từ các khối hình học: nửa hình tròn, đỉnh phẳng, nét đứng dày, ở độ đậm đủ giữ được từ biển quảng cáo tới biểu tượng tab trình duyệt (favicon). Logo có bản ngang và bản dọc. Tiêu đề dùng Rotina của xưởng chữ Sharp Type, một kiểu chữ không chân hiện đại, chắc chắn, có thêm các bản nét uốn (swash) và nét viết (script) để tạo điểm vui.

Bảng màu tiền giấy. Thay vì một màu thương hiệu, bảng màu lấy các dải chuyển màu từ tiền giấy của nhiều nước: xanh chanh và tím cho logo, vàng cho biển quảng cáo, đỏ cho poster, xanh dương cho nền tảng. Mỗi tông là một tờ tiền từ một chiếc ví khác nhau, ghép lại thành hơn 77 loại tiền Remote chuyển mỗi ngày. Nếu bạn đang chọn màu cho một thương hiệu, bài phối màu cho thương hiệu và dự án có các cách dựng bảng màu từ một ý tưởng như vậy.

Ra ngoài đời. Chiến dịch "For a World That Works" chạy ở bảy thành phố với các poster lấy chữ làm chủ đạo, dòng "Hire and pay globally", và một phim chính sản xuất cùng Stink Studios. Muốn hiểu một bộ nhận diện đầy đủ gồm những hạng mục nào trước khi tự làm, xem bài bộ nhận diện thương hiệu gồm những gì.

2. Công cụ AI: Disney đặt hàng mô hình Firefly riêng, Instagram cho tạo bộ lọc bằng câu lệnh

Disney và Adobe. Theo The Verge (09/11), The Walt Disney Company ký hợp tác nhiều năm với Adobe, công bố tại hội nghị Adobe MAX. Qua Adobe Firefly Foundry, hai bên sẽ phát triển các mô hình AI tạo sinh riêng, huấn luyện trên chính tài sản của Disney: đặc điểm nhân vật, bối cảnh, phong cách hình ảnh. Theo thông cáo của Adobe, các mô hình này được mô tả là "do nghệ sĩ dẫn dắt" và cho ra kết quả an toàn về mặt thương mại. Bộ phận Imagineering R&D của Disney vốn đã dùng nền tảng Firefly khi phát triển công viên giải trí, và hợp tác mới sẽ mở rộng sang quy trình sáng tạo nội bộ của Walt Disney Studios, tuyến du thuyền và đồ họa của ESPN. Với người làm nghề, điều đáng chú ý là hướng đi "mô hình riêng cho từng thương hiệu": các studio lớn không dùng mô hình chung mà huấn luyện trên kho hình của chính họ. Nếu bạn chưa dùng Firefly, bài Adobe Firefly là gì giới thiệu công cụ này trong hệ sinh thái Adobe.

Instagram Effect Builder. Cũng theo The Verge (09/11), Instagram ra mắt Effect Builder trên web, một trợ lý tạo bộ lọc cho Stories bằng AI, hiện chỉ mở cho người dùng ở Mỹ từ 18 tuổi. Người dùng mô tả ý tưởng bộ lọc trong một ô câu lệnh, có thể đính kèm ảnh tham chiếu phong cách, rồi tải ảnh cá nhân lên để xem trước và yêu cầu sửa bằng các câu lệnh tiếp theo. Có tùy chọn để AI tự viết lại câu lệnh cho chi tiết hơn, nhưng trong thử nghiệm của The Verge, câu lệnh một dòng "biến ảnh thành trang truyện tranh" và bản AI viết lại dài nhiều đoạn cho ra bộ lọc gần như giống hệt nhau. Bộ lọc có thể gửi thẳng lên Instagram, qua bước duyệt an toàn rồi mới mở cho mọi người dùng, kèm đường dẫn về trang cá nhân của người tạo. Tuần trước, ứng dụng dựng video Edits của Instagram cũng đã có bản cho macOS.

3. Fursys: Porto Rocha làm nhận diện quanh một góc vuông

Chuyện gì xảy ra. Theo Abduzeedo (09/11), studio Porto Rocha làm mới nhận diện cho Fursys, hãng nội thất văn phòng Hàn Quốc thành lập năm 1983, quanh một ý: thương hiệu phải có chỗ cho sự đổi mới. Cả hệ thống chạy trên một ý tưởng hình học duy nhất, góc vuông. Chữ trắng trên nền đen, màu đỏ đặc trưng được làm mới, thêm các mảng màu phẳng xanh dương đậm và xanh lá. Mọi thành phần, từ logo chữ tới một bìa hồ sơ bằng nỉ khoét một góc vuông, đều theo cùng một logic mô-đun.

The Corner và Fursys Sans. Logo chữ được vẽ trên một lưới chung, và chính lưới đó sinh ra biểu tượng của hệ thống: The Corner, một đơn vị hình học nhỏ xuất hiện khắp nơi, in trên giấy tờ, khoét vào bìa hồ sơ, lặp lại làm họa tiết chỉ dẫn (wayfinding). Kiểu chữ riêng Fursys Sans là một kiểu chữ không chân hình học, có bộ ký tự Latin và tiếng Hàn đi cùng nhau, để thương hiệu nói một giọng ở cả Seoul và Mỹ. Cách dựng logo, biểu tượng và chữ từ cùng một lưới là ứng dụng rất rõ của hệ thống lưới trong thiết kế.

Thử trên đồ vật thật. Giọng thương hiệu được đặt tên là The Proven Visionary, với khẩu hiệu "Design for the unseen" và những câu ngắn, chắc như "The answer to complexity is simple. We call it FX-1." Bộ giấy tờ màu đen in chìm logo (ép mù, không mực), bìa hồ sơ FX-1 mở ra một dấu đỏ và một trang thông số nền đen coi dữ liệu sản phẩm như một phần của thiết kế, còn thẻ mẫu vải đặt sáu ô màu trên nền da nâu như một trang mẫu chữ.

4. Setouchi Sans: một chữ ghép OU đủ làm chữ ký cho cả một vùng

Chuyện gì xảy ra. Theo Abduzeedo (09/11), vùng Setouchi muốn được biết đến như điểm đến thứ ba của Nhật Bản, chậm và tĩnh, bên cạnh Tokyo sôi động và Kyoto cổ kính. Saffron Brand Consultants xây nhận diện vùng quanh ý "sự tĩnh lặng đắm chìm" và bỏ hẳn các biểu tượng du lịch ồn ào. Xưởng chữ Pháp Blaze Type được mời làm Setouchi Sans, nhưng họ không vẽ một họ chữ mới từ đầu.

Sửa ít mà đúng chỗ. Blaze Type lấy Osmose, một kiểu chữ không chân có sẵn trong thư viện của họ, vốn có tỉ lệ sạch, lòng chữ mở và nhịp ngang thong thả. Cách này giải quyết cùng lúc hai việc: cấp phép sử dụng cho nhiều đối tác trong vùng, và có một kiểu chữ hợp với bố cục thoáng. Họ tinh chỉnh khoảng cách từng cặp chữ (kerning) ở mọi độ đậm, và chỉ can thiệp lớn vào một chỗ: chữ ghép (ligature) OU. Nếu bạn chưa quen các thuật ngữ này, xem bài các thuật ngữ về typography.

Logo nằm sẵn trong font. Điểm hay nhất là chữ ghép không bị khóa trong logo ở góc trang. Hễ chuỗi OU xuất hiện trong tiêu đề hay đoạn văn, nét nối hiện ra ngay trong chữ như một tiếng vọng của logo. Vì nhiều đơn vị cùng làm ấn phẩm cho vùng, việc đưa dấu hiệu thương hiệu vào thẳng file font giữ mọi điểm chạm đồng bộ mà không cần mẫu đồ họa nặng nề. Với designer làm nhận diện, đây là một ý đáng thử: thay vì phát hành thêm một bộ quy chuẩn dày, hãy cài chữ ký thương hiệu vào chính công cụ mọi người sẽ gõ.

5. Typography 47: niên giám chữ đẹp nhất thế giới thu nhỏ thành sách làm việc

Chuyện gì xảy ra. Theo Abduzeedo (10/11), ấn bản thứ 47 của The World's Best Typography, niên giám của Type Directors Club (TDC) do Griffin McCabe và Joe Newton biên tập, được Slanted Publishers làm lại với khổ bìa mềm 17 × 24 cm. Giám đốc sáng tạo Lars Harmsen và Marian Misiak cùng Pola Małaczewska chọn hướng thực dụng: bỏ kiểu sách bàn trà dày nặng, làm một cuốn 384 trang gọn, mở ra làm việc được, gồm các mảng thiết kế truyền thông, lettering và thiết kế kiểu chữ.

Bìa không có chiều đứng. Trên bìa, một ma trận chấm trắng (halftone) tạo thành số 47 cỡ lớn trên nền chuyển màu cam huỳnh quang sang hồng sẫm, còn dòng chữ The World's Best Typography chạy xoay quanh cả bốn cạnh, nên bìa không có một chiều đứng duy nhất.

Gáy hở và giấy đổi theo nội dung. Gáy sách để lộ hoàn toàn: chỉ khâu đỏ chạy zíc zắc qua các vạch đen, giúp những tay sách dày nằm phẳng trên bàn mà không tự gập lại. Cách đóng này cho phép đổi loại giấy theo nội dung: giấy tráng phủ cho các trang tác phẩm in màu, giấy không tráng nhám tay cho phần mục lục và bình luận. Nếu bạn sắp làm sách hay catalogue, bài định lượng giấy GSM giúp chọn giấy cho từng phần.

Chỉ dẫn trong sách. Để các dòng ghi công dài không chen vào trang tác phẩm, mỗi mục chỉ có một mã chỉ hướng nhỏ ở chân trang, trỏ về phần mục lục và phần Judges' Choices, nơi giám khảo phân tích từng tác phẩm thắng giải kèm mã QR. Ở chân trang 318 và 319, số trang đen đậm tràn ra mép giấy, tạo thành một sọc trên cạnh sách khi gập lại. Đây là một ví dụ tốt của editorial design: thiết kế không chỉ ở từng trang mà ở cách người đọc đi lại trong cả cuốn sách.

6. Castlebound: hình vẽ 2D phẳng đứng trong thế giới 3D nhờ Unity

Chuyện gì xảy ra. Theo Creative Bloq (09/11), studio Ogre Pixel ở Mexico đang làm Castlebound, trò chơi nhập vai hành động chơi đơn hoặc tối đa bốn người, phát triển từ trò chơi di động Warcher Defenders của họ cách đây một thập kỷ. Bản cũ dùng pixel art, bản mới chuyển sang phong cách vẽ tay như sách tranh thiếu nhi.

Vì sao vẽ kiểu sticker. Đạo diễn Steve Durán cho biết phong cách này "dễ đọc" trong lối chơi hành động: nhân vật là sprite 2D có viền như sticker nên nổi bật giữa cảnh đông. Cách làm này gợi nhớ những nhân vật cắt giấy trong Paper Mario, nhờ vậy studio dùng được một bộ chuyển động giới hạn thay vì hoạt hình vẽ tay mượt từng khung.

Kỹ thuật trong Unity. "Mọi tài nguyên do họa sĩ của chúng tôi làm đều là sprite phẳng xuất ra PNG", Durán nói. Cảm giác 3D đến từ cấu hình cảnh trong Unity do lập trình viên chính Marco Elizondo dựng, và anh cũng dạy các họa sĩ tự dựng cảnh từ tài nguyên 2D. Một công cụ quan trọng khác là thiết lập ánh sáng để đổi môi trường giữa sáng, trưa và đêm: đôi khi chỉ đổi ánh sáng là màn chơi đã khác hẳn, còn bóng đổ 3D thêm chiều sâu. Nếu bạn muốn vào nghề làm hình cho game, bài ngành thiết kế game học ở đâu, lộ trình thế nào là điểm bắt đầu.

Câu hỏi thường gặp

Bộ nhận diện mới của Remote được xây trên ý tưởng gì?

Theo Abduzeedo, COLLINS coi mỗi phiếu lương là một đơn vị lặp lại như viên gạch hay container, nên xây cả thương hiệu từ một khối lập phương có thể xếp chồng, xoay và ghép lớn. Khối này vẽ theo ba cách (nét phẳng, phối cảnh một điểm tụ, isometric) và đi cùng bảng màu chuyển màu lấy từ tiền giấy nhiều nước.

Chữ ghép (ligature) là gì?

Chữ ghép là một ký tự thay cho hai hay nhiều chữ cái đứng cạnh nhau, ví dụ fi hay fl trong nhiều font. Setouchi Sans thêm chữ ghép OU, nên mỗi khi gõ O rồi U, phần mềm tự thay bằng nét nối giống logo, kể cả trong đoạn văn.

Firefly Foundry khác Firefly thông thường thế nào?

Theo The Verge và thông cáo của Adobe, Firefly Foundry là dịch vụ cùng doanh nghiệp xây mô hình AI tạo sinh riêng, huấn luyện trên tài sản của chính doanh nghiệp đó (với Disney là nhân vật, bối cảnh, phong cách hình ảnh), thay vì dùng mô hình Firefly chung cho mọi người.

Instagram Effect Builder dùng được ở Việt Nam chưa?

Theo The Verge (09/11), Effect Builder hiện chỉ mở cho người dùng ở Mỹ từ 18 tuổi, trên web. Instagram chưa công bố lịch mở cho các nước khác.

Làm sao để hình vẽ 2D trông có chiều sâu trong game?

Cách của Ogre Pixel trong Castlebound là giữ nhân vật và cảnh dưới dạng ảnh PNG phẳng, rồi đặt chúng vào một cảnh 3D trong Unity, thêm ánh sáng theo giờ trong ngày và bóng đổ. Viền như sticker quanh nhân vật giúp chúng tách khỏi nền.

Đọc thêm

Tin sáng tạo quốc tế được cập nhật mỗi ngày trong mục Newsroom của Blog ColorME. Hai bản tin gần nhất: Pentagram dựng nhận diện London Design Festival 2026 quanh một chiếc khung đỏ và The New York Times 175 năm với bộ số Fraktur vẽ riêng.