หลักการออกแบบ UI ด้วย HTML และ CSS

เรียนรู้แนวคิดการออกแบบส่วนต่อประสานผู้ใช้ที่จำเป็น และนำไปใช้สร้างเลย์เอาต์เว็บที่ตอบสนองและเข้าถึงได้ง่ายด้วย HTML และ CSS

4.8 (17) ⏱ 1 ชม. 19 นาที 📚 10 บทเรียน

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

การออกแบบส่วนต่อประสานผู้ใช้ที่มีประสิทธิภาพและน่าดึงดูดเป็นทักษะที่สำคัญสำหรับนักพัฒนาเว็บหรือนักสร้างสรรค์ดิจิทัลทุกคน หากคุณต้องการให้โปรเจกต์เว็บของคุณดูเป็นมืออาชีพและใช้งานง่าย การทำความเข้าใจหลักการออกแบบหลักเป็นจุดเริ่มต้นที่สมบูรณ์แบบ หลักสูตรที่เน้นข้อความนี้เชื่อมโยงทฤษฎีการออกแบบกับการนำไปใช้ทางเทคนิค คุณจะได้สำรวจกฎพื้นฐานของลำดับชั้นทางสายตา การพิมพ์ ระยะห่าง และสี จากนั้นนำกฎเหล่านั้นไปใช้โดยตรงผ่านแบบฝึกหัด HTML และ CSS ที่เขียนขึ้น เมื่อสิ้นสุดการเดินทางนี้ คุณจะรู้วิธีจัดโครงสร้างและจัดรูปแบบอินเทอร์เฟซที่ทั้งสวยงามและใช้งานได้ดี โดยคำนึงถึงความต้องการของผู้ใช้ในปัจจุบัน สิ่งที่คุณจะได้เรียนรู้: - ทำความเข้าใจหลักการออกแบบ UI หลัก รวมถึงลำดับชั้นทางสายตา การจัดแนว และความเปรียบต่าง - นำทฤษฎีการพิมพ์และทฤษฎีสีสมัยใหม่มาใช้เพื่อสร้างประสบการณ์ดิจิทัลที่สอดคล้องกัน - สร้างเลย์เอาต์ที่ตอบสนองและเน้นมือถือเป็นหลักโดยใช้เทคนิค CSS สมัยใหม่ เช่น Flexbox และ Grid - นำแนวทางปฏิบัติพื้นฐานด้านการเข้าถึงเว็บมาใช้เพื่อให้แน่ใจว่าทุกคนสามารถใช้อินเทอร์เฟซของคุณได้ - ฝึกฝนการแปลงแนวคิดการออกแบบที่เป็นนามธรรมให้เป็นโค้ด HTML และ CSS ที่สะอาดและบำรุงรักษาได้ง่าย หลักสูตรเริ่มต้นด้วยการแนะนำคำศัพท์และแนวคิดการออกแบบพื้นฐานก่อนที่จะเข้าสู่การใช้งานโค้ดจริง คุณจะได้เรียนรู้ผ่านบทเรียนที่เป็นลายลักษณ์อักษรที่มีโครงสร้าง ซึ่งค่อยๆ ผสมผสานทฤษฎีการออกแบบเข้ากับการปฏิบัติการพัฒนาเว็บสมัยใหม่ หลักสูตรนี้ออกแบบมาสำหรับผู้เริ่มต้นและนักพัฒนาที่ต้องการปรับปรุงสายตาด้านการออกแบบของตนเอง ไม่จำเป็นต้องมีประสบการณ์ด้านการออกแบบมาก่อนหรือซอฟต์แวร์พิเศษ เริ่มอ่านวันนี้เพื่อยกระดับโปรเจกต์เว็บของคุณด้วยทักษะการออกแบบ UI ระดับมืออาชีพ

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

  • 📜 ใบประกาศนียบัตร
    เพิ่มในโปรไฟล์ LinkedIn ของคุณ
  • ♾️ เข้าถึงตลอดชีพ
    กลับมาเรียนได้ตลอด ไม่มีหมดอายุ
  • 📱 โทรศัพท์หรือคอมพิวเตอร์
    ใช้งานได้ทุกที่ ทุกอุปกรณ์
  • 💸 คืนเงิน 30 วัน
    ไม่ต้องอธิบาย
  • กระชับและตรงประเด็น
    1 ชม. 19 นาที เนื้อหาเชิงปฏิบัติ

รีวิว

ยังไม่มีรีวิว — เป็นคนแรกที่แชร์ประสบการณ์

เขียนรีวิว

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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