คอร์สออนไลน์ Master Adobe XD

Master Adobe XD

เจาะลึกโปรแกรมออกแบบเว็บไซต์อย่างมืออาชีพ

ราคา 2,500 บาท

โปรโมชั่น ลด 20% เฉพาะ 100 ท่านแรกเท่านั้น

สมัครเรียน

คอร์สเจาะลึกโปรแกรมออกแบบเว็บไซต์อย่างมืออาชีพ

ออกแบบเว็บไซต์ได้รวดเร็วขึ้นหลายเท่า สร้างลูกเล่นให้งานดีไซน์น่าจดจำ เรียนการใช้โปรแกรม Adobe XD ตั้งแต่เบื้องต้นจนถึงขั้นสูง

พร้อมพื้นฐานการออกแบบเว็บไซต์และ User Interface ศึกษาและประยุกต์เครื่องมือ Adobe XD ร่วมกับการออกแบบเพื่อให้ได้เว็บไซต์ที่สมบูรณ์แบบ มี Interaction ลูกเล่นที่สวยงานเพื่อนำเสนอลูกค้าได้อย่างมืออาชีพที่เสมือนเว็บไซต์จริงรวมถึงเข้าใจการเตรียมไฟล์และ Assets ต่างๆ สำหรับการส่งงานต่อให้ Web Developer

คอร์สออนไลน์นี้ดียังไง

คุ้มค่า จัดเต็มกับ 70 กว่าบทเรียน ยาวกว่า 7 ชั่วโมง

เราจัดเต็มกับเนื้อหา สอนตั้งแต่เริ่มต้นใช้โปรแกรมไปจนถึงขั้นสูง พร้อมเทคนิคการออกแบบเฉพาะตัวของผู้สอน

เรียนได้ตลอดชีพ อัพเดตเนื้อหาใหม่ทุกเดือน

แม้จะซื้อคอร์สไว้นานแล้ว แต่ก็ยังสามารถกลับมาเรียนคอร์สได้ตลอดเวลา และผู้สอนจะคอยอัพเดตเนื้อหาใหม่ๆทุกเดือน

คอยดูแลตั้งแต่ซื้อคอร์ส

ถ้าหากมีปัญหาหรือข้อสงสัยตรงไหน เรามีทีมงานคอยตอบกลับตลอดเวลา

เรียนแล้วใช้งานได้จริง

คอร์สของเรามุ่งสอนให้ทุกคนใช้โปรแกรมได้เป็นจริง สามารถใช้งานจริงได้

มีอะไรเจ๋งกว่าที่อื่น

สอนโดยผู้เชี่ยวชาญทางด้านการออกแบบเว็บไซต์ตัวจริง ที่ผ่านระดับประเทศมาแล้วมากมาย

คอร์สนี้สอนอะไรบ้าง

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

เราไม่ได้สอนแค่การใช้โปรแกรม แต่เราสอนตั้งแต่พื้นฐานการออกแบบเว็บไซต์ที่ถูกหลักและเหมาะกับยุคสมัย

การใช้โปรแกรมตั้งแต่เบื้องต้นจนถึงขั้นสูง

โปรแกรมมีกี่เครื่องมือ มีกี่ฟังก์ชั่น เราสอนให้ครบถ้วนพร้อมวิธีการเลือกเครื่องมือมาออกแบบให้งานออกมาดีที่สุด

เคล็ดลับการออกแบบจากผู้สอน

เนื้อหาในคอร์สถูกพัฒนามาจาก Case Study จริง สอนแบบเป็นขั้นเป็นตอน ให้เรียนรู้และนำไปใช้งานได้จริง

การทำ Prototype เพื่อนำเสนอเว็บไซต์เสมือนจริง

เปลี่ยนภาพ JPEG ธรรมดาให้มีลูกเล่นในการนำเสนอเว็บไซต์ให้น่าตื่นตาจนลูกค้าประทับใจ

การเตรียมไฟล์งานอย่างมืออาชีพ

การส่งไฟล์ให้ลูกค้าหรือทีมนักพัฒนา เราควรจะต้องจัดเตรียมไฟล์งานให้ถูกต้องครบถ้วน เพื่อการทำงานที่ราบรื่น

เนื้อหากว่า 80 บทเรียน อัพเดทบทใหม่ทุกเดือน

  • ทำไมต้องใช้โปรแกรม Adobe XD ในการออกแบบเว็บไซต์
  • Adobe XD vs Photoshop เรื่องเล่าจาก Case Study จริง
  • Responsive Grid System คืออะไร?
  • หลักการเลือกใช้ฟอนต์บนเว็บไซต์3:21
  • แหล่งรวมฟอนต์ฟรีสำหรับการทำเว็บไซต์
  • หลักการเลือกใช้สีบนเว็บไซต์
  • เว็บไซต์สำหรับการหาแรงบันดาลใจในการทำออกแบบ
  • แหล่งรวม Resources สำหรับการออกแบบเว็บไซต์
  • ส่วนประกอบของโปรแกรม
  • เลือกขนาด Artboards Template ของ Desktop Website
  • เลือกขนาด Artboards Template ของ Mobile Website
  • สร้าง Artboards ขนาดอิสระ
  • การปรับ Layout และ Responsive Grid ของ Desktop Website
  • การปรับ Layout และ Responsive Grid ของ Mobile Website
  • การใช้ Select Too
  • สร้างรูปทรง สี่เหลี่ยม, วงกลม, สามเหลี่ยม และ เส้น
  • สร้างรูปทรงอิสระด้วย Pentools
  • การปรับ Opacity
  • การทำมุมโค้งให้วัตถุ
  • การใส่เงาให้วัตถุ
  • ใส่สี Gradient ในวัตถุ
  • การสร้างข้อความ
  • การ Zoom และหลักการดูระยะของงานออกแบบ
  • Keyboards Shortcuts คีย์ลัดที่จำเป็น
  • วิธีการใส่ภาพลงในรูปทรงต่างๆ
  • การจัดการ Layer
  • การจัดการ Group Layer
  • การ ล็อค(Lock) Layer
  • การ ปิดตา(Hide) Layer
  • การใช้เครื่องมือ Alignment
  • การแก้ไขภาพใน Photoshop
  • การบันทึกไฟล์ลงในเครื่อง และ Adobe Cloud
  • การเพิ่มสีใน Assets
  • การแก้สีใน Assets
  • การเพิ่ม Character Styles
  • การเพิ่ม Icon & Graphic ใน Assets
  • การดึง Assets จากงานอื่นมาใช้
  • การแก้ Character Styles
  • วิธีการสร้าง Component
  • วิธีการดู Component ตัวแม่และตัวลูก
  • การสร้าง Effect เปลี่ยนสีปุ่มด้วย Hower Stage
  • การสร้าง Effect เปลี่ยนขนาดปุ่มด้วย Auto Animate
  • Lorem Ipsum
  • Color Scale
  • UI Faces
  • Unsplash Random Images
  • Mimic
  • การจัดการ Plugins
  • ตัวอย่างเว็บไซต์ในบทเรียน
  • การออกแบบ Menu
  • ทำ Menu ให้มีลูกเล่นด้วย Hower Stage
  • ออกแบบ Banner และการจัดวางข้อความ
  • สร้างปุ่มประกอบ Banner และ ส่วนต่างๆ
  • ออกแบบส่วนบริการของเรา
  • ออกแบบส่วนผลงานของเรา
  • ออกแบบส่วนบทความน่าอ่านและการทำ Repart Grids
  • ออกแบบส่วนรีวิวจากลูกค้าและการทำ Click Animation
  • ออกแบบ Footer
  • การทำ Fix Menu
  • ออกแบบหน้า เกี่ยวกับเรา
  • ออกแบบหน้า ผลงาน
  • ออกแบบหน้า บริการ
  • ออกแบบ Pop-up หน้า บริการ
  • ออกแบบหน้า Blog
  • ออกแบบหน้า ติดต่อเรา
  • เทคนิค Responsive Resize สำหรับ UI
  • ออกแบบเมนู (Mobile Version)
  • ออกแบบหน้าแรก (Mobile Version)
  • ออกแบบหน้า เกี่ยวกับเรา (Mobile Version)
  • ออกแบบหน้า ผลงานของเรา (Mobile Version)
  • ออกแบบหน้า บริการของเรา (Mobile Version)
  • เชื่อม Prototype Desktop Website
  • เชื่อม Prototype Mobile Website
  • การ Export UI ชิ้นเดียว (Layer/Group/Component)
  • การ Export Artboards เดียว และ หลาย Artboards
  • การแชร์โปรเจคให้ลูกค้ารีวิว
  • การแชร์โปรเจคให้นักพัฒนา Developer
  • ตั้งค่าการแชร์เพิ่มเติม
การันตีเนื้อหาด้วยคอร์สสอนสดกว่า 20 รุ่น
เกี่ยวกับผู้สอน
คุณอินทนนท์ ปัญญาโสภา

Head of Design ที่ Grappik Digital

- Senior UI Designer ที่ True Digital Media & Platform

- Senior Web Designer ที่ Digital Agency ประสบการณ์กว่า 6 ปี

- Coach and Consultant ให้กับนักศึกษาตามสถาบันต่างๆ

- วิทยากรทางด้านงานดีไซน์และดิจิทัลให้กับองค์กรต่างๆเช่น สมาคมผู้ดูและเว็บไทยและ งาน Meetup ต่าง ๆ

ตัวอย่างผลงานของผู้สอน
สนใจคอร์สออนไลน์ Master Adobe XD

กรอกโค้ด XD20 ลด 20%
จากราคา 2,500 เหลือเพียง 2,000 บาท

สมัครเรียน