Thiết kế web tiêu đề lớn đặt một câu cỡ chữ rất lớn ở đầu trang để khách nắm ý chính trước khi đọc bất cứ điều gì khác. Phong cách Tiêu đề lớn, thông điệp rõ hợp với doanh nghiệp đã biết mình muốn nói gì và có thể nói điều đó trong một câu.
Chữ to không cứu được câu nhạt. Vì vậy, việc khó hơn chọn kiểu chữ là viết được câu đáng in to. Mẫu dưới đây nằm trong thư viện giao diện Mạnh An AI.
Một câu phải gánh cả màn hình đầu.
Mẫu xưởng in mở bằng hai dòng: “In đẹp.” màu đỏ, “Giao đúng hẹn.” màu xanh đậm. Hai dòng này chiếm phần lớn chiều ngang bên trái đầu trang. Bạn có thể đọc chúng từ xa, trước cả khi để ý đến người thợ đang xem các bản in ở bên phải.
Điều đáng học là thứ tự. Tiêu đề nói ý chính. Một câu dưới đó giải thích ý ấy áp dụng cho ai. Bốn biểu tượng nói ngắn các lợi ích. Cuối cùng là nút “Gửi yêu cầu in ngay” và số điện thoại. Khách không phải chọn nên đọc gì trước.
Ảnh minh họa hoạt động in ấn, còn tiêu đề truyền tải thông điệp chính. Nếu che ảnh đi, thông điệp vẫn còn. Nếu che tiêu đề đi, khách chỉ thấy một người đang cầm tờ in. Đó là phép thử nhanh để nhận ra phong cách này.
Tiêu đề yếu nói về bạn. Tiêu đề rõ nói về khách.
Phần lớn tiêu đề yếu không sai, chỉ là doanh nghiệp nào cũng có thể dùng. Bảng dưới đây là các câu mẫu về cách viết, không phải cam kết dịch vụ. Hãy thay bằng điều doanh nghiệp bạn thật sự làm được.
| Tiêu đề yếu | Tiêu đề rõ hơn | Điều đã sửa |
|---|---|---|
| Giải pháp truyền thông toàn diện | Giúp quán mới có khách trong khu phố | Thay danh từ chung bằng người nhận và việc cụ thể |
| Đào tạo công nghệ chất lượng cao | Học viết mã. Làm ra sản phẩm. | Thay lời tự khen bằng việc người học sẽ làm |
| Đồng hành pháp lý cùng doanh nghiệp | Biết rõ rủi ro trước khi ký | Chỉ ra đúng thời điểm khách cần đến |
| Chào mừng đến với công ty chúng tôi | Sửa điều hòa tại nhà, báo giá trước khi làm | Bỏ lời chào, nói ngay việc và điều kiện |
| Uy tín tạo nên thương hiệu | Nhận đơn in ít, vẫn kiểm tra từng bản | Thay khẩu hiệu bằng điều khách kiểm chứng được |
| Nâng tầm phong cách sống | Nội thất đóng đúng kích thước căn hộ nhỏ | Thay lời bay bổng bằng vấn đề có thật |
Có ba câu hỏi giúp bạn tự sửa. Đổi tên công ty khác vào, câu đó còn đúng không? Nếu còn, câu quá chung. Khách có biết đây là dịch vụ gì không? Nếu không, câu đang quá bóng bẩy. Bạn có chứng minh được không? Nếu không, đừng in to.
Chia trang theo câu khách hỏi.
Mỗi phần chỉ nên trả lời một câu hỏi. Câu trả lời ngắn đứng đầu, in lớn. Phần giải thích theo sau, chữ thường. Trình tự này giúp khách lướt bằng tiêu đề và chỉ dừng ở chỗ mình quan tâm.
| Khách đang hỏi | Tiêu đề trả lời | Phần giải thích |
|---|---|---|
| Bên này làm gì? | In đẹp. Giao đúng hẹn. | Một câu về loại khách và loại ấn phẩm |
| Có in thứ tôi cần không? | In từ danh thiếp đến bao bì. | Thẻ sản phẩm có ảnh và mô tả ngắn |
| Làm thế nào để đặt? | Gửi tệp, xem mẫu, rồi mới in. | Các bước, tệp cần có, việc khách phải duyệt |
| Tôi còn lo điều gì? | Hỏi trước khi đặt in. | Hỏi đáp về số lượng ít, thiết kế, giao hàng |
| Giờ tôi làm gì tiếp? | Gửi yêu cầu, nhận tư vấn. | Nút chính và cách liên hệ |
Mẫu gốc đã đi gần đến cách này ở phần quy trình và hỏi đáp đặt cạnh nhau. Tuy nhiên, “Sản phẩm in ấn nổi bật” hay “Dịch vụ in ấn của chúng tôi” vẫn là nhãn mục, chưa phải thông điệp. Khi triển khai thật, bạn nên đổi các nhãn đó thành câu trả lời.
Xếp câu trước, chọn chữ sau.
Hãy xác định thông điệp của từng phần trước khi chọn kiểu chữ và kích thước. Câu dài bảy từ và câu dài mười lăm từ cần hai cách xếp khác nhau, nên chọn cỡ chữ trước thường dẫn tới việc cắt chữ cho vừa.
- Ngắt dòng theo ý. Mỗi dòng nên là một cụm đọc được. Không để một từ lẻ rơi xuống dòng cuối.
- Chừa chỗ cho dấu. Tiếng Việt có dấu trên và dấu dưới, nên khoảng cách dòng quá sát có thể làm dấu chạm dòng kế bên.
- Chỉ một câu to nhất. Mẫu gốc giảm cỡ rõ rệt từ tiêu đề đầu trang sang tiêu đề các mục, nhờ đó mắt biết đâu là ý chính.
- Chừa khoảng thoáng. Các nhóm thông tin cần đủ cách nhau để khách đọc thuận tiện và tìm thấy bước tiếp theo.
- Không đặt chữ lên chỗ rối của ảnh. Chữ to lấn vào ảnh chỉ ổn khi vùng ảnh đó sáng và ít chi tiết như mẫu xưởng in. Trên nền ảnh, bạn nên đo độ tương phản theo WCAG 1.4.3.
- Thử trên điện thoại trước. Câu to trên màn hình rộng có thể thành năm, sáu dòng trên màn hình hẹp. Nếu vậy, nên rút câu thay vì thu chữ quá nhỏ.
Cùng cỡ chữ lớn, ba giọng khác nhau.
Ba giao diện dưới đây được tạo riêng để minh họa, với các tên giả định Nói Rõ, Viết Mã và Luật Minh Bạch. Chúng không phải dự án đã bàn giao. Mọi tên người, số điện thoại và nội dung trong ảnh đều là ví dụ.
Công ty marketing: tiêu đề như tấm áp phích
Khối xanh cô ban chạy hết chiều ngang, không dùng ảnh nền. Câu “Khách chưa hiểu. Đừng chạy quảng cáo.” chiếm gần trọn khối, từ “hiểu” có nét gạch san hô như viết tay. Ảnh cô gái cầm giấy ghi chú chỉ là một mảnh cắt nhỏ bên phải. Sau đó là ba thẻ câu hỏi dưới tiêu đề “Bạn đang kẹt ở đâu?”, bốn dịch vụ, một cặp thẻ trước và sau khi viết lại, rồi ba bước đánh số lớn. Giọng này hợp khi chính cách nói là thứ công ty đang bán.
Khóa học lập trình: ba dòng thành một lộ trình
Trên nền xám than có vệt số dòng như trình soạn mã, ba dòng “Học viết mã. Làm ra sản phẩm. Rồi đi xin việc.” xếp chồng bên trái, kết bằng một con trỏ xanh bạc hà. Bên phải là cửa sổ mã lồng lên ảnh học viên. Bốn câu hỏi của người mới đứng ngay sau dải công nghệ, tiếp đến ba lộ trình, đường học năm chặng và các bài tập mẫu. Khi áp dụng thật, “xin việc” chỉ nên viết như một định hướng, kèm mô tả rõ khóa học hỗ trợ gì, vì không nên để khách hiểu là cam kết việc làm.
Văn phòng luật: chữ to mà giọng vẫn nhỏ nhẹ
Chữ lớn không nhất thiết phải ồn. Trên nền giấy ngà, “Biết rõ rủi ro trước khi ký.” nằm giữa trang bằng chữ có chân, giống trang nhất của một tờ báo. Ảnh luật sư và khách đọc hợp đồng được đặt tách hẳn bên dưới. Dải xanh chai “Bạn đang hỏi điều gì?” gom sáu câu hỏi kèm câu trả lời ngắn, rồi đến quy trình đánh số La Mã, đội ngũ và bài viết pháp lý. Với ngành này, ảnh đội ngũ cần được thay bằng người thật, còn câu trả lời mẫu cần luật sư duyệt lại.
Mười hai ngành khác nên bắt đầu từ một câu hỏi.
Ngoài ba minh họa trên, đây là 12 ngành khác. Mỗi ngành dưới đây có câu hỏi khách thường đặt ra đầu tiên, nên đó cũng là chỗ để viết tiêu đề. Phần sau là điều cần chỉnh cho riêng ngành.
- Xưởng in: “Có kịp ngày tôi cần không?” Chỉ hứa thời hạn đã tính được, và nêu rõ điều kiện.
- Đơn vị tổ chức sự kiện: “Sự kiện của tôi có làm được không?” Tiêu đề nên nói loại sự kiện, ảnh chứng minh đặt ngay sau.
- Phần mềm cho doanh nghiệp nhỏ: “Nó giải quyết việc gì?” Nêu một việc cụ thể, không liệt kê tính năng ở đầu trang.
- Tuyển dụng nhân sự: “Tìm được người cho vị trí nào?” Đặt nhóm vị trí vào tiêu đề để người tìm việc không nhầm trang.
- Trung tâm ngoại ngữ: “Trình độ của tôi học lớp nào?” Một câu theo mục tiêu học, kèm lối vào lớp phù hợp.
- Tư vấn du học: “Hồ sơ của tôi có đủ không?” Giữ giọng bình tĩnh và không hứa kết quả xét duyệt.
- Sửa chữa nhà: “Có nhận việc nhỏ không?” Câu trả lời trực tiếp thường rõ hơn lời giới thiệu năng lực.
- Thiết kế nội thất: “Căn nhà như của tôi thì làm sao?” Chữ lớn đi cùng ảnh công trình đủ đẹp để đỡ lời.
- Kế toán dịch vụ: “Tôi phải giao những gì?” Tiêu đề nói việc được nhận thay, phần dưới liệt kê giấy tờ.
- Sản phẩm mới ra mắt: “Nó khác gì thứ tôi đang dùng?” Một điểm khác duy nhất, có giải thích ngay dưới.
- Tổ chức cộng đồng, gây quỹ: “Sự đóng góp đi về đâu?” Tiêu đề nêu việc đang làm, phần sau nói cách báo cáo.
- Diễn giả, huấn luyện cá nhân: “Người này nói về điều gì?” Một luận điểm rõ dễ nhớ hơn danh sách chức danh.
Đừng nhầm với ba phong cách gần.
| Phong cách | Thứ dẫn dắt | Nên chọn khi |
|---|---|---|
| Tiêu đề lớn, thông điệp rõ | Một câu chữ | Bạn đã có câu nói rõ và cần khách nắm ý nhanh |
| Tương phản mạnh mẽ | Vùng màu đậm và nút hành động | Bạn cần tạo năng lượng và thúc đẩy hành động nhanh |
| Đơn giản, dễ tìm thông tin | Dịch vụ, giá, cách đặt | Khách đến để tìm việc cụ thể, không cần thuyết phục nhiều |
| Chuyên nghiệp, rõ ràng | Năng lực và các nhóm thông tin | Khách cần xem nhiều thông tin công ty trước khi hỏi |
Không có câu rõ thì đừng chọn kiểu này.
Phong cách này có thể không hợp trong bốn trường hợp sau.
- Bạn bán rất nhiều mặt hàng. Một câu lớn khó bao quát cả cửa hàng. Khách thường cần lối vào danh mục, nên lưới thẻ gọn gàng sẽ hợp hơn.
- Sản phẩm phải được nhìn thấy. Với thời trang, ẩm thực hay du lịch, ảnh thường thuyết phục hơn chữ. Khi đó bạn có thể cân nhắc phong cách ảnh lớn, ấn tượng.
- Thương hiệu cần sự kín đáo. Dịch vụ cao cấp có thể nói ít và nói nhỏ, nên hướng sang trọng, tinh tế thường đúng giọng hơn.
- Doanh nghiệp chưa thống nhất thông điệp. In to một câu chưa chắc chỉ làm sự mơ hồ dễ thấy hơn. Bạn nên chốt câu trước, rồi mới chọn giao diện.
Câu hỏi thường gặp về thiết kế web tiêu đề lớn
Tiêu đề nên dài bao nhiêu từ?
Không có con số bắt buộc. Câu càng dài thì chữ càng khó giữ cỡ lớn, nhất là trên điện thoại. Hãy thử câu trên màn hình hẹp và xem nó chiếm mấy dòng rồi quyết định.
Có thể dùng khẩu hiệu của công ty làm tiêu đề không?
Được, nếu khách lạ đọc lên vẫn hiểu bạn làm gì. Nếu khẩu hiệu cần giải thích, bạn nên đặt nó ở vị trí nhỏ hơn và dùng một câu nói rõ dịch vụ làm tiêu đề chính.
Tiêu đề lớn trên ảnh và trên nền màu, nên chọn cách nào?
Nền màu giữ độ rõ ổn định hơn, vì chữ không phụ thuộc vào bức ảnh. Chữ trên ảnh tạo được không khí, nhưng cần chọn ảnh có vùng trống và kiểm tra lại mỗi khi đổi ảnh.
Người quản trị có tự đổi tiêu đề trên WordPress được không?
Thường là được nếu tiêu đề được dựng bằng chữ thật, không phải chữ nằm trong ảnh. Bạn nên quy định sẵn độ dài câu, để câu mới vẫn vừa khung và không làm vỡ cách ngắt dòng.
Viết câu trước khi gọi người thiết kế.
- Viết năm câu trả lời cho câu hỏi “Bên này làm gì cho tôi?”.
- Bỏ các câu mà đối thủ cũng dùng được, hoặc bạn không chứng minh được.
- Đưa câu còn lại cho một người ngoài ngành và hỏi họ hiểu gì.
Khi đã có câu, bạn có thể xem các bước Mạnh An AI thiết kế và bàn giao website hoặc bảng giá thiết kế website AI để chọn phạm vi.
Mạnh An AI phục vụ khách hàng trên toàn quốc. Chưa chắc câu nào đáng in to? Bạn có thể gửi các câu đang cân nhắc để trao đổi.
Thông tin đơn vị
Đơn vị: Công Ty TNHH Mạnh An Service
Dịch vụ: Mạnh An AI – Thiết kế website
Phạm vi phục vụ: Khách hàng trên toàn quốc
Địa chỉ văn phòng: Thanh Dương 2, Phường Đông Tiến, Thanh Hóa
Điện thoại: 083.5431.678
Email: info@manhan.vn
