ออกแบบ UI/UX Mobile App และ Website ด้วย Figma

Current Time 0:00

Duration Time 0:00

Progress: NaN%

ราคา

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

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

เนื้อหาทั้งหมด 38 วิดีโอ ความยาวรวมกัน 5 ชั่วโมง 37 นาที

คอร์สนี้ จะช่วยให้ผู้เรียนเข้าใจในการใช้เครื่องมือสำหรับการออกแบบ Mobile App และ Website

Figma เป็นเครื่องมึอสำหรับการออกแบบ Website, Mobile App, Web Application ตลอดจน Digital Product ต่าง ๆ ที่ได้รับความนิยมจากนักออกแบบ User Interface ทั่วโลก

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

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

คำอธิบายคอร์สออนไลน์
Figma เป็นเครื่องมึอสำหรับการออกแบบ Website, Mobile App, Web Application ตลอดจน Digital Product ต่าง ๆ ที่ได้รับความนิยมจากนักออกแบบ User Interface ทั่วโลก

คอร์สเรียนออนไลน์ "ออกแบบ UI/UX Mobile App และ Website ด้วย Figma" นี้ จะช่วยให้ผู้เรียนเข้าใจในการใช้เครื่องมือสำหรับการออกแบบ รวมถึงยังมี Workshop ให้ได้ฝึกฝนการออกแบบ คือ การออกแบบ Mobile App และ Website ร้านกาแฟ ทั้งส่วนการออกแบบ User Interface และจัดทำ Prototype

ประโยชน์ที่ผู้เรียนจะได้รับ
ช่วยให้ผู้เรียนเข้าใจและสามารถใช้เครื่องมือต่าง ๆ ของ Figma ในการออกแบบ User Interface และสร้าง Prototype ทั้ง Mobile App และ Website

ใครควรเรียนคอร์สออนไลน์นี้
- ผู้ที่สนใจในการออกแบบ UI/UX
- Designer ที่ต้องการออกแบบ UI ของ Website และ Mobile App
- Programmer ที่ต้องการเรียนรู้การออแบบ UI
- เจ้าของกิจการที่ต้องการเข้าใจในการออกแบบ UI/UX
- นักเรียน นักศึกษา และอาจารย์ที่ต้องการเรียนรู้และเข้าใจการออกแบบ UI/UX

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

ผู้สอน

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

Digital Product Designer

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

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

การใช้งานเครื่องมือต่าง ๆ ของ Figma
1.1 Move Tools: Move, Scale	2:36
1.2 Region Tools: Frame, Slice	8:33
1.3 Shape Tools: สี่เหลี่ยม	4:08
1.4 Shape Tools: เส้นและลูกศร	3:08
1.5 Shape Tools: วงกลม	3:31
1.6 Shape Tools: รูปหลายเหลี่ยม	2:52
1.7 Shape Tools: ดาว	3:18
1.8 Shape Tools: Place Image (การใส่รูปใน Object)	1:21
1.9 Drawing Tools: Pen, Pencil	1:24
1.10 Text Tool	9:29
1.11 Hand Tool	0:44
1.12 การใช้งานรูปภาพ	4:48
1.13 การ Mask	2:25
1.14 เกี่ยวกับ Effect	5:42
1.15 Component	6:36
1.16 Constraints	6:10
1.17 Auto Layout	13:08
1.18 Style	9:41
1.19 Alignment Tools	6:23
1.20 Boolean	2:51
1.21 Variant และ Instance Swapping	11:57

User Interface Design (Mobile App)
2.1 Intro App \| ออกแบบแอพร้านกาแฟ ดูตัวอย่างฟรี	4:01
2.2 ออกแบบหน้าเข้าสู่ระบบ \| Login	12:48
2.3 ออกแบบหน้าลงทะเบียน \| Register ดูตัวอย่างฟรี	10:19
2.4 ออกแบบหน้าหลัก (กาแฟ) \| Home (Coffee)	19:35
2.5 ออกแบบหน้าหลัก (เบเกอรี่) \| Home (Bakery)	14:33
2.6 ออกแบบหน้ารายละเอียดกาแฟ/เบเกอรี่ \| Detail	13:08
2.7 ออกแบบหน้าตะกร้าสินค้า \| Shopping Cart	11:45
2.8 ออกแบบหน้าชำระเงินและขอบคุณ \| Payment & Thank you	7:50

Interactive Prototype (Mobile App)
3.1 Interactive Prototype 1	25:48
3.2 Interactive Prototype 2	23:32
3.3 Source File	0:10

Website Design
4.1 Website Design 1	36:00
4.2 Website Design 2	21:10
4.3 Website Design 3	17:10
4.4 Source File	0:10

Export and Share
5.1 Export and Share	6:42