Figma คืออะไร
figma คือ เครื่องมือออกแบบเว็บไซต์ หรือ แอปฯ ต่างๆที่เกิดมาเพื่อช่วยนักออกแบบ UX/UI อย่างเราๆ โดยสามารถใช้งานได้ผ่านทาง web browser ทำให้สะดวกในการใช้งานมากยิ่งขึ้น ง่ายต่อการสร้างและแบ่งปันการออกแบบ มีคุณสมบัติมากมายที่ทำให้เป็นเครื่องมือที่สมบูรณ์แบบสำหรับนักออกแบบ UX/UI
UX/UI คืออะไร?
UI คือ การให้ความสำคัญกับการดีไซน์ให้สวยงาม โดยที่เราจะมอบการตกแต่ง เพื่อให้ผู้ใช้เว็บไซต์ หรือแอปพลิเคชั่น รู้สึกว่าใช้งานง่าย เรียงสวยงาม ไม่เละเทะ เป็นจุดเปลี่ยนที่จะทำให้คนที่เข้าในเว็บรู้สึกประทับใจตั้งแต่แรกที่เข้ามา
UX คือ การให้ความสำคัญกับการมอบประสบการณ์ที่ดีต่อฝ่ายผู้ใช้ โดยเราจะนำข้อมูลของผู้ใช้งานนำมาวิเคราะห์และปรับปรุงแก้ไข เพื่อตอบโจทย์ผู้ใช้งานให้ดีขึ้น
วันนี้fasttacks มึคอร์สเรียนที่เกี่ยวข้องกับ UX/UI จาก สถาบันพัฒนาบุคลากรดิจิทัล DiSDA มาให้อัปสกิลกันแบบฟรีๆ กันเลย พร้อมแล้วไปเรียนกันได้เลย
คอร์สเรียน ออกแบบ UI/UX ด้วย figma
Figma Web Application ยอดนิยมสำหรับการออกแบบ UIDiSDA มีคอร์สพิเศษมาแนะนำให้ Upskill กันอย่างจัง บน DiSDA YouTube Channel วิดิโอสไตล์ DiSDA Microlearning สั้นๆ น่ารักๆ
ให้ได้อบรมด้วยตนเองฟรีในเรื่อง UI Design ด้วย Figma ขั้นต้นเริ่มต้นมีดังนี้
Part 1: https://youtu.be/I-4I9RIoJVY
เปิดม่านรู้จัก Figma ก่อนสร้างงานดีไซน์
Part 2: https://youtu.be/6eJUHT5Ssdo
ใช้เครื่องมือออกแบบองค์ประกอบให้โดนใจ
Part 3: https://youtu.be/3FQSJbMNq90
มารู้จักการทำ Prototype และส่งงานดีไซน์
UI Toolkit: https://youtu.be/SzZJ9SOEqMA
สร้างชุดเครื่องมือการออกแบบให้ตัวเอง
แถมฟรีกับ Design Process ด้วยคอร์สพิเศษเหล่านี้:
Inspiration: https://youtu.be/Xn-h8IrqsWM
ดูดไอเดียจากสิ่งรอบตัว สังเกตุรูปร่าง สี แพทเทิร์น
รวบรวมสิ่งที่ชอบมาทำ Mood Board
Mood Board: https://youtu.be/ch9McYrkyAQ
มันคือการรวมแรงบันดาลใจต่างๆ เข้าด้วยกัน
ให้เป็นแหล่งรวมแนวคิด สไตล์ และโทนการออกแบบเราเอง
Style Guide: https://youtu.be/_2ghkNZRv44
แล้วถ้ามีทีมงาน จะรักษาสไตล์เดียวกันไว้ได้ไง
ต้องมี Style Guide มาเป็นหลักเกณฑ์ร่วมกันสิ
เพื่อให้ดีไซน์ทุกชิ้นลงรอยเดียวกันเป็นหนึ่งเดียว
Recap: https://youtu.be/_UNyvr1JuqE