Thumbnail sketch là những bản phác bố cục rất nhỏ, thường cỡ con tem hoặc bao diêm, vẽ nhanh bằng bút trong vài chục giây mỗi bản, để thử thật nhiều cách sắp xếp trước khi chọn một hướng làm kỹ. Kích thước nhỏ là cố ý: nó buộc bạn chỉ nghĩ về khối lớn — đâu là điểm nhấn, chữ và hình chiếm bao nhiêu, mắt người xem đi theo đường nào — chứ chưa bận tâm tới font hay màu.
Có AI, nhiều người bỏ bước này và tạo thẳng vài ảnh hoàn chỉnh để chọn. Kết quả là ít phương án hơn, các phương án lại giống nhau, và người thiết kế mất dần khả năng nhìn bố cục. Bài này đi qua cách phác thumbnail, các trục biến đổi để không phác lặp, và những chỗ AI hỗ trợ được mà không làm thay đôi tay của bạn.
Vì sao bản phác càng nhỏ càng có ích
Khi khung phác lớn, bàn tay tự nhiên muốn vẽ chi tiết: viết chữ cho rõ, tô bóng cho hình, chỉnh đường viền. Mỗi bản tốn mười phút, và sau bốn bản bạn đã mệt. Khi khung chỉ rộng ba bốn đốt ngón tay, không còn chỗ cho chi tiết; tiêu đề là một vạch đậm, đoạn chữ là vài đường mảnh, hình là một khối tô gạch chéo. Mỗi bản chỉ mất nửa phút, nên hai mươi bản không phải là chuyện lớn.
Số lượng quan trọng vì những bố cục đầu tiên bạn nghĩ ra thường là bố cục quen tay nhất. Bản thứ mười hai, mười lăm mới bắt đầu xuất hiện những sắp xếp bạn chưa từng thử. Phác nhỏ còn giúp nhìn tổng thể như người qua đường nhìn: một tấm biển hay một bài đăng lướt qua trên điện thoại đều được nhìn trong thoáng chốc, ở kích thước nhỏ, đúng như thumbnail.
Một mẹo thường được dạy trong lớp thiết kế: đặt các thumbnail cạnh nhau rồi lùi xa một hai bước, hoặc nheo mắt. Bố cục nào vẫn rõ điểm nhấn khi mờ đi là bố cục có cấu trúc tốt. Bố cục nào thành một mảng xám đều là bố cục chưa có phân cấp, dù khi phóng to lên có thể trông "đầy đủ".
Dụng cụ và cách chuẩn bị khung phác
Không cần gì đặc biệt. Điều cần là khung đúng tỷ lệ với sản phẩm cuối, vì bố cục của một khung vuông khác hẳn một khung đứng hay một dải ngang.
- Giấy kẻ ô hoặc giấy trắng khổ A4, chia sẵn mười hai đến hai mươi khung nhỏ đúng tỷ lệ: vuông cho bài đăng, đứng cho tờ rơi và ảnh câu chuyện, ngang dài cho biển hiệu và ảnh bìa.
- Bút dạ đen nét vừa, không dùng bút chì để tránh tẩy xoá. Muốn sửa thì phác bản mới.
- Một bút dạ xám hoặc bút đánh dấu nhạt để tô khối hình và mảng màu lớn.
- Nếu phác trên máy tính bảng, tạo sẵn một tệp có lưới khung nhỏ, khoá lớp lưới, và tắt chức năng làm mượt nét để đỡ bị cuốn vào chi tiết.
- Danh sách nội dung bắt buộc lấy từ brief: tiêu đề, dòng phụ, hình chính, logo, thông tin liên hệ, lời kêu gọi. Mỗi bản phác phải chứa đủ những thứ này ở dạng khối.
Đếm nội dung bắt buộc trước khi phác là bước nhỏ nhưng hay bị bỏ. Một bố cục đẹp với ba khối sẽ hỏng khi khách nhắc còn thiếu dòng giờ mở cửa và mã quét thanh toán.
Các trục biến đổi để không phác lặp lại
Cách nhanh nhất để có hai mươi bố cục khác nhau là thay đổi có chủ đích từng trục một. Bảng dưới là các trục thường dùng; mỗi khi thấy mình đang vẽ lại bản cũ, chọn một trục và đẩy nó tới cực.
| Trục | Một đầu | Đầu kia |
|---|---|---|
| Tỷ lệ chữ và hình | Hình chiếm gần hết khung, chữ rất nhỏ | Chữ là hình, không có ảnh |
| Vị trí điểm nhấn | Chính giữa, đối xứng | Lệch hẳn về một góc, khoảng trắng lớn |
| Hướng đọc | Từ trên xuống dưới | Chéo, hoặc từ một điểm toả ra |
| Mật độ | Rất thoáng, một hai phần tử | Dày, nhiều lớp, kiểu báo chí |
| Cỡ chữ tiêu đề | Vừa phải, lịch sự | Cực lớn, cắt ra ngoài khung |
| Ranh giới khung | Mọi thứ nằm gọn trong lề | Hình tràn mép, bị cắt có chủ đích |
| Nhịp lặp | Một phần tử duy nhất | Nhiều phần tử giống nhau lặp thành hoạ tiết |
Không phải đầu cực nào cũng dùng được, nhưng đi tới cực giúp bạn thấy giới hạn. Bản cuối thường nằm đâu đó giữa hai đầu, và nhờ đã thử cả hai, bạn biết vì sao mình dừng ở vị trí đó.
Một buổi phác ba mươi phút
Quy trình dưới đây hợp với một ấn phẩm đơn như tờ rơi, bài đăng chủ đạo hay biển hiệu.
- Năm phút: đọc lại câu mục tiêu và danh sách nội dung bắt buộc. Viết lên đầu tờ phác: "Người xem phải thấy ... đầu tiên".
- Mười phút: phác mười bản nhanh nhất có thể, mỗi bản không quá một phút. Không đánh giá.
- Năm phút: nhìn mười bản, chọn trục chưa thử, phác thêm sáu đến mười bản theo các trục đó.
- Năm phút: lùi xa, nheo mắt, khoanh ba đến năm bản rõ điểm nhấn nhất. Ghi cạnh mỗi bản một dòng lý do.
- Năm phút: phóng to hai ba bản được chọn lên khung lớn hơn, gọi là rough, thêm khối chữ đúng tỷ lệ tương đối. Đây là lúc mới bắt đầu nghĩ đến độ dài thật của tiêu đề.
Chụp lại tờ phác và lưu vào thư mục dự án. Những bản bị loại hôm nay có thể là lời giải cho một ấn phẩm khác của cùng khách, chẳng hạn bản tràn mép không hợp tờ rơi nhưng lại hợp ảnh bìa.
Bốn câu hỏi để chọn bố cục từ tờ phác
Mắt dừng ở đâu đầu tiên, và có đúng chỗ brief muốn không? Nhìn từng bản trong hai giây rồi quay đi, ghi lại thứ nhớ được. Nếu brief muốn người xem nhớ tên tiệm mà bản phác khiến mắt dừng ở hình minh hoạ, bố cục đang phục vụ sai mục tiêu, dù có thể rất đẹp.
Thứ tự đọc có tự nhiên không? Sau điểm dừng đầu tiên, mắt cần biết đi đâu tiếp: tiêu đề, rồi dòng phụ, rồi lời kêu gọi. Bản phác mà các khối cùng cỡ, cùng độ đậm sẽ khiến mắt nhảy lung tung. Thử dùng bút chì vẽ đường mắt đi trên bản phác; đường càng đơn giản càng tốt.
Bố cục có chịu được nội dung thật không? Tiêu đề trong bản phác là một vạch ngắn, nhưng tiêu đề thật của khách có thể dài gấp đôi, tiếng Việt lại có dấu chiếm thêm khoảng dòng. Chọn bản còn đứng vững khi tiêu đề dài ra, khi khách thêm một dòng khuyến mãi, khi logo phải to hơn theo ý chủ.
Bố cục có sống được ở các kích thước khác không? Một bộ ấn phẩm thường cần cùng bố cục ở khung vuông, khung đứng, khung ngang. Phác nhanh bản được chọn ở hai tỷ lệ còn lại; bản nào chuyển đổi được mà vẫn giữ điểm nhấn sẽ tiết kiệm cho bạn rất nhiều công ở giai đoạn làm hàng loạt biến thể.
AI hỗ trợ ở đâu trong bước phác
Gợi trục biến đổi khi bạn bí. Mô tả bằng lời nội dung và tỷ lệ khung, nhờ AI liệt kê thêm những cách sắp xếp khác thường: chữ xoay dọc, hình chia đôi khung, tiêu đề nằm dưới cùng. AI không cần vẽ; một danh sách mô tả là đủ để bạn phác tiếp.
Kiểm danh sách nội dung. Dán brief đã che thông tin, nhờ AI liệt kê mọi phần tử nội dung bắt buộc và hỏi phần tử nào thường bị quên với loại ấn phẩm này. Đây là bước rẻ mà tránh được việc phải bố cục lại.
Thử không khí sau khi đã có bố cục. Khi đã chọn được hai ba bố cục, bạn có thể tạo ảnh AI để thử chất liệu hay ánh sáng cho mảng hình. Thứ tự này giữ quyền quyết định bố cục ở bạn.
Không nên: tạo ảnh hoàn chỉnh thay cho thumbnail. Ảnh AI hoàn chỉnh trộn lẫn bố cục, màu, chất liệu, chữ giả. Bạn khó tách ra được điều gì làm bản đó hiệu quả, và các ảnh tạo cùng một câu lệnh thường có bố cục na ná nhau, vì mô hình hay trả về cách sắp xếp phổ biến.
Không nên: để AI chọn bản tốt nhất. AI có thể nhận xét về cân bằng hay tương phản nếu bạn chụp tờ phác gửi lên, nhưng nó không biết tấm biển sẽ treo ở đầu hẻm có cột điện che một góc. Chọn bố cục là việc của người biết bối cảnh.
Từ thumbnail lên bản làm kỹ, và cách trình bày nếu khách muốn xem
Thumbnail là công cụ suy nghĩ, thường không gửi khách. Thứ khách xem là bản rough hoặc bản phác trên máy ở mức xám, chưa màu, chữ đúng nội dung thật. Khi chuyển từ thumbnail sang máy, giữ nguyên tỷ lệ khối như bản phác trước, rồi mới tinh chỉnh. Nhiều người mở phần mềm là lập tức chỉnh lại theo thói quen và đánh mất chính điều làm bản phác có sức sống.
Một số khách, nhất là chủ cửa hàng nhỏ, lại thích xem tờ phác tay. Nó cho họ cảm giác được tham gia từ sớm và thấy công sức. Nếu gửi, chọn ba bốn bản tiêu biểu, phác lại sạch hơn một chút trên khung lớn, ghi chú bằng chữ từng khối là gì, và nói rõ đây là cấu trúc, chưa phải hình thức cuối. Phần trình bày phương án cho khách và nhận góp ý được bàn kỹ ở danh mục làm việc với khách.
Với sinh viên, thumbnail là bài tập luyện mắt rất tốt: mỗi ngày phác mười bố cục cho một ấn phẩm bất kỳ bạn thấy ngoài phố, rồi so với bản thật. Sau vài tháng, bạn sẽ nhìn ra cấu trúc của mọi ấn phẩm nhanh hơn, và khi dùng AI, bạn biết mình muốn gì đủ rõ để mô tả cho nó.
Câu hỏi thường gặp
Thumbnail sketch khác gì với wireframe?
Cả hai đều phác cấu trúc ở dạng khối. Thumbnail thường dùng cho ấn phẩm đồ hoạ và làm rất nhanh, rất nhỏ. Wireframe dùng cho giao diện web và ứng dụng, chi tiết hơn về chức năng, luồng thao tác và trạng thái, thường làm trên máy với kích thước thật.
Không biết vẽ có phác thumbnail được không?
Được. Thumbnail chỉ cần hình chữ nhật, vạch đậm, vạch mảnh, khối gạch chéo và vòng tròn. Không ai chấm thumbnail về độ đẹp. Điều quan trọng là thấy rõ điểm nhấn và tỷ lệ, việc mà ai cầm bút cũng làm được sau vài buổi tập.
Phác trên giấy hay trên máy tính bảng thì tốt hơn?
Giấy nhanh và không có nút hoàn tác, nên bạn ít sửa và phác được nhiều hơn. Máy tính bảng tiện lưu trữ và chuyển sang phần mềm. Nhiều người phác thumbnail trên giấy, rồi làm rough trên máy tính bảng.
Cần phác bao nhiêu thumbnail cho một ấn phẩm?
Không có con số chuẩn, nhưng mười lăm đến hai mươi bản cho một ấn phẩm chính là mức thường được khuyên. Ấn phẩm nhỏ lặp lại hằng tuần như bài đăng thì làm một lần cho bộ khung, sau đó chỉ cần vài bản cho biến thể.
Có thể dùng AI vẽ phác thô để thay cho tay không?
Có thể dùng để tham khảo, nhưng bạn sẽ mất phần luyện mắt và thường nhận về các bố cục na ná nhau. Nếu dùng, hãy tự phác trước mười bản rồi mới xem AI, để so sánh chứ không để thay thế.