Lợi nhuận:
- Khả năng tạo bố cục hữu ích với các nguyên tắc phân cấp trực quan, căn chỉnh, lưới, khoảng cách và tiêu điểm
- Tạo hình ảnh với khoảng trống cho văn bản và tạo văn bản có thể chỉnh sửa cũng như vị trí chính xác trong chương trình thiết kế
- Khả năng ngăn chặn nguy cơ cắt và phế liệu bằng cách áp dụng các quy tắc định dạng như vùng an toàn và in tràn
Sự khác biệt giữa một hình ảnh đẹp và một thiết kế hiệu quả thường nằm ở bố cục: vị trí của các thành phần trong trang. Bố cục xác định nơi mắt nhìn đầu tiên trên áp phích, liệu văn bản có xuất hiện trên thẻ truyền thông xã hội hay không và cách thông tin chảy trong tài liệu quảng cáo. Trong phần này, chúng ta sẽ tìm hiểu các nguyên tắc bố cục (sắp xếp các phần tử trong một tổng thể) và những điểm mà AI hữu ích cũng như hạn chế trong quá trình này. Sự thật quan trọng: AI tạo ra hình ảnh, nhưng bố cục chính xác nằm trong tay nhà thiết kế, trong một chương trình thiết kế.
Tại sao AI không thể tự mình bố trí được?
AI tạo ra hình ảnh “đẹp trai” toàn diện; nhưng bố cục của thiết kế đòi hỏi độ chính xác của pixel, văn bản có thể chỉnh sửa, căn chỉnh và khoảng cách nhất quán. Bạn không thể dịch chuyển văn bản, căn chỉnh logo chính xác hoặc đo lề trong hình ảnh do AI tạo ra. Vì vậy, quy trình chuyên nghiệp là thế này: tạo các yếu tố nền/hình ảnh bằng AI, thiết lập bố cục (văn bản, logo, căn chỉnh) trong chương trình thiết kế. AI cung cấp cho bạn ý tưởng về nguyên liệu thô và thành phần; Vị trí chính xác là quyết định của bạn.
Nguyên tắc cơ bản của thành phần
- Phân cấp trực quan: Sắp xếp các yếu tố theo thứ tự quan trọng. Mắt sẽ nhìn vào phần tử lớn nhất/tương phản đầu tiên. Thứ tự của tiêu đề > tiêu đề phụ > nội dung > chi tiết được thiết lập.
- Alignment: Sắp xếp các phần tử theo đường nét vô hình; Nó ngăn ngừa sự lộn xộn và mang lại cảm giác trật tự.
- Lưới: Hệ thống chia trang thành các cột và hàng vô hình; Đảm bảo vị trí nhất quán của các mặt hàng.
- Khoảng trắng (khoảng trắng): Khoảng trống giữa các phần tử; Nó cho phép thiết kế "thở" và có thể đọc được. Không gian nhỏ = chật chội và nghiệp dư.
- Cân bằng: Phân bổ trọng lượng thị giác; Nó có thể đối xứng (yên tĩnh) hoặc không đối xứng (động).
- Độ tương phản: Hướng sự chú ý bằng sự khác biệt về kích thước, màu sắc hoặc độ dày.
- Tiêu điểm: Nơi đầu tiên mắt nhìn tới; phải được thiết kế có ý thức.
Mẹo: Khi tạo hình ảnh, hãy nói "chừa khoảng trống cho văn bản" (ví dụ: "thứ ba trên cùng trống, trơn") tại dấu nhắc. Bằng cách này, bạn sẽ không gặp khó khăn khi thêm văn bản vào hình ảnh AI sau này và có thể thiết lập hệ thống phân cấp.
Thiết lập bố cục từng bước
- Xác định mục đích: Thiết kế này nên làm gì? (thông báo, bán hàng, thông tin). Xác định thứ tự ưu tiên.
- Kiểm kê nội dung: Tiêu đề, văn bản thay thế, hình ảnh, logo, cuộc gọi (nút/CTA) là gì?
- Thiết lập hệ thống phân cấp: Đặt phần tử quan trọng nhất ở vị trí và kích thước mạnh nhất.
- Chọn lưới: Xác định cấu trúc cột mà bạn sẽ căn chỉnh các phần tử trong đó.
- Tạo hình ảnh bằng AI: Tạo nền/phần tử với tỷ lệ phù hợp, có khoảng trống cho văn bản.
- Căn chỉnh trong chương trình thiết kế: Căn chỉnh văn bản, logo, cuộc gọi; thiết lập các khoảng trắng.
- Kiểm tra: Phóng to, nhìn từ xa, kiểm tra xem mắt nhìn vào đâu trước.
Các kỹ thuật thực hành để hướng mắt
Bố cục thực sự là nghệ thuật hướng mắt. Ánh mắt của người xem không lang thang một cách ngẫu nhiên; Nó tuân theo những dấu hiệu nhất định và một nhà thiết kế giỏi sử dụng chúng một cách có ý thức. Đầu tiên là kích thước và độ tương phản: yếu tố lớn nhất và tương phản nhất sẽ thu hút ánh nhìn đầu tiên, vì vậy hãy đặt thông điệp quan trọng nhất vào đó. Thứ hai là các đường dẫn: các đường tự nhiên trong ảnh (đường đi, tầm với của cánh tay, mép bàn) đưa mắt đến một điểm nhất định; Đặt sản phẩm hoặc tiêu đề ở nơi những dòng này kết thúc sẽ làm tăng hiệu ứng. Thứ ba, nhấn mạnh vào không gian: khoảng trống lớn xung quanh một phần tử làm cho phần tử đó nổi bật — một từ đứng một mình trên một trang dày đặc sẽ có sức mạnh rất lớn. Thứ tư, hướng đọc: trong hầu hết các nền văn hóa, mắt di chuyển theo hình chữ “Z” hoặc “F” từ phía trên bên trái xuống phía dưới bên phải; vì vậy việc đặt logo ở phía trên bên trái và nút gọi ở phía dưới bên phải sẽ tạo ra một luồng trực quan. Bạn có thể đưa những kỹ thuật này vào lời nhắc của mình khi tạo phông nền bằng AI: "bố cục hướng từ dưới cùng bên trái lên trên cùng bên phải" hay "một phần tử ở giữa, không gian rộng xung quanh", v.v. Như vậy, hình ảnh không chỉ trở nên đẹp mà còn là công cụ truyền tải thông điệp theo đúng thứ tự.
Hình thức - đặc biệt chú ý
Mỗi phương tiện có quy tắc riêng: bài đăng trên Instagram 1:1 hoặc 4:5, câu chuyện 9:16, biểu ngữ web 16:9. Khái niệm về vùng an toàn rất quan trọng: giữ các phần tử quan trọng ở xa rìa để chúng không bị cắt bớt hoặc nằm dưới các phần tử giao diện (hồ sơ trong câu chuyện, các nút). Trong quá trình in ấn, cần phải có lề: kéo dài thiết kế ra khỏi mép một chút để tránh các đường trắng ở lề cắt.
ba trường hợp nhỏ
Trường hợp 1 - Thiết kế thoáng khí. Thẻ chiến dịch của một nhà thiết kế đã chật chội; tiêu đề, văn bản và logo bị xáo trộn với nhau. Anh ấy đã tái tạo hình ảnh với “khoảng trống thứ ba trên cùng” và đặt văn bản vào không gian đó theo thứ bậc. Tỷ lệ nhấp tăng đáng kể trong nhóm thử nghiệm; phản hồi "dễ đọc" đã đến.
Trường hợp 2 - Lỗi vùng an toàn. Trong thiết kế câu chuyện, khẩu hiệu quan trọng nằm ở phía dưới; Nó bị ẩn dưới nút "cuộn" trong chương trình phát sóng và không xuất hiện. Với quy định về vùng an toàn, khẩu hiệu được đặt cao và chính giữa. Trong chiến dịch tiếp theo, thông điệp đã rõ ràng và không cần thiết kế lại.
Trường hợp 3 - In bị chảy máu. Một tập tài liệu được in không bị chảy máu; các đường trắng mỏng xuất hiện ở các cạnh và 300 mảnh đã bị loại bỏ (mất khoảng 1.200 TL). Công việc tiếp theo là thêm vết tràn 3 mm vào thiết kế; Vết cắt trở nên sạch sẽ.
Mẫu có thể sao chép
1) Tạo nền cách đều cho văn bản:
Tạo hình nền cho thiết kế [phương tiện]. Tỷ lệ: [1:1 / 9:16 / 16:9]. Giữ trống thứ ba ở trên cùng (đối với tiêu đề). Giai điệu thương hiệu: [tính từ]. Đặt văn bản/logo dễ đọc. Màu sắc phù hợp với bảng màu: [màu sắc].
2) Sơ đồ phân cấp:
Tạo sơ đồ phân cấp trực quan cho thiết kế sau. Mục đích: [thông báo/bán hàng/thông tin]. Các thành phần: [tiêu đề, văn bản thay thế, hình ảnh, biểu tượng, chú thích]. Cung cấp cho mỗi phần tử một thứ tự quan trọng, vị trí gợi ý và kích thước tương đối. Mô tả đường đi mà mắt sẽ đi theo (tiêu điểm → phụ).
3) Khuyến nghị về lưới và căn chỉnh:
Đề xuất sơ đồ lưới và căn chỉnh đơn giản cho nội dung sau: [danh sách nội dung], tỷ lệ [x]. Tôi nên sử dụng bao nhiêu cột, căn chỉnh các phần tử như thế nào, tôi nên để lại bao nhiêu khoảng trống (lề)? Giữ nó đơn giản và cân bằng.
4) Kiểm soát bố cục:
Đánh giá tuyên bố thiết kế sau đây về mặt bố cục: hệ thống phân cấp có rõ ràng không, căn chỉnh có nhất quán không, có đủ khoảng trắng không, nó có vừa với không gian an toàn không, tiêu điểm có rõ ràng không? Trả lời dưới dạng gợi ý.Mô tả: [dán]
Dấu nhắc yếu / Dấu nhắc mạnh
Yếu: Tạo hình ảnh banner giảm giá và nói 50%.
Kết quả: AI viết bị lỗi “50%”, các phần tử được sắp xếp ngẫu nhiên, bạn không thể chỉnh sửa văn bản; không thể sử dụng được
Mạnh mẽ: Tạo hình nền cho chiến dịch bán hàng: tỷ lệ 4:5, tông màu ấm áp tràn đầy năng lượng, không gian đơn giản rộng rãi cho văn bản ở phía trên bên trái, sản phẩm ở phía dưới bên phải. Đưa văn bản có thể đọc được; Tôi sẽ căn chỉnh tiêu đề, thông tin “50%” và nút trong chương trình thiết kế.
Kết quả: một nền phân cấp, có thể chỉnh sửa, dành chỗ cho văn bản.
Sự khác biệt: Cách tiếp cận mạnh mẽ sẽ tách văn bản khỏi AI, lập kế hoạch về khoảng cách và tỷ lệ, đồng thời giao bố cục cho nhà thiết kế.
Bảng nguyên tắc sáng tác
nguyên tắc
Những gì cung cấp
Mẹo thiết thực
thứ bậc
Thứ tự đọc
Đặt điều quan trọng nhất thành độ tương phản/lớn nhất
căn chỉnh
ý thức trật tự
Xếp các đường vô hình
lưới
tính nhất quán
Sử dụng hệ thống cột
không gian
Khả năng đọc
Nén, thở ra
khu vực an toàn
không cắt
Giữ các vật phẩm từ rìa
chảy máu
in rõ ràng
Nó mang cạnh 3 mm
Những lỗi thường gặp
- In văn bản lên AI: Văn bản bị hỏng, không thể chỉnh sửa; Thêm văn bản vào chương trình thiết kế.
- Không chừa khoảng trống: Thiết kế chật chội, nghiệp dư.
- Không có thứ bậc: Mọi thứ đều có cùng kích thước; Mắt không biết đi đâu.
- Quên vùng an toàn: Phần tử quan trọng bị kẹt dưới giao diện hoặc bị cắt.
- Bỏ qua tràn lề: Cạnh trắng và có vết xước khi in.
Tóm lại
Bố cục là sự sắp xếp có chủ ý của các phần tử và biến hình ảnh thành một thiết kế khả thi. Phân cấp, căn chỉnh, lưới, không gian, cân bằng và tương phản là những nguyên tắc cơ bản. AI tạo ra các yếu tố nền và hình ảnh, đưa ra ý tưởng bố cục; nhưng bố cục chính xác đến từng pixel, văn bản có thể chỉnh sửa và căn chỉnh đều nằm trong tay người thiết kế trong chương trình thiết kế. Cho phép khoảng trống cho văn bản, khoảng trống an toàn và in tràn lề là những quy tắc kinh nghiệm quyết định khả năng sử dụng của đầu ra.
Nhiệm vụ ứng dụng
Chọn phương tiện và mục đích (ví dụ: bài đăng bán hàng trên Instagram). Kiểm kê nội dung, lập kế hoạch phân cấp. Tạo nền có tỷ lệ chính xác và có không gian cho văn bản bằng AI. Sau đó căn chỉnh và đặt tiêu đề, văn bản thay thế, logo và chú thích trong chương trình thiết kế (hoặc dưới dạng bản phác thảo trên giấy). Kiểm tra xem mắt nhìn vào đâu đầu tiên bằng cách phóng to và nhìn từ xa và ghi chú lại.
danh sách kiểm tra
- [ ] Tôi đã xác định được mục đích và nội dung tồn kho.
- [ ] Tôi đã thiết lập sơ đồ phân cấp trực quan.
- [ ] Tôi đã tạo ra hình ảnh có khoảng trống cho văn bản và tỷ lệ chính xác.
- [ ] Tôi đã căn chỉnh văn bản và các thành phần trong chương trình thiết kế.
- [ ] Tôi đã quan sát vùng an toàn và lề lề (nếu đang in).
- [ ] Tôi đã làm nó nhỏ hơn và kiểm tra điểm lấy nét.