Skip to main content
Không cần phải biết sự khác biệt giữa kiểu chữ và phông chữ, hiểu các hệ thống lưới hoặc từng mở công cụ thiết kế trước đó. Flowstep tự động xử lý bố cục, kiểu chữ, màu sắc, khoảng cách và hệ thống phân cấp hình ảnh — công việc của bạn chỉ đơn giản là mô tả những gì bạn muốn.

​
Cách nó hoạt động mà không cần kỹ năng thiết kế

Khi bạn nhập prompt, Flowstep diễn giải mô tả của bạn và đưa ra tất cả các quyết định hình ảnh mà một nhà thiết kế thường đưa ra: cách sắp xếp các phần tử trên màn hình, phông chữ nào sử dụng, bao nhiêu khoảng trắng để thêm và cách thiết lập hệ thống phân cấp hình ảnh hướng dẫn mắt. Bạn mô tả mục đích và nội dung; Flowstep tạo ra một màn hình trông như một chuyên gia đã thiết kế nó.
Hãy coi việc nhập prompt vào Flowstep giống như cách bạn sẽ hướng dẫn một nhà thiết kế. Bạn sẽ không bảo một nhà thiết kế sử dụng kích thước phông chữ nào — bạn sẽ nói với họ mục đích của màn hình là gì và nó cần giao tiếp điều gì. Flowstep hoạt động theo cách tương tự.

​
Mẹo viết prompts tốt

Tập trung vào ba điều: mục đích của màn hình, thông tin chính mà nó nên hiển thị và loại sản phẩm hoặc đối tượng. Dẫn đầu bằng mục đích của màn hình Bắt đầu bằng cách màn hình được cho là phải làm. “Sign-up screen for a meal planning app” nói với Flowstep nhiều hơn một danh sách các phần tử UI. Đề cập đến nội dung hoặc hành động chính Bao gồm những điều quan trọng nhất mà người dùng nên thấy hoặc làm. Bạn không cần liệt kê tất cả — chỉ những phần tử quan trọng nhất đối với trải nghiệm. Tham chiếu đến loại sản phẩm hoặc đối tượng nếu nó giúp ích Đề cập đến loại sản phẩm (ví dụ: ứng dụng di động dành cho người tiêu dùng, bảng điều khiển B2B, thanh toán thương mại điện tử) giúp Flowstep phù hợp với tông màu hình ảnh và quy ước đúng.
Nếu kết quả đầu tiên của bạn không hợp lý, đừng bắt đầu lại — chỉ cần nhập prompt tiếp theo. Nói “make the layout more minimal” hoặc “use a darker color scheme” là đủ để hướng thiết kế theo hướng mới.

​
Các prompt mẫu để thử

Dưới đây là một số prompt hoạt động tốt, được viết bằng tiếng Anh đơn giản mà không có thuật ngữ thiết kế: Luồng onboarding cho ứng dụng thể dục
“First screen of an onboarding flow for a fitness tracking app. It should welcome the user, briefly explain what the app does, and have a button to get started.”
Trang cài đặt cho sản phẩm SaaS
“Settings page for a B2B project management tool. Include sections for profile, notifications, billing, and connected accounts. Use a clean, professional look.”
Màn hình thanh toán di động
“Checkout screen for a mobile shopping app. Show an order summary, a field for a promo code, and a prominent button to complete the purchase.”
Những prompt này hoạt động không phải vì chúng sử dụng ngôn ngữ thiết kế, mà vì chúng mô tả rõ ràng mục đích, nội dung và bối cảnh của màn hình. Đó là tất cả những gì bạn cần.