การออกแบบส่วนติดต่อผู้ใช้เว็บที่ตอบสนองได้ด้วย XD

วางแผน, วางราง, และสร้างต้นแบบการออกแบบเว็บไซต์ที่ตอบสนองได้โดยใช้ XD ในขณะที่เรียนรู้หลักการจัดวาง UI, กระบวนการทำงานบนอุปกรณ์เคลื่อนที่ก่อน, และผลตอบรับการออกแบบร่วมกัน

4.8 (3,852) ⏱ 1 ชม. 41 นาที 📚 5 บทเรียน

เกี่ยวกับคอร์สนี้

การสร้างเว็บไซต์ที่ดูสวยงามและทำงานได้อย่างราบรื่นบนหน้าจอขนาดต่าง ๆ เป็นทักษะพื้นฐานสำหรับนักออกแบบดิจิทัลสมัยใหม่ หลักสูตรนี้จะแนะนำคุณผ่านหลักการพื้นฐานของการออกแบบส่วนติดต่อผู้ใช้ (UI) โดยใช้ XD คุณจะเรียนรู้การปรับเปลี่ยนจากความเข้าใจหลักการออกแบบพื้นฐานไปสู่การสร้างตารางการจัดวาง, การสร้างแบบจำลองแบบตอบสนอง, และการประมวลผลกลยุทธ์การออกแบบแบบตอบสนองผ่านการอธิบายแบบเขียนและสถานการณ์การออกแบบที่ใช้ได้จริง คุณจะเรียนรู้วิธีการสร้างโครงสร้างการเดินทางของผู้ใช้และเตรียมการจัดวางของคุณสำหรับการวิจารณญาณและพัฒนาในโลกจริง คุณจะเรียนรู้อะไร - เข้าใจหลักการพื้นฐานของการจัดวางเว็บที่ตอบสนองได้ รวมถึงตารางไหล, จุดหยุด, และการออกแบบมือถือเป็นอันดับแรก - สร้างโครงสร้าง wireframe และต้นแบบส่วนติดต่อผู้ใช้แบบตอบสนองด้วย XD - ปรับใช้รูปแบบการออกแบบ UI สมัยใหม่, สถานะส่วนประกอบ และมาตรฐานการเข้าถึงพื้นฐาน กับการจัดวางของคุณ - ปรับแต่งการปรับขนาดที่ตอบสนองเพื่อทำให้การออกแบบของคุณปรับใช้ได้กับทุกขนาดของจอ ทั้งบนเดสก์ท็อป, แท็บเล็ต และมือถือ - วางแผนและดำเนินการทดสอบผู้ใช้และวิจารณญาณการออกแบบเพื่อรวบรวมและนำไปใช้ในการตอบสนองเชิงสร้างสรรค์ หลักสูตรนี้เริ่มต้นด้วยคำศัพท์พื้นฐานในการออกแบบ UI และทฤษฎีการจัดวางก่อนที่จะย้ายไปยังการสร้าง wireframing, การสร้างแบบจำลองแบบตอบสนอง, และเทคนิคการปรับแต่งแบบตอบสนอง คุณจะทำตามเส้นทางที่ถูกจัดวางไว้ซึ่งจำลองการทำงานของการออกแบบระดับมืออาชีพจากแนวคิดแรก ๆ ไปจนถึงการทดสอบแบบจำลองที่เรียบง่าย หลักสูตรนี้ออกแบบมาสำหรับผู้เริ่มต้นในการออกแบบ UI/UX โดยไม่ต้องมีประสบการณ์ก่อนหน้านี้ใน XD หรือการออกแบบเว็บ เริ่มอ่านวันนี้เพื่อสร้างทักษะพื้นฐานที่จำเป็นในการออกแบบประสบการณ์เว็บสมัยใหม่ที่ตอบสนองได้

สิ่งที่คุณจะได้รับ

  • 📜 ใบประกาศนียบัตร
    เพิ่มในโปรไฟล์ LinkedIn ของคุณ
  • 💬 Personal AI tutor
    Stuck on a lesson? Ask your built-in tutor anything, any time.
  • ♾️ เข้าถึงตลอดชีพ
    กลับมาเรียนได้ตลอด ไม่มีหมดอายุ
  • 📱 โทรศัพท์หรือคอมพิวเตอร์
    ใช้งานได้ทุกที่ ทุกอุปกรณ์
  • 💸 คืนเงิน 30 วัน
    ไม่ต้องอธิบาย
  • กระชับและตรงประเด็น
    1 ชม. 41 นาที เนื้อหาเชิงปฏิบัติ

รีวิว (6)

Patricia Morales MX
★ 3 · 2026-05-14T01:31:08+00:00

เนื้อหาแน่นหนาและนำเสนอได้ชัดเจน ฉันชอบการประยุกต์ใช้จริงที่แสดงให้เห็น น่าจะได้มีแบบฝึกหัดเพิ่มอีกสักหน่อย

Mateo Rojas CL ผู้เรียนที่ยืนยันแล้ว
★ 3 · 2026-03-20T05:45:08+00:00

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

Lensa Kebede ET ผู้เรียนที่ยืนยันแล้ว
★ 4 · 2026-02-08T08:10:08+00:00

ว้าว ประทับใจมาก การนำไปใช้จริงที่แสดงให้เห็นมีประโยชน์มาก ทำให้แนวคิดที่เป็นนามธรรมจับต้องได้ คุ้มค่ามาก!

Isabela Macedo BR ผู้เรียนที่ยืนยันแล้ว
★ 3 · 2026-02-06T13:33:08+00:00

อืม ไม่แน่ใจว่าเหมาะสำหรับมือใหม่จริงๆ ไหม มันเหมือนจะคาดหวังความรู้พื้นฐานมาก่อน ซึ่งไม่ได้สอนไว้ ตัวอย่างบางอันก็งงๆ

Felipe Vargas AR
★ 4 · 2026-01-28T16:22:08+00:00

เนื้อหาดี แม้ว่าบางโมดูลจะรู้สึกสั้นไปหน่อย ฉันชอบคำอธิบายที่ชัดเจนและการเน้นการนำไปใช้จริง โดยรวมเป็นประสบการณ์ที่ดี

عمر بن خميس البارواني OM
★ 3 · 2026-01-06T09:00:08+00:00

การออกแบบคอร์สยอดเยี่ยมมาก แนวคิดต่างๆ เชื่อมโยงกันได้อย่างลงตัว ใช้งานได้จริงและอธิบายได้ดีมาก

เขียนรีวิว

หลังจากส่ง เราจะขอให้คุณเข้าสู่ระบบ — ฉบับร่างของคุณถูกบันทึก

ผู้เรียนคนอื่นเรียน

พื้นฐานการออกแบบเว็บ: สร้างเว็บไซต์สมัยใหม่ที่ตอบสนองได้Name

เรียนรู้หลักการของการออกแบบเว็บสมัยใหม่ เรียนรู้การออกแบบ ด้วย Figma และสร้างเว็บไซต์ที่ตอบสนองได้ดี ผ่านบทเรียนที่เขียนขึ้นมาอย่างละเอียด
★ 5.0 (7,121)
$4.99

พื้นฐาน Figma สำหรับการออกแบบเว็บไซต์สมัยใหม่

เรียนรู้การสร้างเลย์เอาต์เว็บไซต์ระดับมืออาชีพและต้นแบบเชิงโต้ตอบโดยใช้เครื่องมือหลักของ Figma และเวิร์กโฟลว์การออกแบบที่ทันสมัย
★ 5.0 (20)
$4.99

ออกแบบและสร้างเว็บพอร์ตโฟลิโอที่ตอบสนองด้วย Figma และ AI

เรียนรู้การออกแบบและพัฒนาเว็บพอร์ตโฟลิโอที่ตอบสนองของคุณเองตั้งแต่เริ่มต้น โดยใช้ Figma สำหรับ UI/UX และรวมเครื่องมือ AI เพื่อปรับปรุงขั้นตอนการทำงานของคุณ
★ 4.9 (19)
$4.99

การออกแบบ UI ที่ตอบสนองด้วย Figma

เรียนรู้วิธีสร้างอินเทอร์เฟซที่ยืดหยุ่นและใช้งานง่าย ซึ่งปรับให้เข้ากับขนาดหน้าจอได้อย่างราบรื่นโดยใช้ Figma
★ 4.9 (18)
$4.99

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

ฉันต้องใช้อะไรในการเรียนคอร์สนี้? +

แค่โทรศัพท์หรือคอมพิวเตอร์ที่มีอินเทอร์เน็ต ไม่ต้องติดตั้งหรือใช้อุปกรณ์พิเศษ

ฉันชำระเงินอย่างไร? +

ผ่านบัตรด้วย Stripe หรือคริปโต เราไม่เก็บข้อมูลบัตร — Stripe จัดการอย่างปลอดภัย

ฉันขอคืนเงินได้ไหม? +

ใช่ — คืนเงินเต็มจำนวนใน 30 วัน ไม่ต้องอธิบาย

ฉันมีสิทธิ์เข้าถึงนานเท่าไร? +

ตลอดไป เมื่อซื้อแล้วคอร์สเป็นของคุณ กลับมาเรียนได้ตลอด

ฉันจะได้ใบประกาศนียบัตรไหม? +

ได้ เมื่อเรียนจบจะได้รับใบประกาศนียบัตรที่เพิ่มในโปรไฟล์ LinkedIn ได้

ออกแบบสำหรับผู้เรียนใน
เทคโนโลยี ดีไซน์ การเงิน การตลาด สาธารณสุข การศึกษา ธุรกิจการบริการ อุตสาหกรรม