Bắt đầu UX/UI: Giới thiệu về Figma (Inflearn Original)
Chúng ta sẽ tìm hiểu cách sử dụng cơ bản và cách áp dụng thực tế của Figma, một công cụ thiết kế để phác thảo, tạo mẫu và hợp tác trong thiết kế giao diện người dùng.
Công cụ thiết kế UX/UI đang thu hút sự chú ý trên toàn thế giới, Xu hướng hiện nay là Figma! 📐
📢 Xin lưu ý trước khi tham gia lớp học!
Bài giảng này được thực hiện bằng phiên bản trước bản cập nhật Figma 2023 .
Vui lòng xem trước bài giảng trước khi mua.
Figma, công cụ thiết kế được mong đợi nhất năm 2021, được UXtools.co lựa chọn
Nguồn: UXtools.co, Khảo sát công cụ thiết kế năm 2020 (liên kết)
Một cuộc khảo sát của UXtools đã được công bố, với sự tham gia của khoảng một phần tư các nhà thiết kế người Mỹ, bao gồm các nhà thiết kế UX và nhà thiết kế sản phẩm. Điều đáng chú ý nhất chắc chắn là sự phát triển của Figma . Figma đứng thứ hai sau Miro trong hạng mục động não và cũng đứng đầu về sơ đồ trang web, thiết kế giao diện, tạo mẫu UI, bàn giao (hướng dẫn) và quản lý hệ thống thiết kế. Đặc biệt, công cụ này đã đạt được vị trí số 1 áp đảo trong danh sách các công cụ đáng chú ý của năm 2021. Vậy điều gì khiến Figma trở thành một công cụ thiết kế hấp dẫn?
Tại sao lại là Figma?
Sự hợp tác tuyệt vời nhất!
Tính năng lớn nhất của Figma là 'hợp tác thời gian thực' . Quy trình sau đây được thực hiện trước khi tạo thiết kế web/ứng dụng.
Quá trình thiết kế rất phức tạp. Không chỉ các nhà thiết kế mà cả các nhà quy hoạch và phát triển cũng phải tham gia và thông qua giao tiếp, nhiều phần có thể thay đổi so với bản thảo ban đầu. Việc nhiều nhà thiết kế cùng tham gia vào một dự án cũng là điều phổ biến. Đó là lý do tại sao sự hợp tác là một điểm rất quan trọng trong quá trình thiết kế.
Khi nói đến sự hợp tác, Figma là một công cụ mang lại sự linh hoạt và năng suất đáng kinh ngạc. Bởi vì đây là chương trình chạy trên trình duyệt web . Trong khi các công cụ thiết kế chung yêu cầu bạn phải tải xuống chương trình để sử dụng thì Figma lại được truy cập thông qua trình duyệt. Bạn có thể truy cập Figma mọi lúc, mọi nơi, miễn là bạn có kết nối internet, mà không cần phải tải xuống ứng dụng trên máy tính. Một lợi thế lớn nữa là đây là chương trình dựa trên nền tảng đám mây, do đó không yêu cầu không gian lưu trữ riêng. Nó cung cấp môi trường tối ưu cho việc cộng tác vì cho phép bạn chia sẻ màn hình theo thời gian thực và cũng cung cấp khả năng quản lý phiên bản thuận tiện.
Kiến thức cơ bản và thực hành cùng một lúc.
Chúng ta hãy học theo thứ tự nhé!
Figma, sử dụng thế nào? Tìm hiểu cách tạo tài khoản Figma và thiết lập môi trường làm việc. Bạn có thể hiểu về canvas và các trang, cũng như tìm hiểu giao diện và chức năng cơ bản.
Cốt lõi của Figma là các thành phần! Figma là một công cụ tạo mẫu dựa trên thành phần. Bằng cách biến nguồn thành một thành phần, bạn có thể dễ dàng tải và sử dụng nguồn chính bất cứ lúc nào. Hiểu khái niệm về thành phần và áp dụng những gì đã học thông qua thực hành.
Thiết kế giao diện thì ổn. Tìm hiểu cách thiết kế giao diện bằng các plugin Iconify, Auto Flow và Auto Layout. Bạn có thể dần dần áp dụng những gì đã học thông qua thực hành.
Cố gắng giữ giọng điệu nhất quán. Khi thiết kế giao diện người dùng dịch vụ, chắc chắn sẽ có những màu sắc hoặc văn bản được sử dụng nhiều lần. Để giúp bạn thiết kế UI một cách nhất quán, hãy tạo và áp dụng hướng dẫn về kiểu dáng cho các thành phần mà bạn sử dụng nhiều lần.
Nguyên mẫu dành cho người chăm chỉ. Hiểu cách thức hoạt động của nguyên mẫu Figma và các thành phần của nó. Học cách giao tiếp hiệu quả hơn và làm việc năng suất hơn!
Việc cộng tác trở nên dễ dàng và thông minh hơn. Tìm hiểu về nhiều tính năng cộng tác của Figma, bao gồm cách thêm và chia sẻ bình luận trực tiếp từ bề mặt thiết kế, kiểm soát phiên bản, chia sẻ và xuất tệp thiết kế, v.v.
Hãy chú ý những người này!
Nguyên mẫu?
Công cụ tạo mẫu đầu tiên Những người đang học
Figma là gì?
Tôi muốn học Figma Nhà thiết kế UX/UI
Chơi theo nhóm
Bạn muốn cải thiện hiệu quả cộng tác? Thành viên nhóm sản phẩm
Đang tiến hành sao lưu vô hạn...
Thuận tiện ngay cả khi quản lý phiên bản Dành cho những ai đang tìm kiếm một công cụ đa năng
Giới thiệu về UX/UI , Hãy thử thách cùng Inflearn.
Đây thực sự là một bài giảng hay dành cho người mới bắt đầu chơi figma!! Điều đáng thất vọng duy nhất là chữ trên màn hình quá nhỏ, nhìn lâu sẽ nhức mắt, nên nếu có kính lúp thì sẽ tốt hơn....
Trước hết, tôi thích nó nhất trong số các lớp figma dành cho người mới bắt đầu trong nước mà tôi đã tham gia. Tuy nhiên, vì có quá nhiều thông tin được gửi thành từng đoạn ngắn nên có một số phần khó hiểu hoặc được những người không phải là nhà thiết kế chấp nhận một cách mơ hồ.
Vì không có sự so sánh giữa từng thao tác Thay đổi kích thước, Sắp xếp và Bố cục tự động, nên tôi đã lo lắng một lúc về việc liệu tôi có thể sử dụng chúng một cách thích hợp để hiểu chúng bằng cách nhấp vào từng cái một hay không.
Vì các thành phần, kiểu và thư viện thực sự đều được kết nối với nhau nên tôi nghĩ sẽ tốt hơn nếu có sự sắp xếp các bộ phận liên quan.
Nếu các dự án kết hợp các kỹ thuật được sử dụng trong thực tế được trình bày dưới dạng các khóa học, tôi dự định đăng ký ngay.
Tôi mong đợi nhiều bài giảng hay hơn nữa trong tương lai.