June Sale!
วันสุดท้าย

UI Design 3: Figma - Layouts

Intermediate

Beginner

Expert

หลักสูตรนี้เน้นการเรียนรู้เทคนิคขั้นสูงในการใช้ Figma เพื่อสร้าง layouts ที่มีประสิทธิภาพและ Responsive Auto Layouts ที่ตอบสนองต่อความต้องการของผู้ใช้ ซึ่งจะช่วยเพิ่มประสิทธิภาพในการออกแบบ UI อย่างมืออาชีพ

ทดลองเรียนฟรี
4
 ชั่วโมง
101
 นาที
2
 การบ้าน
0
 ข้อสอบ
แพ็คเกจสมาชิกการเรียนที่คุ้มค่าที่สุด
ชั่วโมงปรึกษา 6-8 ชม/วัน
ตรวจทุกการบ้านและโปรเจ็กต์
เข้าร่วมอีเวนท์ 2-3/สัปดาห์
รับบริการสนับสนุนอาชีพ
เรียนพร้อมกับ Job Guarantee
เริ่มเรียนแบบไม่จำกัดกว่า 100 คอร์สและอื่นๆ เรียนแล้วไม่ได้งานคืนเงิน 100%

หลักสูตร

ในหลักสูตรนี้ ผู้เรียนจะได้สำรวจขอบเขตของ Figma ในระดับลึกยิ่งขึ้นผ่านการเรียนรู้เทคนิคขั้นสูงในการสร้าง layouts ที่มีประสิทธิภาพและตอบสนองต่อความต้องการของผู้ใช้งานในวงกว้าง หลักสูตรนี้จะครอบคลุมการใช้งาน Auto Layouts ซึ่งเป็นพื้นฐานสำคัญในการออกแบบที่เข้ากับทุกขนาดหน้าจอ, พร้อมด้วยเทคนิค Workflow ขั้นสูงเพื่อเพิ่มประสิทธิภาพการทำงาน การใช้งาน Grids Nested Layouts และการสร้าง Responsive Auto Layouts ที่สามารถปรับขนาดและตำแหน่งของส่วนประกอบได้อย่างอัตโนมัติตามขนาดหน้าจอ หลักสูตรนี้มีจุดมุ่งหมายเพื่อให้ผู้เรียนสามารถสร้างการออกแบบ UI ที่ไม่เพียงสวยงามและใช้งานได้จริง แต่ยังคงความยืดหยุ่นและตอบสนองต่อความต้องการของผู้ใช้ในอนาคตได้อย่างมืออาชีพ

รายละเอียดบทเรียน

Introduction

Learning Goals

เลือก Project ของคุณ

Introduction to Advanced Figma

Spacing and Constraint and Website for UX/UI Design

Responsive Lower Navigation Challenge Instructions

Challenge: Responsive Mobile/ Website

Feedback

00:31

00:06

0 questions

03:58

09:09

02:44

1 questions

3 questions

1

Auto Layouts

ในหลักสูตรนี้ เราจะศึกษาเกี่ยวกับหลักการและการใช้งาน Auto Layout ใน Figma อย่างละเอียด ซึ่งรวมถึงการปรับเพิ่มหรือลดระยะห่างระหว่างองค์ประกอบ (Spacing) และการกำหนดเงื่อนไขในการจัดวาง (Constraint) เพื่อให้สามารถสร้างเลเอาต์ที่มีความยืดหยุ่นและ Responsive Design ในการตอบสนองต่อขนาดหน้าจอที่แตกต่างกัน นอกจากนี้ เรายังจะเรียนรู้เกี่ยวกับการสร้าง Responsive Nav Bar ซึ่งเป็นส่วนสำคัญในการออกแบบเว็บไซต์หรือแอปพลิเคชันที่ตอบสนองได้กับการเปลี่ยนแปลงขนาดหน้าจออย่างอัตโนมัติ

รายละเอียดบทเรียน

เริ่มเรียนบทนี้

Introduction

Learning Goals

เลือก Project ของคุณ

Introduction to Advanced Figma

Spacing and Constraint and Website for UX/UI Design

Responsive Lower Navigation Challenge Instructions

Challenge: Responsive Mobile/ Website

Feedback

00:31

00:06

0 questions

03:58

09:09

02:44

1 questions

3 questions

2

Advanced Workflow Tricks และ Grids

ในหลักสูตรนี้ เราจะเรียนรู้เกี่ยวกับทริคการใช้งานเพื่อพัฒนา Workflow ในการทำงานและการใช้งาน Grids อย่างละเอียด โดยรวมถึงการใช้งาน Components Grids Constraint Auto Layout และการออกแบบ Brand และ Logo อย่างมืออาชีพ

รายละเอียดบทเรียน

เริ่มเรียนบทนี้

Learning Goals

Figma Shortcuts (Part 1)

Figma Shortcuts (Part 2)

Event Card Challenge Instructions

Challenge: Event Card Constraints

What Is the Difference Between Grid, Constraint, and Auto Layout?

How to Use Grid and Examples?

Class Project - Event Branding

Feedback

00:07

05:11

08:18

02:14

1 questions

03:39

09:24

03:50

3 questions

3

Nested และ Responsive Auto Layouts

ในหลักสูตรนี้ เราจะเรียนรู้เกี่ยวกับการใช้งาน Nested Component และการประยุกต์ใช้งาน Auto Layout รวมถึงการสร้าง Responsive Auto Layouts และ Variant อย่างละเอียด ทั้งยังรวมไปถึงการใช้งาน Information Banner และการจัดการ Component ใน Figma อย่างมืออาชีพ

รายละเอียดบทเรียน

เริ่มเรียนบทนี้

Learning Goals

Responsive Auto Layout Design and Mini Project

Variant and Additional Properties of Auto Layout (Part 1)

Variant and Additional Properties of Auto Layout (Part 2)

Responsive Design for Text and Information Banner

Feedback

Certificate

00:08

10:37

12:00

10:03

19:33

3 questions

4

รายละเอียดบทเรียน

เริ่มเรียนบทนี้
5

รายละเอียดบทเรียน

เริ่มเรียนบทนี้
6

รายละเอียดบทเรียน

เริ่มเรียนบทนี้
7

รายละเอียดบทเรียน

เริ่มเรียนบทนี้

เป็นส่วนหนึ่งของ Career Track:

เป็นส่วนหนึ่งของ Skill Track:

ฟังเสียงจริงจากนักเรียนของเรา

นักเรียนที่เคยเผชิญความท้าทายในการเปลี่ยนสายงาน แต่สามารถบรรลุเป้าหมายและประสบความสำเร็จได้ด้วยการเรียนกับเรา

มากกว่าคอร์สออนไลน์ธรรมดา

เรียนรู้สกิลไอทีหลากหลาย ทั้งคอร์สเรียน IT เส้นทางทักษะ อีเวนท์สด และการทำโปรเจ็คจริง มีการันตีงาน 100%

พูดคุยกับเมนเทอร์ในชั่วโมงปรึกษา

เมนเทอร์ของเราพร้อมประจำการเพื่อช่วยเหลือคุณระหว่าง 6-10 ชั่วโมง/วัน ผ่านวีดิโอคอนเฟอเรนซ์

สอบถามและคุยกับเพื่อนๆบน ออนไลน์ Community

มีคำถามหรือต้องการแบ่งปันอะไรบ้างไหม ส่งข้อความถึงเพื่อนๆ และผู้ช่วยสอนในชุมชนของเรา

เราจะตรวจการบ้านและโปรเจกต์ของคุณทั้งหมด

ส่งงานของคุณมาและรอรับฟีดแบ็ก ซึ่งเราจะพยายามตอบกลับภายในเวลาไม่เกิน 7 วัน

การเรียนแบบสดผ่าน Bootcamp

รูปแบบการเรียนแบบ Flipped Learning ผ่านวิดีโอบทเรียนสำหรับการเรียนเองในวันธรรมดาและมีการเรียนสดในวันสุดสัปดาห์

LinkedIn, Resume และ พอร์ตโฟลิโอรีวิว

สร้างความประทับใจให้กับ HR และบริษัทด้วยโปรไฟล์ที่โดดเด่น

เข้าร่วมอีเวนท์ออนไลน์และออนไซต์

ไม่ว่าจะเป็นเวิร์คช็อป ผู้บรรยายพิเศษ หรือกิจกรรมอื่นๆ คุณสามารถเข้าร่วมกิจกรรมมากมาย

พบกับผู้สอนและเมนเทอร์ของคุณ

ครูผู้สอนที่มีความเชี่ยวชาญในสาขานั้นๆ หลักสูตรสอนโดยผู้เชี่ยวชาญในสายงาน IT ที่มีความรู้และประสบการณ์มากมาย

Tutchaphol Panyim

Associate UX/UI Designer @ Winter Egency

Job Guarantee ของเราคืออะไร?

เรารับประกันคืนเงิน 100% หากคุณไม่ได้งานด้านเทคโนโลยีภายใน 6 เดือนหลังจากสำเร็จการศึกษา

เรียนรู้เพิ่มเติม
แพ็คเกจสมาชิกการเรียนที่คุ้มค่าที่สุด
ชั่วโมงปรึกษา 6-8 ชม/วัน
ตรวจทุกการบ้านและโปรเจ็กต์
เข้าร่วมอีเวนท์ทุกสัปดาห์
รับบริการสนับสนุนอาชีพ
เรียนพร้อมกับ Job Guarantee
เริ่มเรียนแบบไม่จำกัดกว่า 100 คอร์สและอื่นๆ เรียนแล้วไม่ได้งานคืนเงิน 100%

คำถามที่พบบ่อย

WeStride Plus แตกต่างจาก WeStride ธรรมดาอย่างไร? 
BootcampPlus ของเราจะให้บริการแบบ unlimited โดยจะไม่จำกัดบริการไม่ว่าจะเป็น การให้คำปรึกษาจาก Mentor และ Career coachแบบตัวต่อตัว ซึ่งในขณะที่ Bootcamp ในรูปแบบใหม่จะมีการเรียนรู้ผ่านวิดีโอตลอด วันจันทร์ถึงศุกร์และมีคลาสสดในวันเสาร์อาทิตย์ ทำให้คุณได้เรียนรู้ทั้งแบบเดี่ยวและเป็นกลุ่ม
Bootcamp แตกต่างจาก Career Track อย่างไร? 
A: Bootcamp จะให้ประสบการณ์การเรียนรู้ในรูปแบบการสอนสดในช่วงวันเสาร์และอาทิตย์ โดยจะมีการบ้านเสริมและโปรเจกต์ให้ทำเพื่อเสริมทักษะในการทำงานให้กับนักเรียน แต่ในทางกลับกันในส่วนของ Career Track จะเป็นการจัดการสอนออนไลน์แบบไม่ประสานเวลา (Asynchronous learning) โดยผู้เรียนสามารถเรียนรู้ได้ด้วยตนเอง
ฉันต้องจ่ายเพิ่มสำหรับ ชั่วโมงปรึกษา, Events, Bootcamp หรือสิ่งอื่นๆ ไหม? 
ไม่เลย! ทุกสิ่งที่เรานำเสนอชั่วโมงปรึกษา , Events และ Bootcamp ไม่มีค่าใช้จ่ายเพิ่มเติม ซึ่งในส่วนนี้เป็นบริการที่เรามีกับให้นักเรียนทุกคน
ถ้าฉันมีคำถาม ฉันควรถามใคร?
คุณสามารถสอบถามทาง Mentor ได้ที่ ชั่วโมง Office Hours Communityออนไลน์ของเรา Events และคลาสสด
ฉันสามารถขอคืนเงินได้ไหม? 
ขออภัย เราไม่สามารถให้บริการคืนเงินได้
การรับประกันงานของเราคืออะไร? 
WeStride เรามีความมั่นใจในคุณภาพการฝึกอบรมจนกล้ารับประกันคืนเงิน 100% หากคุณไม่ได้งานในด้านเทคโนโลยีภายใน 6 เดือนหลังจากจบการศึกษาทางสถาบันยินดีคืนเงินเต็มจำนวน โดยการรับประกันกันงานจะมีข้อกำหนดและเงื่อนไขโดยสามารถอ่านรายละเอียดได้ที่นี่
Skill Track แตกต่างจาก Career Track อย่างไร? 
Career Track จะมุ่งเน้นไปในส่วนของอาชีพโดยตรง แต่ในขณะที่ Skill Track เน้นทักษะเฉพาะทางที่ใช้ในการทำงานได้จริง แต่ถึงแม้ว่าหลายหลักสูตรใน Career Track จะครอบคลุมทักษะที่มีใน Skill Track แต่ Skill Track จะให้ความยืดหยุ่นให้กับนักเรียนที่ต้องการเพิ่มทักษะเฉพาะเช่นการใช้ Microsoft Excel ก็สามารถเข้าไปเรียนรู้เพิ่มเติมได้อีกด้วย
เมื่อฉันทำการบ้านเสร็จ ใครจะตรวจ? 
หากนักเรียนได้ทำการส่งแบบฝึกหัด จะมีทีมงาน Mentor ของเราจะตรวจการบ้านและให้คำแนะนำกับคุณภายใน 5-7 วัน
LinkedIn, Portfolio และ Resume Review คืออะไร? 
คุณจะได้รับการทบทวน LinkedIn, Portfolio และ Resume ของคุณให้มีความน่าเชื่อถือและน่าสนใจมากที่สุด โดยการตรวจเช็คจะตรวจโดยผู้เชี่ยวชาญ 1 ครั้งต่อ 1 คน
ฉันสามารถเรียนคอร์สหรือ Skill Track ใดก็ได้หรือไม่? มีข้อจำกัดหรือไม่?
คุณมีอิสระที่จะเรียนรู้ทุกคอร์สและทุก Skill Track ที่เราเสนอโดยไม่มีข้อจำกัด เราอยากให้คุณสามารถสำรวจและเพิ่มทักษะได้อย่างไม่มีขอบเขต