หลักการออกแบบ UI ด้วย HTML และ CSS
เรียนรู้แนวคิดการออกแบบส่วนต่อประสานผู้ใช้ที่จำเป็น และนำไปใช้สร้างเลย์เอาต์เว็บที่ตอบสนองและเข้าถึงได้ง่ายด้วย HTML และ CSS
-
💬
ผู้สอน AI
ถามเกี่ยวกับบทเรียนใดก็ได้ แล้วรับคำตอบที่ชัดเจนทันที ทุกเมื่อ -
🕐
เริ่มเมื่อไรก็ได้
ไม่มีตารางหรือเดดไลน์ — เรียนตามจังหวะของคุณ เมื่อไรก็ได้ -
🌐
เป็นภาษาไทย
บทเรียน แบบฝึกหัด และใบรับรอง — ทั้งหมดเป็นภาษาของคุณอย่างครบถ้วน
เกี่ยวกับคอร์สนี้
การออกแบบส่วนต่อประสานผู้ใช้ที่มีประสิทธิภาพและน่าดึงดูดเป็นทักษะที่สำคัญสำหรับนักพัฒนาเว็บหรือนักสร้างสรรค์ดิจิทัลทุกคน หากคุณต้องการให้โปรเจกต์เว็บของคุณดูเป็นมืออาชีพและใช้งานง่าย การทำความเข้าใจหลักการออกแบบหลักเป็นจุดเริ่มต้นที่สมบูรณ์แบบ
หลักสูตรที่เน้นข้อความนี้เชื่อมโยงทฤษฎีการออกแบบกับการนำไปใช้ทางเทคนิค คุณจะได้สำรวจกฎพื้นฐานของลำดับชั้นทางสายตา การพิมพ์ ระยะห่าง และสี จากนั้นนำกฎเหล่านั้นไปใช้โดยตรงผ่านแบบฝึกหัด HTML และ CSS ที่เขียนขึ้น เมื่อสิ้นสุดการเดินทางนี้ คุณจะรู้วิธีจัดโครงสร้างและจัดรูปแบบอินเทอร์เฟซที่ทั้งสวยงามและใช้งานได้ดี โดยคำนึงถึงความต้องการของผู้ใช้ในปัจจุบัน
สิ่งที่คุณจะได้เรียนรู้:
- ทำความเข้าใจหลักการออกแบบ UI หลัก รวมถึงลำดับชั้นทางสายตา การจัดแนว และความเปรียบต่าง
- นำทฤษฎีการพิมพ์และทฤษฎีสีสมัยใหม่มาใช้เพื่อสร้างประสบการณ์ดิจิทัลที่สอดคล้องกัน
- สร้างเลย์เอาต์ที่ตอบสนองและเน้นมือถือเป็นหลักโดยใช้เทคนิค CSS สมัยใหม่ เช่น Flexbox และ Grid
- นำแนวทางปฏิบัติพื้นฐานด้านการเข้าถึงเว็บมาใช้เพื่อให้แน่ใจว่าทุกคนสามารถใช้อินเทอร์เฟซของคุณได้
- ฝึกฝนการแปลงแนวคิดการออกแบบที่เป็นนามธรรมให้เป็นโค้ด HTML และ CSS ที่สะอาดและบำรุงรักษาได้ง่าย
หลักสูตรเริ่มต้นด้วยการแนะนำคำศัพท์และแนวคิดการออกแบบพื้นฐานก่อนที่จะเข้าสู่การใช้งานโค้ดจริง คุณจะได้เรียนรู้ผ่านบทเรียนที่เป็นลายลักษณ์อักษรที่มีโครงสร้าง ซึ่งค่อยๆ ผสมผสานทฤษฎีการออกแบบเข้ากับการปฏิบัติการพัฒนาเว็บสมัยใหม่
หลักสูตรนี้ออกแบบมาสำหรับผู้เริ่มต้นและนักพัฒนาที่ต้องการปรับปรุงสายตาด้านการออกแบบของตนเอง ไม่จำเป็นต้องมีประสบการณ์ด้านการออกแบบมาก่อนหรือซอฟต์แวร์พิเศษ เริ่มอ่านวันนี้เพื่อยกระดับโปรเจกต์เว็บของคุณด้วยทักษะการออกแบบ UI ระดับมืออาชีพ
สิ่งที่คุณจะได้รับ
-
📜
ใบประกาศนียบัตร
เพิ่มในโปรไฟล์ LinkedIn ของคุณ -
💬
ติวเตอร์ AI ส่วนตัว
ติดขัดในบทเรียน? ถามติวเตอร์ในตัวของคุณได้ทุกอย่าง ทุกเวลา -
♾️
เข้าถึงตลอดชีพ
กลับมาเรียนได้ตลอด ไม่มีหมดอายุ -
📱
โทรศัพท์หรือคอมพิวเตอร์
ใช้งานได้ทุกที่ ทุกอุปกรณ์ -
💸
คืนเงิน 14 วัน
ไม่ต้องอธิบาย -
⚡
กระชับและตรงประเด็น
2 ชม. 36 นาที เนื้อหาเชิงปฏิบัติ
รีวิว
ยังไม่มีรีวิว — เป็นคนแรกที่แชร์ประสบการณ์
ผู้เรียนคนอื่นเรียน
🔥 ยอดนิยม
🎓 มีใบรับรอง
AI สำหรับการออกแบบเว็บไซต์: หน้า Landing Page และเลย์เอาต์ที่ตอบสนอง
ใบรับรอง
ลงมือทำ
$14.99
→
🔥 ยอดนิยม
🎓 มีใบรับรอง
สร้างเว็บไซต์พอร์ตโฟลิโอที่โดดเด่นด้วย Framer
ใบรับรอง
ลงมือทำ
$14.99
→
🔥 ยอดนิยม
🎓 มีใบรับรอง
สร้างเว็บไซต์ที่ตอบสนองต่อทุกอุปกรณ์ด้วย Webflow
ใบรับรอง
ลงมือทำ
$14.99
→
🏆 ยอดนิยมมากที่สุด
🎓 มีใบรับรอง
การสร้างเว็บไซต์ที่เข้าถึงได้ด้วยมาตรฐาน WCAG
ใบรับรอง
ลงมือทำ
$14.99
→
คำถามที่พบบ่อย
ฉันต้องใช้อะไรในการเรียนคอร์สนี้? +
แค่โทรศัพท์หรือคอมพิวเตอร์ที่มีอินเทอร์เน็ต ไม่ต้องติดตั้งหรือใช้อุปกรณ์พิเศษ
ฉันชำระเงินอย่างไร? +
ผ่านบัตรด้วย Stripe เราไม่เก็บข้อมูลบัตร — Stripe จัดการอย่างปลอดภัย
ฉันขอคืนเงินได้ไหม? +
ใช่ — คืนเงินเต็มจำนวนใน 14 วัน ไม่ต้องอธิบาย
ฉันมีสิทธิ์เข้าถึงนานเท่าไร? +
ตลอดไป เมื่อซื้อแล้วคอร์สเป็นของคุณ กลับมาเรียนได้ตลอด
ฉันจะได้ใบประกาศนียบัตรไหม? +
ได้ เมื่อเรียนจบจะได้รับใบประกาศนียบัตรที่เพิ่มในโปรไฟล์ LinkedIn ได้
ออกแบบสำหรับผู้เรียนใน
เทคโนโลยี
ดีไซน์
การเงิน
การตลาด
สาธารณสุข
การศึกษา
ธุรกิจการบริการ
อุตสาหกรรม