Khóa học thiết kế giao diện bằng Figma dành cho những bạn có đam mê với ngành nghề UI/UX design. Khóa học tập trung vào những kỹ năng căn bản nhất, đồng thời cung cấp một cái nhìn tổng quát giúp học viên có thể tạo ra sản phẩm cụ thể sau khóa học.
Figma là một công cụ dễ học, dễ sử dụng. Tuy nhiên, nếu bạn có một người hướng dẫn, giúp bạn tổng hợp lại những thông tin, kiến thức, các công cụ cơ bản nhất, nền tảng nhất, hướng dẫn bạn cách sử dụng chúng một cách hiệu quả nhất thì khóa học này có thể tiết kiệm vài năm cho bạn.
Lớp học này giúp các bạn bắt đầu tìm hiểu về công cụ Figma để thực hiện hoá các bản vẽ của mình
Lớp học phù hợp với các bạn định hướng vào ngành UX/UI Design tại Việt Nam cần có kỹ thuật sử dụng Figma
Các bạn khác ngành muốn chuyển dịch lâu dài vào lĩnh vực UX/UI và cần được chỉ dẫn tận tình về công cụ mới.
Các bạn Dev muốn phát triển thêm về kỹ năng thiết kế giao diện và kiếm nhiều tiền hơn nhờ kỹ năng toàn diện của mình
Không hiểu rõ cụ thể cách làm Auto Layout?
Bạn không biết cách sử dụng Auto Layout để tối ưu các Layer của mình, bạn băn khoăn cách làm sao để sử dụng Auto thuần thục và chuẩn xác về mặt kỹ thuật
Không hiểu rõ cách tối ưu Component?
File thiết kế của bạn trông rất lượm thượng, bạn tốn rất nhiều thời gian chỉ để ngồi tổ chức lại một đống bùng bung mà không có bất kỳ hiểu biết gì về “tối ưu thiết kế”.
Không biết tổ chức file được chuyên nghiệp?
Bạn biết cách làm, bạn có năng khiếu làm ra các giao diện đẹp, nhưng bạn lại không biết làm cho dễ dàng với bạn và cả đồng sự của bạn. Bạn không thể hoàn tất dự án với một nỗi lo thế nào là phù hợp cho Coder và bàn giao cho Sếp, cho Khách hàng
Không biết bắt đầu từ đâu trong dự án?
Nỗi lo lớn nhất của 90% các học viên chúng tôi, họ không biết cách phải xuất phát từ đâu trong một dự án chuẩn chỉnh về UI Design, một dự án thực tế trong công ty sẽ diễn ra như thế nào khi đề bài được chuyển giao vào cho đội thiết kế UX/UI.
Không biết phải đặt câu hỏi và lời giải thích ở đâu?
Một khi học trò muốn học – Người thầy sẽ tự nhiên xuất hiện. Chúng tôi với đội ngũ chuyên môn và phương pháp đào tạo bài bản hướng vào đầu ra – tự tin rằng khoá học sẽ mang đến cho bạn phương pháp giải quyết vấn đề tối ưu trong thiết kế Figma.
Đến với Khóa học Figma từ căn bản đến thực chiến, bạn sẽ được tiếp nhận kiến thức thực chiến từ đội ngũ TELOS, bao gồm các Developer và Designer cùng quản lý công việc và trao đổi trên một file làm việc Figma hơn 3 năm, bao gồm: Cách thực thi một dự án thiết kế giao diện UI/UX; Kiến thức căn bản về cách tận dụng Figma; Các mẹo vặt để làm việc khoa học và tư duy theo lối lập trình; Phương pháp nghiên cứu để luôn tìm ra câu trả lời cho cái mình chưa biết trong Figma; Vun đắp mối quan hệ Designer - Developer với những sản phẩm ăn ý.
Thuần thục cách sử dụng công cụ; hiểu rõ ngôn ngữ thiết kế; thấu hiểu tư duy bài bản
Biết cách dùng phần mềm như một người làm UI/UX với lối tư duy hệ thống, nắm vững
Tự tạo ra những thiết kế Website/App cực chất, sẵn sàng để trở thành một Designer
Tự tin thực hiện hoá ý tưởng của mình trên các thiết kế
Giảm đến hơn 60% thời gian cho các thao tác lặp đi lặp lại bằng việc tạo ra các component
Khoá học Figma Thực Chiến không chỉ là nền tảng mà còn là bệ phóng cho tương lai nghề nghiệp của bạn. Sở hữu ngay kỹ thuật, hiểu biết và tâm thế nền tảng cho sự nghiệp
Tôi đã tham gia khóa học Figma của anh Nhân để nâng cao kỹ năng thiết kế của mình ... Nếu bạn thực sự muốn trở nên giỏi hơn trong lĩnh vực thiết kế, thì đây là khóa học dành cho bạn.
Sau khóa học, con đường bước chân vào thế giới UX - UI của mình dường như dễ dàng hơn. Khóa học được minh họa bằng các ví dụ và hướng dẫn thực tế, vô cùng hữu ích và giúp người học có kiến thức nền tốt. Mình rất muốn giới thiệu khóa học này cho các nhà thiết kế UI UX tương lai
"Học Figma căn bản - thực chiến" là một khóa học toàn diện đã đưa tôi vào con đường trở thành Nhà thiết kế giao diện người dùng chuyên nghiệp. Khóa học cung cấp kiến thức sâu với lộ trình bài bản. Vì vậy sau khóa học này, tôi có thể bắt tay vào làm việc luôn
Tôi là một kỹ sư thiên về não trái và Learn UI Design đã cho tôi hy vọng rằng tôi sẽ không phải dựa vào người khác để làm cho giao diện của mình trông như ý.
LỘ TRÌNH BÀI HỌC TỪ CƠ BẢN
Cới nhiều năm giảng dạy, giảng viên Lưu Trọng Nhân sẽ cung cấp cho học viên một lộ trình học bài bản, cân bằng cả lý thuyết và thực hành giúp bạn học đến đấu, ứng dụng ngay được đến đây. Ngoài ra, khóa học tập trung vào cả tư duy lẫn công cụ, giúp người học nắm vững cách làm việc với Figma cũng như tự tin tham gia các dự án cùng nền tảng tư duy tốt.
KHÔNG CẦN ĐẾN TRUNG TÂM
Học Figma ngay tại nhà, không cần đến trung tâm. Thời gian và địa điểm học hoàn toàn do bạn chủ động. Khóa học phù hợp cho tất cả đối tượng, đặc biệt là những bạn bận rộn, thường xuyên di chuyển, khó sắp xếp được lịch học theo các lớp offline. Bạn muốn chuyển nghề, đây chính là khóa học hoàn hảo dành cho bạn.
HỌC XONG LÀM ĐƯỢC VIỆC LUÔN
Khóa học từ cơ bản - thực chiến tập trung vào những kỹ năng căn bản nhất, đồng thời cung cấp một cái nhìn tổng quát giúp học viên có thể tạo ra sản phẩm cụ thể sau khóa học. Bạn sẽ được tìm hiểu quy trình thiết kế từ đầu đến cuối.
GIẢNG VIÊN UY TÍN
Lưu Trọng Nhân - Admin Figma Designer Vietnam
Giảng viên là một người đã sử dụng Figma từ những năm 2018, cho đến giờ cũng có hơn 3 năm làm việc cùng với Figma. Với kinh nghiệm 3 năm trong nghề, giảng viên sẽ hỗ trợ các bạn làm việc với Figma một cách nhanh chóng, hiệu quả. Khóa học sẽ hướng dẫn cho các bạn từng công cụ từng công cụ. Từ cách để dàn ra một cái frame cho tới Autolayout và tái sử dụng, tự động hóa Figma...
56
BÀI GIẢNG
GIỜ HỌC
6
HỌC MỌI LÚC MỌI NƠI
Bài 1: Giới thiệu khóa học
Bài 2: Giới thiệu Figma
Bài 3: Cách cài đặt
Bài 4: Giao diện chính Figma
Bài 5: Các section thuộc tính đối tượng
Bài 6: Các công cụ cơ bản nhất
Bài 7: Vẽ vector trong Figma
Bài 8: Tổng kết phần mở đầu và bài tập
Phần 1: Các yếu tố cơ bản (Hiểu về Figma, các thành phần và công cụ cơ bản)
Phần 2: Các yếu tố về frame (Frame là thành phần nền tảng và cốt lõi trong figma, chương này giúp bạn hiểu về frame)
Bài 9: Giới thiệu frame
Bài 10: Tạo và làm việc với frame
Bài 11: So sánh frame và group
Bài 12: Constraints của frame - siêu công cụ cho responsive
Bài 13: Tổng kết chương và bài tập
Phần 3: Autolayout (Autolayout là một công cụ rất hiểu quả để thực hiện dàn trải các thiết mang tính bố cục thứ tự)
Bài 14: Giới thiệu autolayout
Bài 15: Autolayout và text
Bài 16: Tạo autolayout
Bài 17: Thuộc tính chính của autolayout
Bài 18: Resizing với autolayout
Bài 19: Autolayout lồng ghép phức tạp
Bài 20: Các demo và công dụng
Bài 21: Bài tập autolayout: tạo chatbox
Phần 4: Component/Instance/Variants (Công cụ nền tảng hỗ trợ cho sự tự động hóa trong figma)
Bài 22: Giới thiệu về component/instance
Bài 23: Bộ luật component
Bài 24: Sử dụng component và instance như thế nào
Bài 25: Variants - bản nâng cấp nâng tầm component
Bài 26: Các thuộc tính của variants
Bài 27: Một vài ví dụ của việc dùng variants
Bài 28: Bài tập component: làm lịch với component
Bài 29: Bài tập kết hợp: tạo responsive table
Phần 5: Hệ thống hóa (Trong chương này chúng ta sẽ học cách để tạo ra các cấu trúc hệ thống cho file figma của bạn)
Bài 30: Style là gì?
Bài 31: Làm việc với color style
Bài 32: Làm việc với text style
Bài 33: Ứng dụng trong thực tế
Bài 34: Các loại style khác
Bài 35: Lưới trong Figma
Bài 36: Bài tập: hệ thống icon
Phần 6: Thực chiến (Đem kiến thức đã học ở các chương vừa rồi vào việc thực hiện một website/app)
Bài 37: Làm web/app thì quy trình thế nào
Bài 38: Vẽ sitemap bằng FigJam
Bài 39: Dùng Figma dựng wireframe
Bài 40: Stylish cho giao diện
Bài 41: Dùng figma biến wireframe thành giao diện
Phần 7: Prototype và trình diễn (Trình diễn trong figma giúp bạn làm rõ hơn về quy trình vận hành của web/app)
Bài 42: Giới thiệu về prototype trong Figma
Bài 43: Cách tạo interaction
Bài 44: Setup prototype
Bài 45: Các thuộc tính của interaction
Bài 46: Overlay và các tính chất của overlay
Bài 47: Animation trong Figma prototype
Bài 48: Smart animate
Bài 49: Đặc tính của smart animate
Bài 50: Trình diễn thành phần và scrolling
Bài 51: Interactive component
Bài 52: Bài tập smart animate: loading screen
Bài 53: Bài tập smart animate: one page menu
Bài 54: Bài tập smart animate: header scroll-down menu
Phần 8: Tổng kết (Tóm tắt các kiến thức đã học và sự nhắc nhở chung)
Bài 55: Tổng kết khóa và tóm tắt kiến thức
Bài 56: Một vài lời gợi ý và nhắn nhủ