Ví dụ ảnh chụp màn hình App Store đẹp: 8 kiểu bố cục hiệu quả

Tóm tắt nhanh

Phần lớn các bộ ảnh đẹp trên store đều xoay quanh vài kiểu bố cục quen thuộc: chữ ở trên và điện thoại ở giữa, tiêu đề thật to với điện thoại bị cắt bớt, nền chạy liền qua các ảnh, điện thoại đặt nghiêng, hai điện thoại cạnh nhau, đồ vật đặt cạnh điện thoại, nền là ảnh chụp, và một ảnh khoe đánh giá hoặc giải thưởng. Bạn nên chọn một kiểu làm nền chính cho cả bộ rồi biến tấu nhẹ, đừng mỗi ảnh một kiểu.

Mỗi kiểu bên dưới đều có ảnh ví dụ lấy từ thư viện bộ mẫu. Bạn có thể mở mẫu đó trong trình chỉnh sửa và thay bằng ảnh app của mình.

8 kiểu bố cục

Chữ ở trên, điện thoại ở giữa

Năm ảnh App Store có tiêu đề ngắn phía trên và iPhone ở giữa, nền chuyển màu nhẹ — Trong ảnh: bộ mẫu Aurora GlassMở trong trình chỉnh sửa

Hợp nhất với: Gần như app nào cũng dùng được. Đây là kiểu an toàn nhất khi làm bộ ảnh đầu tiên, và dễ đọc nhất khi hiện trong kết quả tìm kiếm.
Cần để ý: Dễ bị nhàm vì ai cũng dùng. Hãy tạo nét riêng bằng font chữ, màu sắc và hình nền.

Tiêu đề thật to, điện thoại bị cắt bớt

Năm ảnh App Store với tiêu đề chữ đen cỡ lớn chiếm nửa trên, điện thoại đặt nghiêng và bị cắt ở mép dưới — Trong ảnh: bộ mẫu Swiss TypeMở trong trình chỉnh sửa

Hợp nhất với: App mà câu chữ thuyết phục hơn giao diện, như tài chính, ghi chú, công cụ tiện ích.
Cần để ý: Phần màn hình còn thấy được vẫn phải có nội dung đáng xem, đừng chỉ để lộ thanh trạng thái.

Nền chạy liền qua các ảnh

Bộ ảnh App Store nền tối, các mảng màu tím và một chiếc điện thoại lớn nối liền qua các ảnh cạnh nhau — Trong ảnh: bộ mẫu Ticker NightMở trong trình chỉnh sửa (Pro)

Hợp nhất với: Thương hiệu có phong cách hình ảnh rõ: mảng màu, hình nền hay điện thoại kéo dài từ ảnh này sang ảnh kế bên.
Cần để ý: Trong kết quả tìm kiếm, mỗi ảnh hiện riêng lẻ, nên từng ảnh tách ra vẫn phải dễ hiểu.

Điện thoại đặt nghiêng

Hợp nhất với: Game, thể thao, phong cách sống, những app cần cảm giác năng động.
Cần để ý: Đặt nghiêng làm giao diện nhỏ lại. Giữ phần quan trọng trên màn hình đủ to.

Hai điện thoại cạnh nhau

Bộ ảnh app tài chính, ảnh cuối có hai điện thoại đặt cạnh nhau — Trong ảnh: bộ mẫu WealthMở trong trình chỉnh sửa (Pro)

Hợp nhất với: So sánh trước và sau, chế độ sáng và tối, hoặc một thao tác kéo dài qua hai màn hình.
Cần để ý: Hai điện thoại nhỏ khó đọc hơn một điện thoại lớn. Chỉ nên dùng cho một hai ảnh, không phải cả bộ.

Đồ vật và chi tiết phóng to cạnh điện thoại

Bộ ảnh app ngân hàng cho trẻ em, các thẻ thanh toán nhiều màu bay cạnh điện thoại — Trong ảnh: bộ mẫu Pocket MoneyMở trong trình chỉnh sửa (Pro)

Hợp nhất với: Khi muốn tính năng trông cụ thể hơn (thẻ, sản phẩm, phần thưởng), hoặc phóng to một chi tiết nhỏ trên màn hình nhiều thông tin.
Cần để ý: Chỉ phóng to giao diện thật của app, đừng vẽ thêm tính năng app không có.

Nền là ảnh chụp

Ảnh app du lịch với điện thoại đặt trên nền ảnh bãi biển và hòn đảo — Trong ảnh: bộ mẫu Island EscapeMở trong trình chỉnh sửa (Pro)

Hợp nhất với: Ăn uống, du lịch, thể thao, sức khỏe, những app mà một tấm ảnh đẹp gợi được cảm xúc trước cả giao diện.
Cần để ý: Làm tối hoặc làm mờ phần ảnh phía sau chữ để chữ vẫn dễ đọc.

Ảnh khoe đánh giá, giải thưởng

Bộ ảnh app thể thao màu xanh chanh, ảnh đầu có vòng nguyệt quế ghi Rated 4.9 — Trong ảnh: bộ mẫu Volt GridMở trong trình chỉnh sửa (Pro)

Hợp nhất với: App có giải thưởng thật, được báo chí nhắc đến, hoặc có điểm đánh giá cao.
Cần để ý: Thông tin phải đúng và còn mới. Chỉ nên dùng một chi tiết hoặc một ảnh.

Chọn kiểu nào cho app của bạn

Nhìn vào nội dung trước. Nếu màn hình đẹp nhất của app nhiều hình ảnh (ảnh, bản đồ, biểu đồ), hãy để điện thoại to; nếu câu chữ mới là điểm bán hàng, hãy để tiêu đề to.
Xem đối thủ trong cùng danh mục. Tìm từ khóa chính của bạn trên store, ghi lại kiểu mà ai cũng làm, rồi làm sao để ba ảnh đầu của bạn trông khác họ khi thu nhỏ.
Giữ một kiểu làm nền chính. Phần lớn ảnh dùng cùng một bố cục, chỉ đổi khác một hai ảnh để tạo điểm nhấn.
Kiểm tra trên từng thiết bị. Bố cục đẹp trên iPhone có thể cần chỉnh lại cho khung rộng hơn của iPad và tablet Android.

Bắt đầu từ bộ mẫu có sẵn

Thư viện bộ mẫu của Drino Shots có sẵn mẫu cho từng kiểu trên, lọc được theo loại app (tài chính, sức khỏe và thể thao, giáo dục, ăn uống…), tông màu và thiết bị. Trong trình chỉnh sửa, bố cục nào cũng ghép được với giao diện nào, nên bạn có thể giữ bố cục và đổi màu sắc, font chữ, hoặc ngược lại.

Mở trình chỉnh sửa Xem bộ mẫu

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

Tìm ví dụ ảnh App Store đẹp ở đâu?: Cách đơn giản nhất là tìm trên App Store những app dẫn đầu trong danh mục của bạn và xem kỹ ba ảnh đầu, vì đó là thứ người dùng thấy trong kết quả tìm kiếm. Hãy học cách họ trình bày, đừng sao chép: ảnh của bạn phải là app của chính bạn.
Dùng chung một bố cục cho App Store và Google Play được không?: Được. Cả hai store đều hiện ảnh điện thoại dọc thành một hàng ngang. Bạn chỉ cần xuất đúng kích thước của từng store từ cùng một thiết kế, và dùng ảnh chụp app trên Android cho Google Play.