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