Progressier phù hợp cho những bạn đang là nhà phát triển ứng dụng di động đang chật vật thiết kế ảnh chụp màn hình cho ứng dụng của mình. Nếu bạn là dân chuyên thì có thể dùng Photoshop để thiết kế nhưng ngược lại thì bạn có thể nhờ tới ai đó thiết kế giùm.
Nhưng với Progressier, bạn không cần phải nhờ vả ai cả vì chính bản thân bạn có thể tự thiết kế ra các ảnh chụp màn hình ứng dụng như dân chuyên nghiệp, vừa nhanh vừa dễ nữa. Progressier làm một dịch vụ trực tuyến miễn phí, sử dụng ngay không cần tài khoản, thao tác thực hiện cũng đơn giản: chọn hình ảnh > chỉnh sửa > tải về.
Cách thiết kế ảnh chụp màn hình ứng dụng
Trong lần đầu sử dụng, bạn cần theo dõi các bước như sau.
Bước 1: Trên trang nhà Progressier, bạn dán link hình ảnh ứng dụng muốn thiết kế ảnh chụp màn hình cho nó vào hộp Paste the URL of your PWA here > bấm Create screenshots.
Bước 2: Giao diện thiết kế hiện ra với bảy ảnh chụp màn hình, trong đó bức đầu tiên xuất hiện với hình ảnh ứng dụng vừa chọn. Bạn yên tâm, Progressier cho phép chọn các hình ảnh khác nhau cho từng ảnh chụp.
Trước khi bắt đầu vào chỉnh sửa, bạn nhìn vào hàng công cụ phía trên để tinh chỉnh.
– Kiểu dáng: Bạn bấm Layout để thay đổi kiểu hiển thị cho mô hình trong ảnh chụp.
– Màu nền: Bạn bấm Background để thay đổi màu nền chung cho tất cả ảnh chụp.
– Vị trí văn bản: Cạnh bên Background là công cụ cho phép đặt vị trí văn bản ở bên trái, ở giữa hay cạnh phải.
– Màu văn bản: Bấm Text color để thay đổi màu văn bản.
– Kích thước văn bản: Bạn bấm Text size để thay đổi kích thước văn bản trên ảnh chụp.
– Phông chữ: Bạn bấm Font để đổi kiểu phông chữ văn bản.
– Mô hình thiết bị chứa hình ảnh: Bạn bấm Mockup để chọn kiểu thiết bị chứa hình ảnh ứng dụng, mặc định là iPhone 14.
– Kích thước ảnh chụp: Bạn bấm Screenshot size để thay đổi kích thước.
– Thêm ảnh chụp: Bạn bấm Add screenshot để thêm một ảnh chụp màn hình mới, và nhớ bấm vào ảnh chụp đó > bấm Layout để đổi kiểu.
Hai biểu tượng còn lại là Undo và Redo để hoàn tác trước đó và sau đó.
Bước 3: Bây giờ, bạn bấm vào ảnh chụp để bắt đầu thiết kế. Bạn sẽ nhìn thấy hàng công cụ chỉnh sửa của ảnh chụp nằm ở cạnh phải hiện ra.
– Edit content: Bạn có thể chỉnh sửa văn bản trên ảnh, thay đổi kiểu hiển thị, thay đổi hình ảnh ứng dụng.
Khi bạn muốn thêm hay thay hình ảnh ứng dụng thì có thể chọn từ trên web hay trên máy tính.
– Reposition elements: Bạn có thể thay đổi vị trí của từng thành phần trên ảnh, di chuyển thanh trượt để thực hiện.
– Duplicate screenshot: Sao chép ảnh chụp màn hình này.
– Propagate current style: Bạn bấm vào để chia sẻ phong cách thiết kế này.
– Move left/Move right: Di chuyển ảnh chụp màn hình này sang trái/phải.
– Download screenshot: Tải xuống ảnh chụp màn hình này.
– Delete screenshot: Xóa ảnh chụp màn hình này.
Nếu bạn thiết kế nhiều ảnh chụp thì có thể tải về tất cả bằng cách bấm vào nút Save x screenshots phía trên góc phải. Tập tin tải về gói trong tệp zip, bạn giải nén ra để xem kết quả.
