Bản phác thành giao diện
Biến ảnh chụp bảng trắng hoặc wireframe trên giấy thành giao diện số hoàn chỉnh.
Cập nhật lần cuối:
Chụp bản phác của bạn, tải lên, và nhận về một màn hình thật.
Các bước
- Chụp bản phác từ chính diện, ánh sáng đều, lấy trọn hình vẽ vào khung.
- Tải lên trong ô prompt.
- Bổ sung bối cảnh mà hình vẽ không nói được: sản phẩm là gì, các ô nghĩa là gì, hướng hình ảnh ra sao.
Bản phác màn hình onboarding của chúng tôi. Ô lớn phía trên bên trái là video, ba ô xếp chồng là các bước thiết lập có dấu tích. Phong cách SaaS hiện đại, nhấn màu tím.
Để bản phác được đọc tốt
- Ghi nhãn cho các ô. “hero”, “nav”, “biểu đồ” — nhãn viết tay được đọc và sử dụng.
- Vẽ ra thứ bậc. Ô lớn hơn sẽ thành phần tử lớn hơn.
- Tránh tô đậm nhiều. Hình vẽ nét đọc đáng tin hơn hình tô bóng.
- Một màn hình mỗi ảnh, trừ khi bạn cố ý bàn giao cả một luồng.
Bản phác thành wireframe
Nếu bạn muốn ở lại mức hoàn thiện thấp — dọn sạch bản phác mà chưa cam kết một phong cách hình ảnh nào — hãy yêu cầu wireframe. Xem Chế độ wireframe.
Bài viết này có hữu ích không?
Bài liên quan
Ảnh chụp thành giao diện
Tải lên một ảnh chụp màn hình và nhận về phiên bản chỉnh sửa được, đổi phong cách được của giao diện đó.
Chế độ wireframe
Tạo wireframe độ hoàn thiện thấp để chốt cấu trúc trước khi thiết kế hình ảnh.
Văn bản thành giao diện
Biến một mô tả bằng chữ thành màn hình chỉnh sửa được, độ hoàn thiện cao.