Sinh Vũ biến nhận diện thành một nguồn chuẩn duy nhất cho người thiết kế và lập trình viên. Đội Anh / Chị dựng màn mới từ thành phần có sẵn, không mỗi đội một kiểu.
5 bước · 5 lượt Anh / Chị duyệtChọn từng bước để xem Sinh Vũ làm gì, Anh / Chị quyết điều gì và nhận được gì.
Bước 01 · Khám phá và thống nhất hướng
Bước 02 · Dựng hệ và nguyên tắc dùng
Bước 03 · Dựng hệ và nguyên tắc dùng
Bước 04 · Dựng hệ và nguyên tắc dùng
Bước 05 · Đưa vào dùng
Cẩm nang thương hiệu là tài liệu cho con người đọc, còn hệ giao diện số là bản máy đọc được của cùng nhận diện đó. Khi thương hiệu có nhiều sản phẩm số, mỗi đội tự dựng giao diện một kiểu, màu và khoảng cách lệch dần. Thương hiệu đẹp trên giấy vẫn loãng đi khi vào sản phẩm số, vì thiếu cơ chế thực thi. Sinh Vũ dựng một nguồn chuẩn để đội thiết kế và đội lập trình cùng đọc một bảng giá trị, không mỗi bên tự chép một kiểu.
Thương hiệu đẹp trên giấy vẫn loãng dần khi vào sản phẩm số.
Hệ chỉ sống khi đội lập trình dùng được. Sinh Vũ đi từ kiểm kê thứ đang chạy, dựng nền, rồi cho hai đội cùng duyệt một thành phần mẫu trước khi nhân ra.
Phần 1
Gom mọi thành phần đang chạy, ghi chỗ dùng, rồi chốt thang màu, thang chữ, thang khoảng cách và lưới.
Duyệt nềnMọi thành phần sẽ đọc nó
Phần 2
Dựng một thành phần mẫu đủ trạng thái, một người của đội lập trình Anh / Chị cùng duyệt, rồi nhân ra phần còn lại.
Hai đội cùng duyệtThiết kế và lập trình soát chung
Sau bàn giao
Bàn giao hệ, đào tạo đội Anh / Chị, nghiệm thu khi đội lập trình dựng lại được một màn mẫu chỉ bằng hệ.
Dựng lại màn mẫuChỉ bằng hệ, không hỏi thêm
Hai con số trên cộng lại mới là thời gian thật từ lúc khởi động tới lúc bàn giao. Phần Anh / Chị giữ tính theo hạn duyệt của từng bước, duyệt sớm thì lịch rút lại.
Chuẩn bị sẵn những phần này giúp dự án chạy đúng lịch. Thiếu phần nào thì Sinh Vũ vẫn bắt đầu được, chỉ là mốc bàn giao lùi theo.
Mỗi thứ ghi rõ định dạng và việc nó giúp Anh / Chị làm, đội lập trình của Anh / Chị dựng thư viện thành mã.
Ghép màn mới từ nút, ô nhập, thẻ dựng sẵn, đủ trạng thái.
Tệp thư viện thành phần
Đưa màu, chữ, khoảng cách vào mã mà không chép tay.
Xuất được sang mã
Biết khi nào dùng, khi nào không dùng từng thành phần.
Kèm từng thành phần
Thư viện nằm trong không gian làm việc của công ty Anh / Chị.
Chuyển về công ty
Đội thiết kế và lập trình tự dựng màn mới bằng hệ.
Buổi bàn giao
Hệ được nghiệm thu bằng việc đội Anh / Chị dùng được nó, không bằng độ đẹp của bản vẽ. Bốn điều dưới đây ghi sẵn từ đầu.
Đủ trạng thái
Mỗi thành phần có đủ các trạng thái đã nêu trong phạm vi, không thiếu trạng thái nào khi dựng thật.
Đối chiếu từng thành phần
Có tài liệu dùng kèm
Mỗi thành phần kèm tài liệu nói rõ dùng khi nào và không dùng khi nào, người mới đọc là hiểu.
Đọc tài liệu từng mục
Đội lập trình dựng lại màn
Đội lập trình dựng lại được một màn mẫu chỉ bằng hệ, không phải hỏi Sinh Vũ thêm điều gì.
Dựng thử một màn mẫu
Tệp nguồn mở được
Tệp nguồn mở được bằng đúng công cụ đội Anh / Chị đang dùng, không cần phần mềm riêng của Sinh Vũ.
Mở thử bằng công cụ của đội
Những phép thử Sinh Vũ vẫn làm trước mỗi lần duyệt thiết kế. Tệp của Anh / Chị không rời khỏi máy.
Cách làm trên trang này đứng trên những điều trong học thuyết nghề của Sinh Vũ. Bấm vào một điều để đọc lập luận, ranh giới và lúc nó sai.
Sinh Vũ báo giá sau khi nắm số thành phần, số màn hình và công cụ đội Anh / Chị đang dùng, chốt trọn gói. Không phụ phí giữa chừng.
Trả một lần
Báo giá theo số thành phần và nền tảng thật, chốt trọn gói trước khi dựng.
Một tới hai sản phẩm số, chuẩn hoá màu và chữ trước.
4-7 tuần
Báo giá theo phạm vi
Nhiều sản phẩm, đội thiết kế và lập trình chung.
8-9 tuần
Báo giá theo phạm vi
Nhiều đội và đối tác dùng chung nhận diện số.
10-12 tuần
Báo giá theo phạm vi
Chưa chắc mức nào hợp? Trao đổi 5 phút để Sinh Vũ gợi ý →
Sinh Vũ trao đổi trước với đội kỹ thuật của Anh / Chị để nắm nền tảng đang dùng, ví dụ web hay ứng dụng di động, trước khi chốt bảng giá trị thiết kế (màu sắc, khoảng cách, cỡ chữ chuẩn hoá) và các thành phần giao diện dùng lại nhiều nơi như nút bấm, ô nhập. Kết quả bàn giao là tệp thiết kế và bảng giá trị xuất được sang mã, để đội lập trình đọc theo mà không phải tự suy diễn. Việc lập trình thành thư viện mã chạy được không nằm trong dịch vụ.
Được, nhưng nền tảng cơ bản như màu, chữ, khoảng cách phải chốt trước khi dựng thành phần, nếu không hệ thiếu gốc để bám, và đổi nền sau là dựng lại toàn bộ thành phần. Vì vậy Sinh Vũ thường đề xuất làm gọn phần nhận diện trước, rồi mới dựng hệ số.
Mục tiêu của hệ thiết kế số là để đội Anh / Chị tự thêm màn hình, tự dùng component có sẵn mà không cần hỏi lại Sinh Vũ từng chi tiết nhỏ. Sinh Vũ bàn giao kèm tài liệu quy tắc sử dụng, và có thể hỗ trợ đào tạo nhanh cho đội thiết kế hoặc lập trình nội bộ nếu Anh / Chị cần.
Không khoá. Tệp được dựng trên công cụ thiết kế phổ biến và token xuất ra ở định dạng chuẩn mà công cụ dựng web, ứng dụng thông thường đọc được. Đội của Anh / Chị hoàn toàn có thể tiếp tục chỉnh sửa mà không cần quay lại Sinh Vũ.
Hệ thiết kế số được xây với tư duy component và token ngay từ đầu, chứ không phải vẽ giao diện đẹp rồi mới nghĩ cách chuyển sang code. Đây là lý do bước trao đổi với đội kỹ thuật của Anh / Chị luôn có trước khi bắt tay dựng hệ thống, để hai bên nói cùng một ngôn ngữ.
Số lượng component, màn hình và mức độ phức tạp của sản phẩm số mỗi doanh nghiệp khác nhau rất nhiều, nên một bảng giá chung sẽ không phản ánh đúng khối lượng thật. Sinh Vũ tư vấn báo giá sau khi đã nắm rõ phạm vi sản phẩm và nền tảng kỹ thuật Anh / Chị đang dùng.
Thời gian phụ thuộc vào quy mô sản phẩm, số lượng component cần chuẩn hoá và việc doanh nghiệp đã có quy chuẩn nhận diện hay chưa. Mốc thời gian cụ thể được thống nhất khi báo giá, dựa trên phạm vi thật đã trao đổi.
Phần token và nguyên tắc thiết kế gốc không gắn chặt với một công nghệ cụ thể nên vẫn dùng lại được. Phần cần làm lại chỉ là cách hiện thực hoá component sang công nghệ mới, việc này thường nhẹ hơn nhiều so với dựng hệ thống từ số không.
Gửi vài dòng về nhu cầu, Sinh Vũ phản hồi trong ngày làm việc.