Các nhà phát triển, bạn đã bao giờ muốn xác minh rằng bạn đã triển khai các thiết kế giao diện người dùng để thông số kỹ thuật chưa?

Công cụ thiết kế cung cấp một bộ tính năng để xem xét và xác thực các thông số kỹ thuật của ứng dụng. Cho dù đó là kiểm tra các đường chính của bạn hay màu xanh lam đó. Ngay cả khi bạn cung cấp đường đỏ, đây là một cách tuyệt vời để xác minh từng pixel.

Lớp phủ lưới – Chuyển đổi nhanh các lưới trên màn hình để kiểm tra bố cục để tìm khoảng cách không nhất quán hoặc các phần tử được căn chỉnh sai. Bạn cũng có thể tùy chỉnh kích thước lưới và màu đường.

Mockup Overlay – Hiển thị hình ảnh mô phỏng trên ứng dụng của bạn. Điều này mang lại cho bạn cơ hội có độ trung thực cao để xem thông số thiết kế khớp với giao diện người dùng đã phát triển như thế nào. Chọn từ các lớp phủ dọc hoặc ngang và điều chỉnh độ mờ để so sánh hiệu quả.

Công cụ chọn màu – Sử dụng ngón tay của bạn để kéo xung quanh kính lúp và xác định mã hex của màu ở cấp pixel.

Chi tiết ảnh chụp màn hình – Thêm bảng vào tất cả ảnh chụp màn hình của bạn để hiển thị thông tin liên quan đến thiết bị, màn hình và phiên bản Android. Các đội QA sẽ YÊU điều này.

​Mã nguồn có sẵn trên GitHub tại https://github.com/0xD34D/DesignerTools

Designer Tools 2.2.1 Cập nhật

2020-03-16