ทำความรู้จักกับ Figma

Graphic design ความรู้สำหรับ การออกแบบ ออกแบบเว็บ Phothoshop ตัดต่อวีดีโอ

Moderator: mindphp, ผู้ดูแลกระดาน

pataponnew
PHP Hero Member
PHP Hero Member
โพสต์: 152
ลงทะเบียนเมื่อ: 03/05/2021 10:18 am

ทำความรู้จักกับ Figma

โพสต์ที่ยังไม่ได้อ่าน โดย pataponnew »

Figma เป็นโปรเเกรมสร้างตัว Prototype สำหรับออกเเบบหน้า UI/UX นั่นก็คือในส่วนของหน้าเเสดงผลของเว็ปไซต์/เเอปพลิเคชั่น ครับ
ในการออกเเบบเว็ปไซต์ UX(User Experience) เเละ UI(User Interface) นั้นสำคัญมาก อธิบายตัว UI/UX อย่างสั้นๆ คือ
โดย UX จะเป็นส่วนในการออกเเบบกระบวนการปฏิสัมพันธ์ระหว่างเว็ปไซต์กับผู้ใช้ การโต้ตอบต่างๆเพื่อให้ผู้ใช้รู้สึกพึงพอใจ เเละ UI จะเป็นในส่วนการเเสดงผลของหน้าเว็ปไซต์ Template ต่างๆ การจัดวางองค์ประกอบของสิ่งต่างๆที่เเสดงผลบนหน้าเว็ปไซต์ โดย Figma จะมีฟังก์ชั่นต่างๆ ไว้ใช้สำหรับในการ Design ในส่วนของ UI/UX อีกด้วย
Figma
Figma
figma.jpg (4.04 KiB) Viewed 817 times
Figma ยังสามารถทำงานได้เเบบเป็นทีม เเชร์งานออนไลน์ได้ พร้อมทั้งยังแปลงเป็น CSS ได้ด้วย เเละในการใช้งานเราสามารถใช้งานได้ผ่านทางตัว Browser ได้เลยไม่ต้องติดตั้งทำให้สะดวกในการใช้งานเป็นอย่างมาก เราจะสามารถใช้งานผ่านทาง www.figma.com ได้เลย เเต่จะต้องสมัครสมาชิกก่อน
โดยเมื่อเข้ามาหน้าเว็ปไซต์ให้คลิกที่ SIGNUP
bandicam 2021-05-25 09-50-30-202.jpg
bandicam 2021-05-25 09-50-30-202.jpg (6.97 KiB) Viewed 817 times
หรือ Try Figma for free ได้เลย
bandicam 2021-05-25 09-50-48-133.jpg
bandicam 2021-05-25 09-50-48-133.jpg (44.9 KiB) Viewed 817 times
เเค่นี้เราก็จะใช้งาน Figma ได้เเล้ว

Figma เป็น Web browser based program สามารถใช้งานได้ผ่าน Web Browser ทั้งยังสามารถทำงานพร้อมกันหลายคนบน Cloud เเถมฟังก์ชั่นยังมีให้เลือกใช้มากมาย
เหมาะกับ ฟรีแลนซ์, หรือการทำงานเเบบเป็นทีม ใช้งานง่ายเเละยังสะดวกมาก นับว่าเป็นโปรเเกรมออกเเบบ UI/UX ที่กำลังนิยมเป็นอย่างมากในตอนนี้เลยครับ

อ้างอิง
https://kruthaimooc.com/courses/%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B9%82%E0%B8%9B%E0%B8%A3%E0%B9%80%E0%B9%80%E0%B8%81%E0%B8%A3%E0%B8%A1-figma-%E0%B9%80%E0%B8%9A%E0%B8%B7%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%95/
https://www.borntodev.com/2020/04/17/%E0%B8%AD%E0%B8%AD%E0%B8%81%E0%B9%81%E0%B8%9A%E0%B8%9A-prototype-%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2-figma/
https://www.borntodev.com/2020/04/21/%E0%B8%97%E0%B8%B3-prototype-%E0%B9%81%E0%B8%9A%E0%B8%9A%E0%B8%AB%E0%B8%A5%E0%B8%B2%E0%B8%A2%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2-figma/
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 66