คอร์สออนไลน์ Master Adobe XD เจาะลึกโปรแกรมออกแบบเว็บไซต์แบบมืออาชีพ

Master
Adobe XD

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

ค่าคอร์สเรียนออนไลน์ จ่ายครั้งเดียวเรียนได้ตลอดชีพ

2,500 บาท

โปรโมชั่นพิเศษ 100 คนแรกลดทันที 20% เพียงกรอกโค๊ด : XD20

“จบคอร์สใช้โปรแกรมได้ขั้นเทพ ออกแบบเว็บไซต์ได้ถูกหลัก”

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

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

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

ทำไมต้องเรียนคอร์สนี้

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

เรียนรู้หลักการออกแบบเว็บไซต์ขั้นพื้นฐานทั้งในส่วนเนื้อหาบรรยายและปฏิบัติ

ฝึกการทำ Interaction ให้เว็บไซต์ที่ออกแบบมีความน่าสนใจมากขึ้น

สอนการใช้โปรแกรม Adobe XD แบบเจาะลึก แบบ Step by Step ไม่ต้องมีพื้นฐานก็สามารถเรียนได้

รู้จักขั้นตอนการเตรียมไฟล์ เพื่อส่งต่องานให้ Web Programmer

เรียนรู้เคล็ดลับการออกแบบจากผู้สอน ทางลัด Plug-in ต่างๆ ที่ทำให้ออกแบบได้เร็วขึ้น ดีขึ้น

คอร์สนี้เหมาะสำหรับ
นักออกแบบ

ที่ต้องการเพิ่มทักษะในด้านการออกแบบเว็บไซต์และการใช้โปรแกรม Adobe XD

บุคคลทั่วไป

ที่อยากเรียนรู้การใช้งานโปรแกรม และเข้าใจงานทางด้านเว็บไซต์มากขึ้น

องค์กร

ที่ต้องการพัฒนาทีมออกแบบให้มีความแข็งแกร่งมากขึ้น ตามการแข่งขันในโลกธุรกิจในอนาคต

เนื้อหาคอร์ส
80 บทเรียน ยาวเต็มอิ่มกว่า 8 ชั่วโมง

- ทำไมต้องใช้โปรแกรม Adobe XD ในการออกแบบเว็บไซต์

- Adobe XD vs Photoshop เรื่องเล่าจาก Case Study จริง

- เข้าร่วม Facebook Private Group คอร์ส Master Adobe XD

- Responsive Grid System คืออะไร?

- หลักการเลือกใช้ฟอนต์บนเว็บไซต์

- แหล่งรวมฟอนต์ฟรีสำหรับการทำเว็บไซต์

- หลักการเลือกใช้สีบนเว็บไซต์

- เว็บไซต์สำหรับการหาแรงบันดาลใจในการทำเว็บไซต์

- แหล่งรวม Resources สำหรับการออกแบบเว็บไซต์

- ส่วนประกอบของโปรแกรม

- เลือกขนาด Artboards Template ของ Desktop Website

- เลือกขนาด Artboards Template ของ Mobile Website

- สร้าง Artboards ขนาดอิสระ

- การปรับ Layout และ Responsive Grid ของ Desktop Website

- การปรับ Layout และ Responsive Grid ของ Mobile Website

- การใช้ Select Tool

- สร้างรูปทรง สี่เหลี่ยม, วงกลม, สามเหลี่ยม และ เส้น

- สร้างรูปทรงอิสระด้วย 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

- ออกแบบ เมนู บนมือถือ

- ออกแบบการแสดงผล เมนู บนมือถือ

- ออกแบบ Banner และการจัดวางข้อความ บนมือถือ

- ปรับขนาดปุ่มให้เหมาะกับขนาดมือถือ

- ออกแบบ Content List ด้วยรูปแบบ Card Design บนมือถือ

- เชื่อม Prototype Desktop Website

- เชื่อม Prototype Mobile Website

- การ Export UI ชิ้นเดียว (Layer/Group/Component)

- การ Export Artboards เดียว และ หลาย Artboards

- การแชร์โปรเจคให้ลูกค้ารีวิว

- การแชร์โปรเจคให้นักพัฒนา Developer

- ตั้งค่าการแชร์เพิ่มเติม

องค์กรที่เคยมาเรียนกับเรา
ความคิดเห็นของผู้เรียนรุ่นก่อน
ผู้สอน
คุณ อินทนนท์ ปัญญาโสภา

Head of Design ที่ Grappik Digital ผ่านการออกแบบเว็บไซต์และแอปพลิเคชันให้กับบริษัทชั้นนำมาแล้วมากมาย นอกจากบทบาทในงานออกแบบก็ยังเป็น นักเขียน และ วิทยากร ที่คอยให้ความรู้เกี่ยวกับงานออกแบบกราฟิกและดิจิทัลมีเดียอีกด้วย

ผลงานของผู้สอน
คุณพร้อมหรือยังกับการพัฒนางานออกแบบ
คอร์สของเราสอนจริงจากคนทำงานตัวจริง
คำถามที่พบบ่อย

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

ออกแบบไม่เป็นไม่ใช่ปัญหา เพราะผู้สอนจะคอยให้คำแนะนำทางด้านการออกแบบและการจัดการข้อมูลเว็บไซต์ตลอดเวลา รวมถึงหลังคอร์สใน Private Group ด้วย

คอร์สนี้เน้นการออกแบบและกระบวนการคิดงานผสมกับการใช้โปรแกรม Adobe XD ในการออกแบบ

คอร์สนี้ไม่จำกัดอายุในการเรียน เพียงแค่มีพื้นฐานในการใช้โปรแกรมคอมพิวเตอร์ก็สามารถเรียนได้

ได้ผลงานการออกแบบเว็บไซต์ด้วยโปรแกรม Adobe XD ที่ได้ใช้ Function ในโปรแกรมครบถ้วน สามารถนำไปต่อยอดกับทักษะการออกแบบเพื่อพัฒนาตัวเองเป็น Web Designer มืออาชีพได้ไม่ยาก

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