คอร์สออนไลน์ 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 เป็นหลัก