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

ออกแบบ UI/UX Mobile App และ Website ด้วย Figma
1,490 บาท
เข้าเรียน / ซื้อคอร์สรายละเอียด
ผู้สอน เอกสิทธิ์ ตระกูลเกียรติกุล
คำอธิบายคอร์สออนไลน์
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
ผู้เรียนต้องมีความรู้อะไรมาก่อน
ผู้เรียนไม่จำเป็นต้องมีพื้นฐานการออกแบบก็สามารถเรียนได้
เนื้อหาของคอร์สนี้
บทนำ | คลิปยาว (นาที) | |
---|---|---|
แนะนำคอร์สออนไลน์ | 01:43 |
การใช้งานเครื่องมือต่าง ๆ ของ Figma | คลิปยาว (นาที) | |
---|---|---|
1.1 Move Tools: Move, Scale | 02:36 | |
1.2 Region Tools: Frame, Slice | 08:33 | |
1.3 Shape Tools: สี่เหลี่ยม | 04:08 | |
1.4 Shape Tools: เส้นและลูกศร | 03:08 | |
1.5 Shape Tools: วงกลม | 03:31 | |
1.6 Shape Tools: รูปหลายเหลี่ยม | 02:52 | |
1.7 Shape Tools: ดาว | 03:18 | |
1.8 Shape Tools: Place Image (การใส่รูปใน Object) | 01:21 | |
1.9 Drawing Tools: Pen, Pencil | 01:24 | |
1.10 Text Tool | 09:29 | |
1.11 Hand Tool | 00:44 | |
1.12 การใช้งานรูปภาพ | 04:48 | |
1.13 การ Mask | 02:25 | |
1.14 เกี่ยวกับ Effect | 05:42 | |
1.15 Component | 06:36 | |
1.16 Constraints | 06:10 | |
1.17 Auto Layout | 13:08 | |
1.18 Style | 09:41 | |
1.19 Alignment Tools | 06:23 | |
1.20 Boolean | 02:51 | |
1.21 Variant และ Instance Swapping | 11:57 |
User Interface Design (Mobile App) | คลิปยาว (นาที) | |
---|---|---|
2.1 Intro App | ออกแบบแอพร้านกาแฟ | 04: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 | 07:50 |
Interactive Prototype (Mobile App) | คลิปยาว (นาที) | |
---|---|---|
3.1 Interactive Prototype 1 | 25:48 | |
3.2 Interactive Prototype 2 | 23:32 | |
3.3 Source File | 00: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 | 00:10 |
Export and Share | คลิปยาว (นาที) | |
---|---|---|
5.1 Export and Share | 06:42 |