หลักการออกแบบ UI ด้วย HTML และ CSS
เรียนรู้แนวคิดการออกแบบส่วนต่อประสานผู้ใช้ที่จำเป็น และนำไปใช้สร้างเลย์เอาต์เว็บที่ตอบสนองและเข้าถึงได้ง่ายด้วย HTML และ CSS
เกี่ยวกับคอร์สนี้
การออกแบบส่วนต่อประสานผู้ใช้ที่มีประสิทธิภาพและน่าดึงดูดเป็นทักษะที่สำคัญสำหรับนักพัฒนาเว็บหรือนักสร้างสรรค์ดิจิทัลทุกคน หากคุณต้องการให้โปรเจกต์เว็บของคุณดูเป็นมืออาชีพและใช้งานง่าย การทำความเข้าใจหลักการออกแบบหลักเป็นจุดเริ่มต้นที่สมบูรณ์แบบ
หลักสูตรที่เน้นข้อความนี้เชื่อมโยงทฤษฎีการออกแบบกับการนำไปใช้ทางเทคนิค คุณจะได้สำรวจกฎพื้นฐานของลำดับชั้นทางสายตา การพิมพ์ ระยะห่าง และสี จากนั้นนำกฎเหล่านั้นไปใช้โดยตรงผ่านแบบฝึกหัด HTML และ CSS ที่เขียนขึ้น เมื่อสิ้นสุดการเดินทางนี้ คุณจะรู้วิธีจัดโครงสร้างและจัดรูปแบบอินเทอร์เฟซที่ทั้งสวยงามและใช้งานได้ดี โดยคำนึงถึงความต้องการของผู้ใช้ในปัจจุบัน
สิ่งที่คุณจะได้เรียนรู้:
- ทำความเข้าใจหลักการออกแบบ UI หลัก รวมถึงลำดับชั้นทางสายตา การจัดแนว และความเปรียบต่าง
- นำทฤษฎีการพิมพ์และทฤษฎีสีสมัยใหม่มาใช้เพื่อสร้างประสบการณ์ดิจิทัลที่สอดคล้องกัน
- สร้างเลย์เอาต์ที่ตอบสนองและเน้นมือถือเป็นหลักโดยใช้เทคนิค CSS สมัยใหม่ เช่น Flexbox และ Grid
- นำแนวทางปฏิบัติพื้นฐานด้านการเข้าถึงเว็บมาใช้เพื่อให้แน่ใจว่าทุกคนสามารถใช้อินเทอร์เฟซของคุณได้
- ฝึกฝนการแปลงแนวคิดการออกแบบที่เป็นนามธรรมให้เป็นโค้ด HTML และ CSS ที่สะอาดและบำรุงรักษาได้ง่าย
หลักสูตรเริ่มต้นด้วยการแนะนำคำศัพท์และแนวคิดการออกแบบพื้นฐานก่อนที่จะเข้าสู่การใช้งานโค้ดจริง คุณจะได้เรียนรู้ผ่านบทเรียนที่เป็นลายลักษณ์อักษรที่มีโครงสร้าง ซึ่งค่อยๆ ผสมผสานทฤษฎีการออกแบบเข้ากับการปฏิบัติการพัฒนาเว็บสมัยใหม่
หลักสูตรนี้ออกแบบมาสำหรับผู้เริ่มต้นและนักพัฒนาที่ต้องการปรับปรุงสายตาด้านการออกแบบของตนเอง ไม่จำเป็นต้องมีประสบการณ์ด้านการออกแบบมาก่อนหรือซอฟต์แวร์พิเศษ เริ่มอ่านวันนี้เพื่อยกระดับโปรเจกต์เว็บของคุณด้วยทักษะการออกแบบ UI ระดับมืออาชีพ
สิ่งที่คุณจะได้รับ
-
📜
ใบประกาศนียบัตร
เพิ่มในโปรไฟล์ LinkedIn ของคุณ -
♾️
เข้าถึงตลอดชีพ
กลับมาเรียนได้ตลอด ไม่มีหมดอายุ -
📱
โทรศัพท์หรือคอมพิวเตอร์
ใช้งานได้ทุกที่ ทุกอุปกรณ์ -
💸
คืนเงิน 30 วัน
ไม่ต้องอธิบาย -
⚡
กระชับและตรงประเด็น
1 ชม. 19 นาที เนื้อหาเชิงปฏิบัติ
รีวิว
ยังไม่มีรีวิว — เป็นคนแรกที่แชร์ประสบการณ์
ผู้เรียนคนอื่นเรียน
เรียนรู้หลักการของการออกแบบเว็บสมัยใหม่ เรียนรู้การออกแบบ ด้วย Figma และสร้างเว็บไซต์ที่ตอบสนองได้ดี ผ่านบทเรียนที่เขียนขึ้นมาอย่างละเอียด
$4.99$9.99
เรียนรู้การสร้างเลย์เอาต์เว็บไซต์ระดับมืออาชีพและต้นแบบเชิงโต้ตอบโดยใช้เครื่องมือหลักของ Figma และเวิร์กโฟลว์การออกแบบที่ทันสมัย
$4.99$9.99
เรียนรู้วิธีสร้างอินเทอร์เฟซที่ยืดหยุ่นและใช้งานง่าย ซึ่งปรับให้เข้ากับขนาดหน้าจอได้อย่างราบรื่นโดยใช้ Figma
$4.99$9.99
เรียนรู้การออกแบบและพัฒนาเว็บพอร์ตโฟลิโอที่ตอบสนองของคุณเองตั้งแต่เริ่มต้น โดยใช้ Figma สำหรับ UI/UX และรวมเครื่องมือ AI เพื่อปรับปรุงขั้นตอนการทำงานของคุณ
$4.99$9.99
คำถามที่พบบ่อย
ฉันต้องใช้อะไรในการเรียนคอร์สนี้? +
แค่โทรศัพท์หรือคอมพิวเตอร์ที่มีอินเทอร์เน็ต ไม่ต้องติดตั้งหรือใช้อุปกรณ์พิเศษ
ฉันชำระเงินอย่างไร? +
ผ่านบัตรด้วย Stripe หรือคริปโต เราไม่เก็บข้อมูลบัตร — Stripe จัดการอย่างปลอดภัย
ฉันขอคืนเงินได้ไหม? +
ใช่ — คืนเงินเต็มจำนวนใน 30 วัน ไม่ต้องอธิบาย
ฉันมีสิทธิ์เข้าถึงนานเท่าไร? +
ตลอดไป เมื่อซื้อแล้วคอร์สเป็นของคุณ กลับมาเรียนได้ตลอด
ฉันจะได้ใบประกาศนียบัตรไหม? +
ได้ เมื่อเรียนจบจะได้รับใบประกาศนียบัตรที่เพิ่มในโปรไฟล์ LinkedIn ได้
ออกแบบสำหรับผู้เรียนใน
เทคโนโลยี
ดีไซน์
การเงิน
การตลาด
สาธารณสุข
การศึกษา
ธุรกิจการบริการ
อุตสาหกรรม