Anh chup man hinh da nen tang cho App Store: Mot template, moi thiet bi

Van de anh chup man hinh da nen tang

Neu ban phat hanh ung dung tren ca iOS va Android, ban da biet phep tinh screenshot kha kho chiu. Apple yeu cau anh chup cho iPhone 6,7 inch, iPhone 6,5 inch, iPad 12,9 inch. Google Play can anh chup dien thoai 1080x1920 va anh chup tablet 1600x2560. Moi danh sach cua hang can tu 4 den 10 anh chup cho moi loai thiet bi.

Hay tinh toan voi mot kich ban thuc te. Gia su ban ho tro 10 ngon ngu va can 5 anh chup cho moi loai thiet bi tren 4 danh muc (iPhone, iPad, dien thoai Android, tablet Android):

4 loai thiet bi x 5 anh chup x 10 ngon ngu = 200 asset rieng le.

Do la 200 hinh anh ban can thiet ke, xuat, kiem tra va tai len. Moi khi ban cap nhat giao dien ung dung, doi thuong hieu hoac chay khuyen mai theo mua, ban lap lai toan bo quy trinh.

Tai sao viec duy tri cac bo anh chup rieng biet khong hieu qua

Thiet ke thu cong trong Figma hoac Sketch. Mot nha thiet ke tao tung anh chup rieng le. Day la cach tiep can pho bien nhat va cham nhat.

Cong cu dua tren template voi template rieng cho moi thiet bi. Mot so cong cu cho phep template, nhung yeu cau mot template rieng cho moi kich thuoc.

Thay doi kich thuoc chung. Lay anh chup iPhone va thay doi kich thuoc sang Android tao ra hinh anh mo va ket qua khong chuyen nghiep.

Template Porting hoat dong nhu the nao trong Screenshots.live

Screenshots.live giai quyet van de nay voi tinh nang goi la template porting. Khai niem rat don gian: thiet ke anh chup mot lan cho mot loai thiet bi, va he thong tu dong chuyen doi sang moi loai thiet bi khac bang cach tinh toan lai toa do, kich thuoc font va vi tri cac phan tu theo ty le.

Buoc 1: Thiet ke template co so. Mo trinh chinh sua truc quan va tao template cho iPhone 6,7 inch (1290x2796 pixel). Dat khung thiet bi, anh chup ung dung, tieu de, phu de va cac yeu to nen.

Buoc 2: Chuyen doi sang cac thiet bi khac. Nhan nut chuyen doi va chon cac loai thiet bi muc tieu: iPad 12,9 inch, dien thoai Android, tablet Android. Screenshots.live phan tich moi phan tu va tinh toan lai vi tri, kich thuoc va ty le cho kich thuoc canvas moi.

Buoc 3: Kiem tra va tinh chinh. Cac template da chuyen doi xuat hien trong dashboard. Trong hau het cac truong hop, chung tron hoan hao ngay lap tuc.

Buoc 4: Render tat ca cac bien the qua API. Voi cac template san sang, mot cuoc goi API duy nhat voi du lieu ngon ngu cua ban se tao ra moi bien the anh chup. Mot bo template, mot cuoc goi API, tat ca 200 asset duoc giao duoi dang file ZIP.

Chi tiet ky thuat cua chuyen doi ty le

Anh xa vi tri. Toa do X va Y cua moi phan tu duoc tinh toan lai theo ty le tren canvas moi.

Co giay kich thuoc. Kich thuoc phan tu duoc co giay theo ty le de duy tri trong luong thi giac.

Dieu chinh kich thuoc font. Kich thuoc font duoc tinh toan lai de duy tri kich thuoc tuong doi.

Xu ly ty le khung hinh. Khi nguon va dich co ty le khung hinh khac nhau, he thong dieu chinh khoang cach doc mot cach thong minh.

Truoc va sau: Tac dong thuc te

Truoc Screenshots.live:

• 200 frame Figma rieng le
• 40 gio thiet ke ban dau
• 200 lan xuat thu cong
• 8-12 gio cho moi chu ky cap nhat

Sau Screenshots.live:

• 5 template co so
• 4 gio thiet ke ban dau
• Chuyen doi mot clic sang moi loai thiet bi
• Mot cuoc goi API de render tat ca 200 asset
• 30 phut cho moi chu ky cap nhat

Bat dau voi anh chup da nen tang

1. Dang ky tai Screenshots.live va tao template dau tien cho loai thiet bi chinh cua ban.
2. Hoan thien thiet ke trong trinh chinh sua truc quan.
3. Chuyen doi template sang cac loai thiet bi khac voi mot clic.
4. Ket noi API voi pipeline build va render tat ca cac bien the tu dong.
5. Tai len ca hai cua hang ung dung bang Fastlane hoac tai thu cong.