Search
By
Ê, chào anh em SumoTechers! Chắc hẳn ai làm app cũng từng đau đầu với khâu thiết kế giao diện (UI) đúng không? Vừa tốn thời gian, vừa phải thuê designer "xịn xò" mà chưa chắc đã ưng ý. Nhưng đừng lo, Google vừa "thả xích" cho một con quái vật mới mang tên Google Stitch, giúp bạn tạo UI chỉ bằng... vài dòng mô tả! Thật đấy!
Hôm nay, SumoTech sẽ dẫn anh em đi "mổ xẻ" Google Stitch, xem nó "ngon" cỡ nào và cách dùng "siêu dễ" của nó ra sao. Theo dõi đến cuối để biết bí kíp "hack" UI không cần code nhé!
Google Stitch là một công cụ tạo giao diện người dùng (UI) tự động, dựa trên mô tả bằng văn bản. Nói nôm na là, bạn chỉ cần "tả" cái UI bạn muốn, Stitch sẽ tự động "vẽ" ra cho bạn. Nghe ảo diệu chưa?
Tại sao lại dùng Stitch?
Bây giờ, chúng ta sẽ đi vào phần quan trọng nhất: cách "điều khiển" con quái vật Stitch này. Chuẩn bị sẵn sàng chưa? Let's go!
Đầu tiên, anh em truy cập vào địa chỉ: stitch.withgoogle.com. Giao diện khá đơn giản và trực quan, không làm khó dễ chúng ta đâu.
Đây là bước quan trọng nhất. Bạn cần mô tả chi tiết cái giao diện mà bạn đang hình dung trong đầu. Càng chi tiết, Stitch càng "hiểu" và tạo ra UI sát với ý tưởng của bạn.
Ví dụ: Chúng ta muốn tạo một giao diện mobile app hiển thị danh sách các dịch vụ SEO, sử dụng tông màu neon và đen, các thẻ (card) hiển thị thông tin dịch vụ được bo tròn và có hiệu ứng kính mờ (glass morphic).
Bạn có thể nhập đoạn mô tả sau vào ô input:
Make a catalog of SEO services displayed in bold glass morphic cards. Use high saturation neon and black theme.Sau đó, chọn loại nền tảng (Web hoặc Mobile). Trong ví dụ này, chúng ta chọn "Mobile".
Sau khi đã "tả" xong, anh em chỉ cần bấm nút "Run" hoặc "Generate" (tùy thuộc vào giao diện của Stitch) và ngồi chờ. Stitch sẽ tự động "code" và tạo ra bản xem trước (preview) của UI cho bạn.
Lưu ý: Quá trình này có thể mất vài phút, tùy thuộc vào độ phức tạp của mô tả. Anh em cứ kiên nhẫn nhé!
Sau khi Stitch hoàn thành, bạn sẽ thấy bản xem trước của UI hiển thị trên màn hình. Lúc này, bạn có thể đánh giá xem UI có đúng ý bạn không. Nếu chưa ưng ý, bạn có thể quay lại bước 2 và chỉnh sửa mô tả cho đến khi đạt được kết quả mong muốn.
Theo như video, tác giả không hài lòng với chất lượng hình ảnh của bản xem trước (bị mờ, không sắc nét). Đây là một trong những điểm hạn chế của Stitch mà chúng ta cần lưu ý. Dù sao thì đây cũng chỉ là một công cụ hỗ trợ, không thể thay thế hoàn toàn designer chuyên nghiệp.
Vậy là chúng ta đã cùng nhau khám phá Google Stitch, một công cụ tạo UI "thần thánh" giúp bạn biến ý tưởng thành giao diện trong "một nốt nhạc". Mặc dù còn một vài hạn chế, nhưng Stitch vẫn là một "trợ thủ đắc lực" cho dân làm app, đặc biệt là những người không có kiến thức code hoặc muốn tiết kiệm thời gian thiết kế.
Giờ thì còn chờ gì nữa? Hãy truy cập ngay stitch.withgoogle.com và thử nghiệm ngay thôi! Đừng quên chia sẻ thành quả của bạn cho SumoTech và cộng đồng nhé!
Chúc anh em thành công!
Your email address will not be published. Required fields are marked *
