ออกแบบ UI/UX และ Digital Product ด้วย Adobe XD

12 ก.ย. 62 (11:01 น.) เปิดอ่าน 202 ความคิดเห็น 0

พิมพ์หน้านี้

ออกแบบ UI/UX และ Digital Product ด้วย Adobe XD

1,990 บาท

เข้าเรียน / ซื้อคอร์ส

รายละเอียด

ผู้สอน เอกสิทธิ์ ตระกูลเกียรติกุล

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

หลักสูตรนี้จะช่วยให้คุณเข้าใจถึงกระบวนการออกแบบดิจิทัลโปรดักส์ รวมถึงสามารถที่จะใช้เครื่องมือต่าง ๆ ของ Adobe Xd ในการออกแบบ User Interface รวมถึงสร้าง Prototype ได้

ประโยชน์ที่ผู้เรียนจะได้รับ
- เข้าใจถึงกระบวนการออกแบบ Digital Product
- เข้าใจว่า UX คืออะไร
- เข้าใจความแตกต่างระหว่าง UX และ UI
- เข้าใจถึงกระบวนการออกแบบ User Experience
- สามารถใช้เครื่องมือต่าง ๆ ของ Adobe Xd
- สามารถออกแบบ User Interface ของ Mobile App ได้
- สามารถประยุกต์การใช้งาน Adobe Xd ในการออกแบบ Digital Product
- สามารถรับงานออกแบบ UI/UX เพื่อเพิ่มรายได้

ใครควรเรียนคอร์สออนไลน์นี้
- ดีไซน์เนอร์ที่ต้องการเรียนรู้ด้านการออกแบบ Digital Product
- โปรแกรมเมอร์ที่ต้องการออกแบบ User Interface ได้ด้วยตัวเอง
- ผู้สนใจด้านการออกแบบ Digital Product
- ผู้ที่สนใจในกระบวนการออกแบบประสบการ์ผู้ใช้ (User Experience Design Process)

ผู้เรียนต้องมีความรู้อะไรมาก่อน
- ผู้เรียนไม่จำเป็นต้องมีพื้นฐานด้านการออกแบบ เมื่อเรียนจบก็สามารถออกแบบ User Interface ได้

เนื้อหาของคอร์สนี้

บทนำ		คลิปยาว (นาที)
แนะนำคอร์สออนไลน์		03:25

Digital Product Design และ UX Design Process		คลิปยาว (นาที)
ทำความรู้จักกับ Digital Product Design และ UX Design		04:44
Research & Persona		05:16
Scenarios		07:07
Information Architecture		05:11
Workflow		04:55
Wireframe		06:16

Adobe Xd- แนะนำโปรแกรม Adobe Xd		คลิปยาว (นาที)
แนะนำโปรแกรม Adobe Xd		03:25
หน้าหลักของโปรแกรม หรือ Home Screen		04:44
แนะนำ Interface ของ Workspace		05:16
ทำความรู้จักกับ Artboards		13:36
สี่เหลี่ยม		21:23
วงกลม		02:58
รูปหลายเหลี่ยม		04:55
เส้น		02:56
การใส่ภาพในวัตถุ		04:14
กำหนดพื้นที่แสดงรูปภาพ (Mask with Shape)		02:24
สร้างไอคอนด้วย Pathfinder		06:32
วาดไอคอนด้วย Pen Tool		03:03
การสร้างและปรับแต่งข้อความ Text Tool		12:18
การจัดเรียง Align Tools		06:35
การใช้งาน Repeat Grids		07:57
ส่วนประกอบของ Assets		06:13
การใช้ และการสร้าง Components		10:15
การใช้งาน Plugins		06:54
การ Export งานออกแบบ		08:00
Blend modes		02:55
เพิ่มสถานะให้กับ Component (Component State)		05:36
Component ซ้อน Component (Nested Components)		08:03
Padding		07:07
Stack		07:03
3D Transforms		03:38
Scroll Groups		05:46
การใช้ Library		10:00

Workshop : ออกแบบ User Interface แอพสั่งอาหาร		คลิปยาว (นาที)
Wireflow		01:15
Home & Login Screen		18:32
Sign Up Screen		06:50
Food Categories Screen		20:23
Food Menu Screen		15:20
Food Detail Screen		13:54
Order and Thank you Screen		15:23

Workshop : สร้าง Prototype แอพสั่งอาหาร		คลิปยาว (นาที)
Mobile App Prototype : 1		10:55
Mobile App Prototype : 2		11:13
Mobile App Prototype : 3		03:47
Mobile App Prototype : 4		03:33

Prototype (การสร้างตัวต้นแบบ)		คลิปยาว (นาที)
Basic Interaction		51:52
Interaction Time Delay		02:26
Multiple Interactions		05:54
Multiple actions on Tap		03:59
เส้นวิ่ง (Auto-Animate for dash and gap)		07:29
การ Share Prototype		07:44