Framer คืออะไร?
Framer คือซอฟต์แวร์ที่เป็นเครื่องมือที่ใช้ในการออกแบบ user interface และ user experience ซึ่งสามารถนำไปประยุกต์ใช้ในการออกแบบเว็บไซต์ แอปพลิเคชัน รวมถึงการออกแบบ user interface สำหรับ human robot interface ซึ่ง Framer เป็นเครื่องมือที่มีจุดเด่นมากมาย เช่น
- ใช้งานง่าย
- มี component และ tool ที่หลากหลาย
- สามารถ export เป็น html เพื่อสร้าง prototype ได้อย่างรวดเร็ว
- เหมาะแก่การสร้างลูกเล่นต่างๆ เช่น วิดีโอ การสร้าง animation
- สามารถใช้งานได้ทั้ง application และ web browser
- สามารถเขียน code คำสั่งการทำงานต่างๆ ร่วมกับการออกแบบได้
โดยในการทำ Software review นี้จะมีการ tutorial การใช้งาน framer เบื้องต้นโดยมีหัวข้อดังนี้
- อธิบายหน้าต่างของ Framer และ tab เครื่องมือต่างๆ
- อธิบาย และยกตัวอย่าง component ที่มีให้ใช้
- อธิบาย และยกตัวอย่างการกำหนด style การวาง layout
- ทดลองสร้าง page โดย add component topbar, sidebar, footer
- ทำการสร้างปุ่มเพื่อเชื่อม page เริ่มต้นเข้ากับ page ที่สร้างขึ้นใหม่
- ทดลอง publish project เพื่อแสดงผลการทำงานบน web browser
Discussion
Framer ถือเป็น tool ที่เหมาะสำหรับการทดลองสร้าง prototype ของ user interface เบื้องต้น เนื่องจากสามารถทำได้อย่างรวดเร็ว และสามารถเห็นภาพการเคลื่อนไหว animation ได้ง่าย ทำให้ผู้ใช้สามารถเข้าใจการทำงานของ user interface ที่ออกแบบและสามารถนำไปปรับปรุงได้สะดวกดีไซน์ แต่ก็มีข้อจำกัดในเรื่องของการทำงานร่วมกันเป็นทีมใหญ่ๆ ที่อาจจะยังไม่สามารถทำได้เทียบเท่ากับคู่แข่งอื่นๆ อย่าง Figma ทำให้ Framer ไม่เหมาะต่อการทำงานออกแบบระบบซอฟต์แวร์ใหญ่ๆ เนื่องจากอาจมีปัญหาในเรื่องความเสถียร