ĐĂNG KÝ NGAY 

GITIHO

THIẾT KẾ UI/UX

CHO NGƯỜI MỚI

bằng figma

HỌC NGAY!

Giới thiệu khóa học

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.

VÌ SAO LẠI PHẢI HỌC?
Tiếp thu 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 một dự án thiết kế giao diện UI/UX được thực thi
• 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 ý

Đặc biệt, quà tặng Ebook Figma Design Notebook được gửi tặng ngay sau khóa học, được biên soạn với kiến thức bổ sung, được hệ thống lại và cập nhật từng đợt, đảm bảo chưa bao giờ bị lỗi nhịp với thời đại.

Biến mọi ý tưởng thành hiện thực

Sử dụng Figma như một người làm UI/UX với lối tư duy hệ thống, nắm vững nền tảng cơ bản; sắp xếp và quản lý công việc khoa học
Thuần thục cách sử dụng công cụ; thấu hiểu ngôn ngữ & tư duy thiết kế

Tìm hiểu khoá học ngay

Bạn học được gì sau khóa học?

Thuần thục cách sử dụng công cụ; thấu hiểu ngôn ngữ & tư duy thiết kế
Tự tạo ra những sản phẩm thiết kế cực chất, sẵn sàng để trở thành một designer chuyên nghiệp ở các agency hay client xây dựng website/app
Là công cụ "vỡ lòng" dành cho bất kỳ một UI/UX designer nào, thông thạo Figma sẽ là nền tảng để bạn học nâng cao các phần mềm khác như Sketch, Adobe XD

UI/UX DESIGNER

Figma sẽ giúp bạn vẽ wireframe, mẫu bảng biểu, sơ đồ quy trình,... một cách nhanh, đẹp và chính xác hơn rất nhiều cách vẽ tay hay sử dụng bảng trắng truyền thống  

BA/DEV/TESTER

Đối với các marketers, Figma không chỉ là công cụ để thiết kế mà còn là phương tiện giúp giao tiếp hiệu quả với đội dev & product trong team 

MARKETERS

Khóa học này dành cho ai?

Chi tiết khoá học

Chương 1: Các yếu tố cơ bản của Figma

  • Giới thiệu khoá học
  • Giới thiệu Figma
  • [Quà Tặng] Ebook Figma Design Notebook
  • Video chữa bài tập cho các bài học
  • Cách cài đặt
  • Giao diện chính Figma
  • Các section thuộc tính đối tượng
  • Các công cụ cơ bản nhất
  • Vẽ Vector trong Figma
  • Tổng kết phần mở đầu và bài tập

Chương 2: Các yếu tố về Frame

  • Giới thiệu về Frame
  • Tạo và làm việc với Frame
  • So sánh Frame và Group
  • Constraints của Frame - siêu công cụ cho responsive
  • Tổng kết chương và bài tập

Chương 3: Autolayout

  • Giới thiệu Autolayout
  • Autolayout và Text
  • Tạo Autolayout
  • Thuộc tính chính của Autolayout
  • Resizing với Autolayout
  • Autolayout lồng ghép phức tạp
  • Các demo và công dụng
  • Bài tập Autolayout tạo Chatbox

Chương 4: Component/ Instance/ Variants

  • Giới thiệu về Componentinstance
  • Bộ luật Component
  • Sử dụng Component và Instance như thế nào
  • Variants - Bản nâng cấp nâng tầm Component
  • Các thuộc tính của Variants
  • Một vài ví dụ của việc dùng Variants
  • Bài tập component làm lịch với component
  • Bài tập kết hợp tạo ra responsive table

Chương 6: Thực chiến

  • Làm Web/App thì quy trình như thế nào?
  • Vẽ Sitemap bằng Figjam
  • Dùng Figma dựng Wireframe
  • Stylish cho giao diện
  • Dùng Figma biến Wireframe thành giao diện 

Chương 5: Hệ thống hoá

  • Style là gì?
  • Làm việc với Color Style
  • Làm việc với Text Style
  • Ứng dụng trong thực tế
  • Các loại Style khác
  • Lưới trong Figma
  • Bài tập hệ thống Icon 

Chương 7: Prototype và trình diễn

  • Giới thiệu về Prototype trong Figma
  • Cách tạo Interaction
  • Setup Prototype
  • Các thuộc tính của Interaction
  • Overlay và các tính chất của Overlay
  • Animation trong Figma Prototype
  • Smart Animate
  • Trình diễn thành phần và Scrolling
  • Interaction Component
  • Bài tập Smart animate loading screen
  • Bài tập Smart animate on page menu
  • Bài tập Smart animate header scroll-down meni

Chương 8: Tổng kết

  • Tổng kết khoá và tóm tắt kiến thức
  • Một vài lời gợi ý và nhắn nhủ

Nhiều thực hành
lắm nè!

Cái tên TELOS bắt nguồn từ khái niệm tiếng Hy Lạp “τέλος” có nghĩa là mục đích cốt lõi. Với định hướng tạo dựng nên những giá trị sáng tạo đậm chất riêng nhưng luôn nhất quán và có những khuôn thước cực kì rõ ràng, chuyên nghiệp, team TELOS đã được thành hình.
Bằng cá tính sáng tạo của TELOS kết hợp với giá trị cốt lõi của bạn, sau quá trình được nghiên cứu thật tận tâm và tử tế, chúng ta cùng tạo ra những tác phẩm đủ sáng tạo, đủ độc đáo, đủ chuẩn mực để nâng tầm cho thương hiệu bạn. Vậy nên, chúng tôi luôn hào hứng với những đề xuất hợp tác cùng sáng tạo.

GIẢNG VIÊN KHÓA HỌC: LƯU TRỌNG NHÂN

Creative Leader tại TELOS
Leader Team Design tại XBOSS ERP
UI/UX Designer tại Cinqsmile VN
Admin Fanpage Figma Việt Nam.

Tìm hiểu khoá học ngay

Sản phẩm học viên


Học viên: Thảo Anh


Học viên: Quang Duyệt


Học viên: Ninh Trang


Học viên: Lê Anh Đức


Học viên: Hứa Nhẫn


Học viên: Hồ Hải Yến

 Các học viên của G-multimedia đã hoàn toàn tự tay thiết kế được các sản phẩm mong muốn

999.000

599.000 VNĐ

Ưu đãi đặc biệt giảm tới 45% trong hôm nay
HOÀN 100% HỌC PHÍ nếu bạn không hài lòng với khóa học
MIỄN PHÍ GIAO HÀNG trên toàn quốc
Mua một lần, sở hữu và nhận hỗ trợ TRỌN ĐỜI
Tham gia CỘNG ĐỒNG HỌC TẬP chất lượng của Gitiho
Thời gian ưu đãi chỉ còn
00
NGÀY
00
GIỜ
00
PHÚT
00
GIÂY
Họ và tên
Điện thoại
Email
Địa chỉ

THÔNG TIN VỀ GITIHO

GITIHO VINH DỰ ĐƯỢC BỘ GIÁO DỤC LỰA CHỌN LÀ THÀNH VIÊN BAN GIÁM KHẢO CHƯƠNG TRÌNH SV - STARTUP 2023 NĂM THỨ 2

LỄ KÝ KẾT HỢP TÁC CHIẾN LƯỢC
GITIHO VIỆT NAM X BESS & COMPANY

Học viện Tài chính cùng Gitiho đưa lời giải nhân sự thiếu kỹ năng làm việc

GITIHO ĐỒNG HÀNH CÙNG PTIT TRONG CHUNG KẾT
CUỘC THI P-STARTUP

BÁO JIJI PRESS NHẬT BẢN NÓI GÌ VỀ GITIHO VIỆT NAM?

Những câu hỏi thường gặp 

(Giờ làm việc: 8h30 - 18h, nghỉ chiều thứ 7 và CN

Hotline: 0774116285

Email: hotro@gitiho.com

Hướng dẫn lấy lại mật khẩu 

Hỗ trợ khách hàng 

Hướng dẫn đăng kí khoá học 

Hướng dẫn đăng nhập

Bộ quy tắc hành xử của giảng viên và học viên trên Gitiho 

Về Gitiho 

Quy định về thanh toán và hoàn học phí 

Quy định mua, huỷ, sử dụng khoá học 

Giới thiệu về Gitiho 

Quy trình xác nhận hoàn - huỷ đơn hàng tại Gitiho

Kết nối với chúng tôi 

CHƯƠNG 1: MỞ ĐẦU KHOÁ HỌC

  • Đối tượng và mục tiêu của khoá học
  • Figma là gì và hướng dẫn cài đặt
  • Các bước để bắt đầu thiết kế trên Figma

C2: (THỰC HÀNH) THIẾT KẾ KHUNG GIAO DIỆN TÌM KIẾM GOOGLE

  • Phân tích thiết kế
  • Thực hành (1)
  • Thực hành (2)

C3: TỔNG QUAN GIAO DIỆN FIGMA

  • Giao diện trang mở đầu
  • Thanh công cụ: Chọn và di chuyển
  • Thanh công cụ: Điều chỉnh vùng nhìn
  • Thanh công cụ: Nhân bản và khoảng cách
  • Thẻ layers: Quản lý đối tượng
  • Pages: Phân trang
  • Thẻ design: Thay đổi màu sắc
  • Thẻ design: Thay đổi kích thước và toạ độ
  • Thẻ design: Căn chỉnh vị trí đối tượng

C4: BẮT ĐẦU DỰ ÁN MỚI

  • Tạo mới Team, Project và File
  • Làm việc với Templates, Community và Plugins

C5: BẮT ĐẦU THIẾT KẾ - XÂY DỰNG FRAMES

  • Frames là gì và tại sao cần Frames
  • Constraints - Vị trí tương đối so với Frame

Tôi mới chưa biết gì thì có học được không?

Hoàn toàn được bạn nhé! Khóa học được thiết kế dành cho người mới nên nội dung được biên soạn rất dễ hiểu để bất kỳ ai cũng đều có thể học được. 

Khóa này học trong bao lâu?

Tổng thời lượng của khóa học dài 7 tiếng, với phương pháp giảng dạy tiếp cận thực tiễn, bạn sẽ nhanh chóng nắm bắt và thành thạo Figma như một UI/UX Designer chuyên nghiệp. Hãy cố gắng thực hành càng nhiều thì chất lượng sản phẩm bạn tạo ra sẽ ngày càng trở nên tốt hơn. 

Tôi cần chuẩn bị dụng cụ, thiết bị gì cho khóa học này?

Figma phù hợp với tất cả mọi người dù bạn đang sử dụng dòng máy tính, hệ điều hành này. Chính vì vậy, tiếp cận Figma là xu thế mà bất kì ai cũng cần trong tương lai.

Tôi có thể học khóa này trong bao lâu?

Sau khi mua bạn sẽ sở hữu khóa học trọn đời do vậy bạn có thể học bất cứ lúc nào bạn muốn! Không những vậy, bạn cũng sẽ được nhận cập nhật miễn phí của khóa học mỗi khi có điều chỉnh về mặt nội dung qua từng năm. 

Nếu có thắc mắc thì tôi phải hỏi ai?

Trong quá trình học nếu có bất kỳ thắc mắc hay khó khăn cần giải đáp bạn đều có thể trao đổi cùng giảng viên ngay trên nền tảng học của Gitiho

Nếu tôi không hài lòng với khóa học thì sao?

Sau khi mua, nếu bạn không hài lòng với khóa học bạn hoàn toàn có thể yêu cầu hoàn tiền và Gitiho sẽ hoàn 100% học phí cho bạn! Thời gian hoàn học phí lên tới 365 ngày (thay vì 7 ngày so với các nền tảng khác) cũng là điểm mạnh khẳng định uy tín và cam kết của Gitiho đối với học viên của mình.

C6: THIẾT KẾ CÁC ĐỐI TƯỢNG

  • Thiết kế nút đơn giản
  • Thiết kế nút màu hoà trộn và đổ bóng
  • Thiết kế nút có icon
  • Thiết kế các hình có hình dạng đặc biệt 1
  • Thiết kế các hình có hình dạng đặc biệt 2
  • Chèn hỉnh ảnh và đối tượng đồ hoạ
  • Sử dụng Mask
  • Thiết lập màu sắc
  • Thiết lập Styles
  • Quản lý lịch sử chỉnh sửa

C7: SỬ DỤNG COMPONENTS

  • Thực hành thiết kế danh sách khoá học trên gitiho.com(1)
  • Thực hành thiết kế danh sách khoá học trên gitiho.com(2)
  • Tại sao cần sử dụng Components?
  • Cách tạo Component
  • Quản lý và sử dụng component hiệu quả

C8: PROTOTYPES

  • Prototype là gì và tại sao lại cần?
  • Overflow scrolling
  • Interactions 1
  • Interactions 2
  • Presentation View
  • Animation
  • Hoàn thiện 1 flow hoàn chỉnh

C9: THIẾT KẾ UI ĐĂNG NHẬP PHẦN MỀM

  • Prototype là gì và tại sao lại cần?
  • Overflow scrolling
  • Interactions 1
  • Interactions 2
  • Presentation View
  • Animation
  • Hoàn thiện 1 flow hoàn chỉnh

C10: THIẾT KẾ CV

  • Prototype là gì và tại sao lại cần?
  • Overflow scrolling
  • Interactions 1
  • Interactions 2
  • Presentation View
  • Animation
  • Hoàn thiện 1 flow hoàn chỉnh

C11: XUẤT BẢN, CHIA SẺ & CỘNG TÁC LÀM VIỆC

  • Chia sẻ & cộng tác
  • Xuất bản các thành phần trên thiết kế