UX UI Design ตั้งแต่เริ่มต้นจนออกแบบ Web App Service บนมือและเดสก์ทอป | FutureSkill
}

UX UI Design ตั้งแต่เริ่มต้นจนออกแบบ Web App Service บนมือและเดสก์ทอป

รายละเอียด
ถาม-ตอบ
8 บทเรียน
1 ชั่วโมง 22 นาที
1 ไฟล์ประกอบการเรียน
ระดับความยาก

UX UI Design ตั้งแต่เริ่มต้นจนออกแบบ Web App Service บนมือและเดสก์ทอป


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

1. Introduction to Ux/Ui

  • ความหมาย UX/UI
  • Case Study ของ UX/UI
  • ลักษณะ UX/UI
  • คุณสมบัติของ UX Skill
  • ประโยชน์ของการออกแบบ
  • การทำงานร่วมกับทีมของ UX/UI
  • UX/UI สามารถต่อยอดในด้านใดได้บ้าง
  • ทำไมยุคนี้ต้องเรียน UX/UI
  • ประโยชน์ UX/UI
  • บทสรุปของ Introduction to UX/UI

2. ขั้นตอนหลักของการทำงานด้าน UX/UI

2.1 ความหมายของ Design Thinking

2.2 UX โดย Design Thinking Process

  • Step ที่ 1 Research
  • Step ที่ 2 Analyze
  • Step ที่ 3 Design และ Step ที่ 4 Prototype
  • Step ที่ 5 Testing

3. การเขียน Wireframe

  • ทำความเข้าใจเกี่ยวกับ Wireframe
  • ลักษณะของการเขียน Wireframe
  • Wireframe ที่ดี ต้องมีองค์ประกอบอะไรบ้าง?
  • ขั้นตอนของการเขียน Wireframe
  • การแบ่งระดับของการเขียน Wireframe
  • ตัวอย่าง UX ที่ออกแบบ Wireframe แล้วส่งต่อให้ UI

4.  การใช้โปรแกรม Adobe XD ออกแบบ

4.1 เรียนรู้ Tools พื้นฐาน

4.2 Grid & Layout

  • ประโยชน์ของการจัดวาง Grid & Layout
  • Guideline ของการจัด Grid & Layout
  • ตัวอย่างการจัดวาง Grid & Layout ของ Website
  • อัตราส่วนของการจัดวาง Grid & Layout ของ Website
  • ตัวอย่างการจัด Grid & Layout ให้อยู่ใน Contain
  • องค์ประกอบของ Grid & Layout
  • แนวทางการพัฒนาต่อสำหรับผู้ที่มีพื้นฐานการจัด Layout อยู่แล้ว

4.3 การสร้าง Colour Set

  • ความหมายของ Brand Archetypes
  • ตัวอย่าง Brand Archetypes เพื่อการจัด Colour Set

4.4 การสร้าง Font Set

  • อธิบายการสร้าง Font Set
  • ตัวอย่างการสร้าง Font Set

4.5 เรียนรู้เรื่องปุ่ม และ icon

  • Case Study หลักการของการสร้างปุ่ม
  • การนำ icon มาประยุกต์ใช้ในการสร้างปุ่ม
  • ยกตัวอย่างชุด Icon ของ Brands

4.6 Symbols

  • ความหมายของ Symbols
  • ตัวอย่างการใช้ Symbols ของ Brands

4.7 การสร้าง Symbol Set

  • เหตุผลที่ต้องสร้าง Symbol Set
  • ตัวอย่าง Symbol Set

4.8 ในการเริ่ม Design ใน Device ต่างๆ

  • Responsive Resize (From Mobile to Desktop)

Workshop สำหรับธุรกิจด้าน Web Service

  • Workshop โดยใช้หลักการ Design Thinking
  • ตัวอย่างการทำ Design Thinking ครบทั้งกระบวนการ
  • การ Workshop สร้าง Prototype ทั้ง UX และ UI

เหมาะสำหรับ

  • ผู้ประกอบการ, Product Owner ผู้ที่สนใจนำกระบวนการ UX/UI มาปรับใช้สร้างนวัตกรรมในองค์กร
  • ที่มีพื้นฐานด้านการออกแบบ แต่สนใจเริ่มทำงานในสายงานดิจิตอล
  • ผู้ที่มีความสนใจทางด้านการออกแบบทั้ง UX และ UI
  • Font-end Developer ที่อยากมีพื้นฐานในการใช้ Tools ออกแบบ Ui
  • Back-end Developer ที่อยากเรียนรู้ด้าน UX/UI เพิ่มมากขึ้น
  • Graphic Designer ที่อยากพัฒนา Skill จากการเริ่มต้นทักษะทางด้าน Ui ไปถึงทำความเข้าใจทางด้าน UX ได้
อ่านทั้งหมด
รายละเอียดบทเรียน
อ่านทั้งหมด
course cover
UX UI Design ตั้งแต่เริ่มต้นจนออกแบบ Web App Service บนมือและเดสก์ทอป
8 บทเรียน |1 ชั่วโมง 22 นาที
฿3500
ผู้สอน
เป็น Freelance UX/UI Designer ที่ Hello World !!!