Bài học từ việc chuyển ứng dụng của chúng tôi từ Sketch sang Figma với tư cách là người mới thuê

Mar 22 2022
Chỉ khoảng một năm trước, khi tôi gia nhập Kaizen Gaming, bộ phận thiết kế đã quyết định chuyển từ Sketch sang Figma. Do đó, một trong những nhiệm vụ đầu tiên của tôi là hỗ trợ di chuyển ứng dụng cốt lõi của chúng tôi.
Nguồn minh họa

Chỉ khoảng một năm trước, khi tôi gia nhập Kaizen Gaming, bộ phận thiết kế đã quyết định chuyển từ Sketch sang Figma. Do đó, một trong những nhiệm vụ đầu tiên của tôi là hỗ trợ di chuyển ứng dụng cốt lõi của chúng tôi.

Đối với bối cảnh, đội ngũ thiết kế văn phòng của Kaizen chịu trách nhiệm thiết kế và duy trì nhiều ứng dụng mà các bộ phận nội bộ khác nhau sử dụng (giao dịch, hỗ trợ khách hàng, bảo mật, comms & phần thưởng, v.v.).

Disclaimer: Đây không phải là một bài viết thảo luận về lý do tại sao Figma vượt trội so với các công cụ thiết kế khác, dù sao cũng có rất nhiều nguồn tài liệu hay viết về chủ đề này. Đây là một nỗ lực nhằm trình bày ngắn gọn những bài học cốt lõi mà nhóm của chúng tôi thu được trong quá trình di chuyển và cố gắng, có lẽ, giúp các nhóm khác đang cố gắng chuyển đổi tương tự, tránh những sai lầm mà chúng tôi đã mắc phải trong quá trình này.

Chuyển ứng dụng có nghĩa là chuyển hai thực thể sang Figma, hệ thống thiết kế và nguồn chân lý hiện có (và rộng lớn). Như một nguồn xác thực trong trường hợp của chúng tôi, bởi vì các nhóm khác nhau sử dụng thuật ngữ hơi khác nhau, chúng tôi xác định không gian mà chúng tôi lưu giữ phiên bản mô hình mới nhất, bất kể nó đã được triển khai trong quá trình sản xuất hay chưa.

Vì vậy, không cần thêm ado đây là những gợi ý.

Tổ chức cấu trúc tệp trước khi di chuyển và tránh tạo tệp lớn

Lời khuyên đầu tiên và quan trọng nhất là tiến hành một số nghiên cứu trước về những hạn chế của Figma và các ví dụ / bản trình diễn hiện có của các nhóm khác nhau để có được một số cái nhìn sâu sắc về cấu trúc các dự án trong Figma.

Di chuyển tệp cũng có thể là một quá trình tẻ nhạt, đặc biệt khi có nhiều thành phần cục bộ tham gia. Nếu bạn cần thêm thông tin liên quan đến việc di chuyển các tệp và dự án trong Figma hoặc chia một dự án lớn thành nhiều, hãy xem bài viết này do nhóm Figma viết.

Thực tế là không thể tạo ra định dạng hoàn hảo ngay từ đầu, nhưng có một bố cục phục vụ nhu cầu của dự án và có khả năng mở rộng quy mô dễ dàng, có thể tạo ra sự khác biệt to lớn về thời gian bạn sẽ dành để cải thiện nó sau này.

Như đã đề cập, nguồn sự thật hiện có của chúng tôi đã khá hoang dã về số lượng mô hình. Ngẫu nhiên, khi lập kế hoạch cấu trúc tệp mới, chúng tôi đã chọn chỉ có hai nguồn trung thực, một cho toàn bộ ứng dụng và một dành riêng cho phần chính của ứng dụng, mỗi nguồn chứa khoảng 300 mô hình. Thật khó, chúng tôi đã sớm phát hiện ra rằng chúng tôi không nên tạo các tệp lớn với nhiều trang trong Figma bởi vì…

Biểu tượng cảm xúc kỳ lân của giàn khoan trong cộng đồng Figma

Có, như thực tế đã nêu ở đây , trên trang - Giảm mức sử dụng bộ nhớ trong tệp -, việc tạo tệp lớn với nhiều trang có thể dẫn đến các vấn đề về hiệu suất hoặc bộ nhớ. Tuy nhiên, tôi nghĩ rằng sẽ hơi bất khả thi đối với một người chưa gặp phải các vấn đề liên quan đến bộ nhớ có thể kiểm tra phần này. Vì vậy, lời khuyên của tôi, trong trường hợp bạn là thành viên của một nhóm làm việc với một thư viện mô hình khổng lồ với các thành phần phức tạp, là hãy xem xét chia thư viện thành các tệp nhỏ hơn để chúng dễ quản lý hơn về lâu dài và luôn tuân theo các hướng dẫn của Figma đề cập trong liên kết nói trên.

Tự làm quen với các phương pháp hay nhất của Figma

Nói một cách đơn giản, hãy đi sâu vào tâm lý và cách xây dựng mọi thứ của Figma để tạo ra các hệ thống thiết kế tốt hơn và sau đó là các dự án tốt hơn. Tránh sao chép cấu trúc và cấu trúc phân cấp lớp từ nguồn cũ mà thay vào đó cố gắng hiểu các phương pháp hay nhất của Figmavà sử dụng hết khả năng của nó. Bản thân Figma có một số tài nguyên tuyệt vời để giúp bạn chuyển đổi từ Sketch. Bạn cũng có thể kiểm tra 101 cho người dùng phác thảo khi di chuyển đến bài viết Figma . Ví dụ: khi thiết kế các nút và sử dụng tính năng bố cục tự động (vui lòng làm), thực tế không cần phải bao gồm một lớp cho màu nền như trong Sketch. Thực hiện theo các phương pháp hay nhất, hầu hết thời gian có nghĩa là sử dụng số lượng lớp tối thiểu có thể, giữ cho nó sạch sẽ, dễ hiểu và dễ sử dụng bởi các nhà thiết kế khác.

Nguyên tắc thiết kế Figma

Hiểu nhu cầu kinh doanh

Điều này là hiển nhiên đối với hầu hết mọi người, nhưng đặc biệt là đối với những nhà thiết kế mới được thuê, những người sẽ cố gắng chuyển đổi, bước này rất quan trọng. Hiểu được nhu cầu kinh doanh có nghĩa là nhà thiết kế hiểu đầy đủ về mục đích của mọi tài sản và thành phần trong hệ thống thiết kế cũng như các mục đích sử dụng và tính linh hoạt khác nhau của từng tài sản và tính linh hoạt. Hiểu rõ lý do tại sao mỗi thành phần được tạo ra và chuyển đổi ở dạng hiện có, dẫn đến hiểu rõ hơn về những gì có thể được sửa đổi thường xuyên và theo cách nào, để đáp ứng các yêu cầu kinh doanh trong tương lai. Kết quả là, điều này giúp chúng tôi thiết kế các thành phần đẩy nhanh quá trình thiết kế và tạo ra các sản phẩm có quy mô dễ dàng.

Và điều đáng nói ... hãy kiên cường

Như bạn có thể đã biết, Figma là một công cụ tương đối mới được cập nhật thường xuyên và các tính năng mới liên tục được bổ sung. Do đó, một số chức năng có thể thay đổi theo thời gian và có thể ảnh hưởng đến những thứ đã được hoàn thành và xuất bản, chẳng hạn như các thành phần, nội dung, v.v. Thông báo những thứ bạn đã coi là hoàn thành, cần chỉnh sửa nhỏ lại thật khó chịu, nhưng mỗi khi điều gì đó xảy ra là tính năng / bản cập nhật mới biện minh cho sự bất tiện.

Phần kết luận

Hệ thống thiết kế và thư viện ở đây để cung cấp cho chúng tôi sự linh hoạt và hiệu quả bất kể công cụ được lựa chọn. Phải nói rằng, chúng ta nên luôn chuẩn bị sẵn sàng để chuyển sang một nền tảng khác nếu nó hứa hẹn mang lại tiềm năng lớn hơn nhiều. Cho dù công cụ đó là Figma, Sketch hay bất kỳ ứng dụng mới lạ mắt nào khác, công thức thành công cuối cùng là dành thời gian, nghiên cứu và thích ứng với quy trình làm việc của từng công cụ để tận dụng tối đa.

Chúng tôi luôn thích đọc cách các nhóm khác tổ chức dự án và tối ưu hóa quy trình của họ, vì vậy nếu bạn nghĩ rằng bạn đã tìm thấy một công thức hiệu quả, vui lòng chia sẻ trong phần bình luận. ❤️

© Copyright 2021 - 2023 | vngogo.com | All Rights Reserved