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ông cần cài đặt và hoàn toàn miễn phí, Figma nổi lên như một phần mềm tối ưu dành riêng cho các bạn designer & những ai đam mê thiết kế UI/UX.

Không chỉ là công cụ thiết kế giao diện web, app hay vẽ wireframes, bạn có thể chia sẻ ý tưởng của mình và nhận được nhận xét, góp ý của đồng nghiệp hoàn toàn online & vô cùng dễ dàng.

Trong khoá học, bạn sẽ không chỉ được dạy cách sử dụng phần mềm từ A-Z mà còn được tự tay thực hành những bài tập lớn - "thử sức" bản thân như là một UI/UX designer chuyên nghiệp.

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

Figma giúp gắn kết các bộ phận lại với nhau,
tạo ra một workflow khép kín & những sản phẩm ăn ý. 

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

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

Tự tin hiện thực hoá ý tưởng của mình lên các mẫu thiết kế giao diện app, web hay prototype sản phẩm,...

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

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

Thuần thục cách sử dụng công cụ; thấu hiểu ngôn ngữ & tư duy thiết kế

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?

Vẽ sơ đồ, biểu mẫu, quy trình làm việc
đẹp mắt, dễ dàng và trực quan

Hiện thực hoá ý tưởng thiết kế của bạn
thành ấn phẩm sinh động và chuyên nghiệp

Làm quá trời thứ cùng FIGMA

Thiết kế giao diện website, landing page, app
tối ưu hoá theo trải nghiệm của người dùng

Vẽ mockup, wireframe, protytpe, ...
nhanh chóng, thông minh và dễ dàng chỉnh sửa

Nội dung khóa học

Nội dung khóa học

Nội dung khóa học

C1: Mở đầu khóa học

C2: Làm quen thiết kế khung giao diện tìm kiếm Google

C3: Tổng quan giao diện FIGMA

C4: Bắt đầu dự án mới

C5: Bắt đầu thiết kế

và xây dựng Frames

C6: Thiết kế các đối tượng

C7: Sử dụng Components

C8: Prototypes

C10: Xuất bản, chia sẻ & cộng tác

C9: Thiết kế CV

Vui lòng click vào từng chương để xem nội dung chi tiết bài học.

đăng ký Nhận Ưu Đãi 45%

899.000

499.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ỉ

Giá trị cốt lõi sản phẩm mà G-DESIGN theo đuổi:
- Không ngừng đổi mới chất lượng giảng dạy để đạt được giá trị cao nhất.
- Luôn hướng tới sự xuất sắc, không ngừng cải tiến và cập nhật mới khóa học để tiến tới những tiêu chuẩn cao nhất.
- Tập trung vào khách hàng, lấy khách hàng là trọng tâm và cung cấp giá trị vượt mong đợi.
- Thực tế, có tính ứng dụng cao, không chỉ giúp học viên phát triển tư duy ứng dụng mà còn chia sẻ tới học viên kinh nghiệm áp dụng thực tế trong hơn 5 năm kinh nghiệm của đội ngũ chuyên gia đã tào tạo tại: Vietinbank, Vpbank, FPTsoftware, VNPT, Mobifone...

GIẢNG VIÊN KHÓA HỌC: G-DESIGN

Sứ mệnh của chúng tôi: Giúp người Việt nâng cao năng suất làm việc bằng các chương trình đào tạo về Thiết kế.

Với định hướng trở thành Business analyst, trong quá trình tìm hiểu mình thấy các anh chị nói rất nhiều đến việc xây dựng quy trình, luồng công việc trên Figma. Sau khi xem trên mạng, mình thấy khoá học của Gitiho đáp ứng được nhu cầu của bản thân vì dạy cho người mới 100%, không yêu cầu kinh nghiệm. Chất lượng bài giảng tốt, giảng viên giải thích dễ hiểu, chậm rãi từ tốn, à còn bonus là giọng rất hay nữa :)) Mình highly recommend khoá học này nha! 

LƯU THIÊN TRANG
Sinh viên

Công ty yêu cầu phải học Figma để còn giao tiếp với đội thiết kế, đội sản phẩm, ban đầu cũng miễn cưỡng học nhưng sau thì cũng thấy hay hay, đúng là tiện hơn nhiều so với vẽ vời trên bảng trắng. Cả team cũng hiểu nhau hơn, cần sửa gì lên mạng chỉnh là xong, đỡ phải nhắn tin qua lại mất thời gian. Phần mềm rất tốt, khoá học cũng hay, tôi trước giờ chỉ biết code nhưng học khoá này xong cũng hiểu được công việc của các bạn thiết kế đôi chút. 

BÙI TIẾN ĐẠT
Software developer

Mình vốn là Graphic Designer nhưng do ngành UI-UX hot quá, nhân lực thì đang khan nên mình đã quyết định chuyển hướng sang làm UI-UX designer. Để làm được công việc này thì Figma chính là phần mềm "vỡ lòng" của các bạn, nó quan trọng tựa như Adobe Photoshop hay Illustrator của các bạn Graphic Designer vậy. Và sau khi tìm hiểu mình đã quyết định chọn khoá Figma của Gitiho, phần vì khoá học rất hay, nội dung đầy đủ, chi tiết; phần vì Gitiho là một địa chỉ đáng tin cậy cho bất kỳ ai đang đi làm muốn cải thiện kỹ năng bản thân. 

TRẦN MẠNH TIẾN
UI-UX Designer

Phản hồi học viên chất lượng

Hỏi gì đáp nấy...

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

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

Tôi cần thiết bị gì cho khóa học này?

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

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

ĐĂNG KÝ
để nhận tư vấn
trực tiếp
từ Gitiho!

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ế