Hệ thống thiết kế với figma

Giờ đây (đã) Figma đã trở thành một công cụ thiết yếu trong lĩnh vực phát triển giao diện người dùng ứng dụng/web. Tôi cảm thấy nó đã trở thành một công cụ giao tiếp mà cả nhà phát triển và người không phải nhà phát triển đều có thể sử dụng thoải mái. Trong quá trình phát triển giao diện người dùng web, các bước chuyển giao sau thường xảy ra. Nhà thiết kế -> Nhà phát triển đánh dấu HTML -> Nhà phát triển SPA/MPA Bất cứ khi nào xảy ra sự thay đổi chủ sở hữu, cần phải có sự giao tiếp tích cực khi mỗi người vượt qua phạm vi công việc của mình. Càng sử dụng Figma, tôi càng tin rằng đây là công cụ phù hợp cho tình huống này. Mọi nhà thiết kế/nhà phát triển front-end nên học Figma. Tuy nhiên, vì bài giảng này không đề cập đến những kiến ​​thức cơ bản về sử dụng Figma nên có thể gây khó khăn cho những người mới làm quen với các công cụ thiết kế. Tôi nghĩ ngay cả những người đó cũng có thể theo dõi mà không gặp nhiều khó khăn nếu họ chỉ theo dõi đến phần 3. Cấu trúc của bài giảng tương tự như một hình fractal. Khóa học này trang bị cho các nhà thiết kế/nhà phát triển những kỹ năng sau: Tóm tắt các thành phần thiết kế thành hệ thống thiết kế (Phần 1. Thi công nền móng) Triển khai thiết kế dựa trên hệ thống thiết kế (Phần 1 đến Phần 11) Xử lý hệ thống thiết kế thành mã thông báo thiết kế (Phần 12 ~ Phần 13) Các nhà phát triển cũng sẽ có thể tìm hiểu quy trình thiết kế tổng thể. Đặc biệt, tôi nghĩ đây là bài giảng đầu tiên ở Hàn Quốc đề cập đến việc xử lý hệ thống thiết kế thành mã thông báo thiết kế (Phần 1, Phần 12, Phần 13). Để tham khảo, Design Token là một tiêu chuẩn quốc tế dành cho các thành phần thiết kế. Giống như tiêu chuẩn quốc tế về thông số kỹ thuật API an toàn là OpenAPI (vênh vang). Trong tương lai, các thư viện và triển khai dựa trên mã thông báo thiết kế sẽ được bổ sung. Nếu bạn xây dựng một hệ thống thiết kế bằng Figma, bạn có thể dễ dàng trích xuất mã thông báo thiết kế và cưỡi trên làn sóng lớn. Tôi khuyên bạn nên khóa học này.

Tôi là một nhà phát triển giao diện người dùng cộng tác rất nhiều với các nhà thiết kế. Đôi khi, chúng ta gặp phải những khác biệt nhỏ về màu sắc có vẻ giống nhau hoặc lề do trực giác của người thiết kế đặt ra mà không có tiêu chuẩn nhất quán. Đặc biệt, việc bảo trì là một nỗi đau hoàn toàn. Sau đó, trong khi tìm cách giải quyết vấn đề này, tôi đã tìm hiểu về khái niệm hệ thống thiết kế và xem qua các ví dụ về ứng dụng của nó tại một số công ty CNTT nổi tiếng. Tôi đã đề xuất xây dựng một hệ thống thiết kế với nhà thiết kế mà tôi đang làm việc cùng, nhưng tôi không biết bắt đầu như thế nào, vì vậy tôi đã xem qua “Hệ thống thiết kế với Figma”. Bài giảng là sự lựa chọn tốt nhất. Tôi nghĩ đây là khóa học mà tất cả các nhà quy hoạch, nhà thiết kế và nhà phát triển nên tham gia. Tôi thực sự muốn giới thiệu nó cho bất kỳ công ty nào sử dụng Figma.

Vì vậy, đây là bài giảng trình bày tầm nhìn và phương pháp về những gì bạn có thể làm với figma này cũng như hướng đi mà bạn nên thực hiện để hoàn thành. Ngoài việc thực hành tạo một trang duy nhất bắt đầu từ thành phần cấp thấp hơn, kinh nghiệm phong phú và các mẹo thực tế của người hướng dẫn đã được kết hợp chặt chẽ nên tôi không chỉ thích thú với kết quả tạo ra sau khi nghe mà còn cả những kiến ​​thức khác thu được. Tôi nghĩ sẽ có lợi cho bản thân khi tạo ra một hệ thống thiết kế thông qua Figma, nhưng nó sẽ là một công cụ rất hấp dẫn cho cả nhà phát triển và nhà thiết kế ở chỗ nó có thể giảm đáng kể khả năng xảy ra tranh cãi do lỗi giao tiếp với các cộng tác viên thuộc các bộ phận khác nhau. bạn có thể. Một trong những điều khiến tôi rất hài lòng là tại sao nó lại phải được làm như thế này? Bởi vì điều này được dạy trong suốt bài giảng và thức ăn để suy nghĩ được cung cấp, các nhà phát triển giao diện người dùng, nhà xuất bản web và nhà thiết kế web có thể dễ dàng tạo ra các kết quả dễ dàng và phức tạp bằng cách theo đuổi một phương pháp dễ hiểu, đồng ý lẫn nhau và thiết lập các quy tắc chung. nó cho phép bạn hiểu. Bạn chỉ cần làm như thế này thôi! Đúng hơn, đó là một bài giảng hay giúp mở rộng chiều rộng và tính linh hoạt trong tư duy của học sinh. Công cụ thiết kế của Figma có thể xa lạ với các nhà phát triển front-end và khó có thể hiểu ngay nguyên tắc hoạt động của nó, nhưng nó hướng dẫn từng bước cách thực hiện, vì vậy bạn có thể học cách sử dụng công cụ này bằng cách nghe bài giảng. Có thể phải thực hành thêm một chút để thành thạo, nhưng tôi tin rằng bạn sẽ nhanh chóng yêu thích sự quyến rũ của Figma, chuyên về cộng tác!

Đây là lần đầu tiên mình dạy một bài giảng riêng nhưng thật tuyệt vời khi bạn giải thích mọi thứ một cách dễ hiểu và cho mình nhiều lời khuyên hữu ích khi làm việc thiết kế hoặc cộng tác! Điều này rất hữu ích!

Nó có rất nhiều nội dung hữu ích và rất hữu ích. Thật tuyệt vời khi biết một phương pháp có thể được sử dụng trong thực tế. Tuy nhiên, màn hình làm việc của bài giảng lớn nên có nhiều mục bảng điều khiển ở bên trái và bên phải, đồng thời các biểu tượng và văn bản đều nhỏ. Ngay cả khi xem ở chất lượng 1080 cũng khó nhìn, nhức mắt và khó chịu. khiến bạn khó tập trung. ㅠㅠ Ví dụ: vì chỉ có màn hình làm việc ở trên cùng là phù hợp nên bạn nên cắt bỏ màn hình làm việc ở phía dưới để có thể xem được màn hình lớn hơn.

Nó có vẻ giống như một bài giảng về hệ thống thiết kế, nhưng nếu bạn theo dõi khóa học một cách chậm rãi, bạn cũng có thể thành thạo các chức năng figma thiết yếu như thành phần và Autolayout. Khi bạn cần thực hiện một hành động mới, nó sẽ giải thích chi tiết lý do tại sao bạn cần thực hiện hành động đó, để bạn không chỉ nắm vững các kỹ năng mà còn phải suy nghĩ về cách áp dụng các kỹ năng đã học vào thực tế. Cảm ơn bạn đã tạo ra một khóa học tuyệt vời.

Tôi chỉ đang nghiên cứu về phát triển và chỉ biết cách sử dụng Figma, nhưng tôi đã tìm thấy một khóa học mà tôi thực sự cần! Nhờ người hướng dẫn, các khái niệm về thiết kế nguyên tử và hệ thống thiết kế đã được hình thành. Trong thiết kế, một lần nữa tôi cảm nhận được tầm quan trọng của các bộ phận và khả năng tái sử dụng khi tôi thấy các thành phần kết hợp với nhau để hoàn thiện một tổng thể. Tôi đặc biệt giới thiệu nó cho các nhà phát triển và nhà thiết kế, những người cần giao tiếp trong công việc.

Ngày nay, hệ thống thiết kế thường được liệt kê trong số các yêu cầu về trình độ chuyên môn đối với các tin tuyển dụng về nhà thiết kế UI và UX. Bạn có thể thiết kế ngay cả khi bạn không biết hệ thống thiết kế. Bạn không biết hệ thống thiết kế, nhưng bạn biết nhưng không biết đúng. Tôi đoán có rất nhiều nhà thiết kế. Tuy nhiên, tôi tin rằng hệ thống thiết kế là một năng lực thiết yếu mà một nhà thiết kế không được phép biết. Ít nhất nếu bạn định thiết kế nó đúng cách... Khi đã biết hệ thống thiết kế, bạn có thể thiết kế một cách có hệ thống và quản lý nó một cách hiệu quả. Ngoài ra, Mã thông báo Figma được đề cập trong bài giảng này có thể tạo điều kiện giao tiếp với các nhà phát triển thông qua GitHub. Mặc dù tôi muốn học hệ thống thiết kế nhưng tôi không thể tìm được nơi nào dạy nó đúng cách. Tôi cảm thấy như mình đã tìm thấy một kho báu khi đăng những bài giảng chất lượng cao như vậy trên Infrun với mức giá hợp lý. Nhiều công ty, công ty thiết kế đã thiết lập được hệ thống thiết kế thông qua bài giảng này. Tôi ước gì có nhiều công ty hơn có hệ thống thiết kế và giao tiếp thông suốt với các nhà phát triển. Những người không biết hệ thống thiết kế là gì Tôi đã nghe nói về hệ thống thiết kế, nhưng tôi không biết gì về nó. Những người gặp khó khăn khi giao tiếp với nhà phát triển Tôi giới thiệu nó cho tất cả các nhà thiết kế và nhà phát triển.