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

Current Time 0:00

Duration Time 0:00

Progress: NaN%

ราคา

ซื้อคอร์สนี้ : 1,990.00 ฿

สามารถเรียนที่ไหน เมื่อไหร่ก็ได้ตลอดชีพ

เนื้อหาทั้งหมด 51 วิดีโอ ความยาวรวมกัน 7 ชั่วโมง 1 นาที

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

สอนโดยเจ้าของบริษัท Startup ที่ให้บริการซอฟต์แวร์สร้างเว็บไซต์ด้วยตัวเอง www.geegeeweb.com

เกี่ยวกับคอร์สนี้

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

หลักสูตรนี้จะช่วยให้คุณเข้าใจถึงกระบวนการออกแบบดิจิทัลโปรดักส์ รวมถึงสามารถที่จะใช้เครื่องมือต่าง ๆ ของ 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 ได้

ผู้สอน

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

Digital Product Designer

หลักสูตรของคอร์สนี้

บทนำ
แนะนำคอร์สออนไลน์ ดูตัวอย่างฟรี	3:25

Digital Product Design และ UX Design Process
ทำความรู้จักกับ Digital Product Design และ UX Design ดูตัวอย่างฟรี	4:44
Research & Persona	5:16
Scenarios	7:07
Information Architecture	5:11
Workflow	4:55
Wireframe	6:16

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

Prototype (การสร้างตัวต้นแบบ)
Basic Interaction	51:52
Interaction Time Delay	2:26
Multiple Interactions	5:54
Multiple actions on Tap	3:59
เส้นวิ่ง (Auto-Animate for dash and gap)	7:29
การ Share Prototype	7:44

Workshop : ออกแบบ User Interface แอพสั่งอาหาร
Wireflow ดูตัวอย่างฟรี	1:15
Home & Login Screen	18:32
Sign Up Screen	6: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	3:47
Mobile App Prototype : 4 ดูตัวอย่างฟรี	3:33

ไม่ใช้