WorksheetsFinal - การพัฒนาโปรแกรมบนอุปกรณ์เคลื่อนที่แบบพกพา
Total questions: 56
Worksheet time: 56mins
Figma คืออะไร?
โปรแกรมตัดต่อวิดีโอ
เครื่องมือออกแบบ UI/UX
ซอฟต์แวร์สำหรับเขียนโค้ด
โปรแกรมแต่งรูป
Figma ทำงานแบบใด?
เป็นโปรแกรมที่ต้องติดตั้งบนเครื่อง
เป็นเครื่องมือที่ทำงานบนเว็บ (Web-based)
ใช้ได้เฉพาะบนระบบปฏิบัติการ Windows
ต้องใช้ร่วมกับ Adobe Photoshop เท่านั้น
Figma รองรับการทำงานร่วมกับทีมได้หรือไม่?
ได้
ไม่ได้
ได้ แต่ต้องติดตั้งซอฟต์แวร์เสริม
ได้ แต่ต้องอยู่ในเครือข่ายเดียวกัน
Figma มีฟีเจอร์อะไรที่ช่วยให้วาง Layout ได้สะดวก?
Auto Layout
Smart Guides
Grid System
ถูกทุกข้อ
เราสามารถ Export ไฟล์จาก Figma เป็นประเภทใดได้บ้าง?
PNG
PSD
AI
การใช้ Layers ใน Figma มีประโยชน์อย่างไร?
จัดการองค์ประกอบให้ง่ายขึ้น
ทำให้การออกแบบดูเป็นระเบียบ
ช่วยให้สามารถแก้ไขเฉพาะส่วนได้ง่าย
ถูกทุกข้อ
หากต้องการใส่เงาให้กับวัตถุใน Figma ต้องใช้ฟีเจอร์ใด?
Effects
Shadows
Filters
Transparency
การจัดกลุ่มวัตถุใน Figma ทำอย่างไร?
ใช้คำสั่ง Combine
ใช้คำสั่ง Cluster
ใช้คำสั่ง Group
ใช้คำสั่ง Layer
คุณสามารถ สร้างลิงก์ ระหว่างหน้าจอใน Figma โดยใช้เครื่องมือไหน?
Text Tool
Prototype Tool
Frame Tool
Image Tool
ฟังก์ชัน Overlays ใน Prototype ใช้เพื่ออะไร?
ปรับขนาดหน้าจอ
แสดงหน้าต่างป๊อปอัพหรือเมนู
เปลี่ยนรูปแบบของปุ่ม
แสดงแค่กราฟิก
Prototype Overlay ใช้สำหรับอะไร?
เพิ่มภาพพื้นหลัง
การเปลี่ยนหน้า
แสดงเมนูป๊อปอัพ
การแสดงผลแบบอัตโนมัติ
ฟังก์ชัน Prototype Preview ใช้สำหรับอะไร?
ดูการออกแบบแค่ในรูปภาพ
ดูการทำงานของ Prototype
ดาวน์โหลดไฟล์
แชร์ลิงก์
ถ้าคุณต้องการเปลี่ยนขนาดของกรอบ (Frame) ใน Figma ต้องทำอย่างไร?
คลิกที่กรอบแล้วลากขอบ
คลิกขวาแล้วเลือกเปลี่ยนขนาด
ใช้เครื่องมือขยาย
เปลี่ยนจากเมนูหลัก
ใน Figma, การเปลี่ยนสีของวัตถุทำได้จากเมนูไหน?
Fill
Stroke
Effects
Layers
ฟังก์ชันไหนใน Figma ที่ใช้สำหรับการสร้าง Prototype?
Frame
Prototype Panel
Layers
File
ในการสร้าง Prototype ใน Figma คุณสามารถสร้างการ เชื่อมโยง ระหว่างหน้าจอได้จากเมนูไหน?
Tools > Prototype
Design > Frame
Prototype > Animation
Prototype > Interaction
ใน Figma, ถ้าคุณต้องการให้กรอบ (Frame) ขยายอัตโนมัติเมื่อมีการเพิ่มเนื้อหา, ต้องใช้เครื่องมืออะไร?
Smart Layout
Auto Layout
Content Layout
Layout Tool
ถ้าคุณต้องการสร้าง Prototype ใน Figma คุณต้องสร้างอะไรเป็นขั้นแรก?
Components
Frame
Text Box
Button
คุณสามารถ ทดสอบ การทำงานของ Prototype ใน Figma โดยใช้ฟีเจอร์ไหน?
Preview Mode
Simulate Action
Test Tool
Prototype Preview
Figma รองรับการใช้งาน Vector หรือไม่?
รองรับ
ไม่รองรับ
UX ย่อมาจากอะไร
User Expert
User Experience
User Interface Experience
User Interface Expert Experience
UI ย่อมาจากอะไร
User Interest
User Internet
User Interaction
User Interface
ใน Figma หากต้องการซ้อนภาพในรูปวงกลม ดังภาพต้องใช้คำสั่งใด
Group selection
Flatten
Outline Stoke
Use as mask
การสร้างโปรเจกต์ใน Figma ต้องเริ่มต้นจากการสร้างอะไร?
สร้างเส้นทาง
สร้างเวกเตอร์
สร้าง Frame หรือเลเยอร์
สร้างเมนู
เครื่องมือใดที่ใช้สร้างรูปร่างใน Figma?
Color tools
Text tools
Navigation tools
Shape tools
การใช้สีใน Figma สามารถทำอะไรได้บ้าง?
ช่วยในการเพิ่มความเร็วในการทำงาน
ช่วยในการสร้างโครงสร้างและดีไซน์ขององค์ประกอบต่าง ๆ ในโปรเจกต์
ใช้สร้างเส้นขอบของโครงสร้าง
ช่วยในการเพิ่มความสวยงามให้กับเนื้อหา
การเพิ่มเนื้อหาใน Figma สามารถทำได้ผ่านเครื่องมือใด?
Color Picker
Shape Tool
Text Tool
Pen Tool
การสร้างโมบายแอปใน Figma ช่วยให้นักพัฒนาสามารถทดสอบอะไรได้?
การทดสอบซอฟต์แวร์
การออกแบบและทดสอบโมบายแอป
การออกแบบเว็บไซต์
การเขียนโปรแกรมคอมพิวเตอร์
เมนูใน Figma ช่วยให้ผู้ใช้สามารถเพิ่มองค์ประกอบใดลงในโปรเจกต์ได้?
Add menu
Include menu
Insert menu
Attach menu
การสร้างโมบายแอปใน Figma ช่วยให้นักพัฒนาสามารถปรับแก้ไขอะไรได้?
ทำการทดสอบโมบายแอป
เขียนโค้ด JavaScript
สร้างโมบายแอปใน Photoshop
ออกแบบและเรียงลำดับองค์ประกอบต่าง ๆ ของแอป
การทดสอบ UX ช่วยให้เราทราบข้อมูลอะไร?
ข้อมูลเกี่ยวกับสภาพแวดล้อม
ข้อมูลเกี่ยวกับประสิทธิภาพและประสิทธิภาพของผู้ใช้ในการใช้งานผลิตภัณฑ์หรือบริการ
ข้อมูลเกี่ยวกับการตลาด
ข้อมูลเกี่ยวกับการเงิน
UI มีบทบาทสำคัญในการออกแบบอะไร?
สำหรับการออกแบบส่วนต่อประสานผู้ใช้ (User Interface)
สำหรับการเขียนโปรแกรม
สำหรับการออกแบบโครงสร้างฐานข้อมูล
สำหรับการทดสอบซอฟต์แวร์
การวิเคราะห์ UX ช่วยให้เราทราบความต้องการของใคร?
โปรแกรมเมอร์
ผู้ใช้
ผู้คุมงาน
ผู้บริหาร
การวิเคราะห์ UI ช่วยให้เราทราบข้อมูลเกี่ยวกับอะไร?
การออกแบบและการใช้งานของ User Interface
การวิเคราะห์ข้อมูลสุขภาพ
การวิเคราะห์ข้อมูลทางการเมือง
การวิเคราะห์ข้อมูลการเงิน
หลักการให้แสงเงาในข้อใดถูกต้องตามหลักแสงธรรมชาติ
เงาอยู่ด้านล่าง
แสงมาจากด้านล่าง
แสงมาจากด้านซ้าย
เงาอยู่ด้านบน
ระบบการแสดงสีบนจอภาพใช้ระบบแม่สีแสงประกอบไปด้วยสีอะไร
Red Green Blue
Red Green Black
White Black
Cyan Magenta Yellow
การทำปุ่ม โลโก้ ภาพ ฯลฯ ให้เป็นองค์ประกอบให้สามารถ reuse (ใช้ซ้ำได้) และสะดวกต่อการแก้ไขเปลี่ยนแปลง เรียกว่าอะไร
computer
compromise
component
competency
ไม่มีข้อใดถูก
การจัดตำแหน่งของข้อความให้สามารถย่อขยายได้ตามขนาดความยาวข้อความเรียกว่าอะไร
auto detect
auto scale
auto implement
auto layout
automatic
ข้อใดคือประโยชน์ของ prototype
ช่วยสำหรับการออกแบบตัวอักษร
ช่วยสำหรับการสร้างข้อความยาว ๆ
ช่วยในการสร้าง รูปภาพให้สวยงาม
ช่วยในการทำ footer
ช่วยสร้างการเชื่อมโยงแต่ละหน้า
องค์ประกอบ สี ปุ่ม ข้อความที่เห็นในแอปพลิเคชัน เกี่ยวข้องกับข้อใด
User interface
User experience
User ability
User probability
ไม่มีข้อใดถูก
ในเรื่องของการทำฟอร์ม ในภาพต้องการสื่อความหมายในข้อใด
กำหนดความยาวกรอบให้ตรงกับคำ
ใช้คำกำกับ (label)
หลีกเลี่ยงการใช้ตัวพิมพ์ใหญ่
ควรเลือกใช้ประเภท input ให้เหมาะสม
ใช้คำที่เหมาะกับปุ่ม
ในเรื่องของการทำฟอร์ม ในภาพต้องการสื่อความหมายในข้อใด
กำหนดความยาวกรอบให้ตรงกับคำ
ใช้คำกำกับ (label)
หลีกเลี่ยงการใช้ตัวพิมพ์ใหญ่
ควรเลือกใช้ประเภท input ให้เหมาะสม
ใช้คำที่เหมาะกับปุ่ม
กระบวนการของการคิดเชิงออกแบบมีขั้นตอนอะไรบ้าง?
Empathize, Define, Ideate, Prototype, Test
Think, Plan, Execute, Evaluate, Improve
Understand, Solve, Implement, Review, Innovate
Research, Design, Develop, Launch, Analyze
Wireframe ในการออกแบบ UX/UI คืออะไร?
แบบร่างแรกของการออกแบบเว็บไซต์หรือแอปพลิเคชัน
เครื่องมือในการทดสอบความเร็วของเว็บไซต์
การกำหนดขนาดและสีของ UI
กระบวนการในการทดสอบความปลอดภัยของระบบ
Figma เป็นโปรแกรมที่เน้นการใช้งานในด้านใด?
การเขียนโค้ด
การสร้างโมเดล 3D
การออกแบบกราฟิกและ UX/UI
การจัดการฐานข้อมูล
ข้อใดต่อไปนี้คือการทำงานร่วมกันบน Figma?
การเพิ่มปลั๊กอินเพื่อเพิ่มความสามารถในการออกแบบ
การแชร์ลิงก์ให้ผู้อื่นสามารถดูหรือแก้ไขงานได้แบบเรียลไทม์
การส่งออกไฟล์ในรูปแบบต่าง ๆ เช่น PNG, SVG
การใช้เครื่องมือ Pen เพื่อสร้างรูปทรงต่าง ๆการใช้เครื่องมือ Pen เพื่อสร้างรูปทรงต่าง ๆ
ใน Figma การสร้าง "Prototype" ใช้สำหรับอะไร?
การออกแบบสีและฟอนต์
การทำงานร่วมกันของนักออกแบบ
การสร้างต้นแบบการโต้ตอบ (Interactive)
การจัดการชั้นเลเยอร์ (Layers)
ข้อใดเป็นการจัดการเลเยอร์ (Layers) ที่ถูกต้องใน Figma?
การสร้างเลเยอร์ใหม่ทุกครั้งที่เพิ่มองค์ประกอบใหม่
การซ่อนเลเยอร์ทั้งหมดเพื่อทำให้งานง่ายขึ้น
การจัดกลุ่มเลเยอร์ที่เกี่ยวข้องเพื่อให้การจัดการง่ายขึ้น
การลบเลเยอร์ที่ไม่ได้ใช้งานเพื่อประหยัดพื้นที่
การสร้าง “Frame” ใน Figma ใช้สำหรับอะไร?
การทำให้งานออกแบบสามารถแก้ไขได้ง่ายขึ้น
การสร้างพื้นที่ทำงานเฉพาะส่วนที่ต้องการออกแบบ
การเพิ่มฟอนต์และสีที่ตรงกับแบรนด์
การจัดการเลเยอร์ในโปรเจค
ใน Figma ฟีเจอร์ "Export" ใช้สำหรับอะไร?
การนำเข้าฟอนต์ใหม่ในโปรเจค
การแชร์ไฟล์ไปยังผู้ใช้งานอื่น
การส่งออกไฟล์งานในรูปแบบต่าง ๆ เช่น PNG, SVG หรือ PDF
การสร้างส่วนประกอบใหม่ในโปรเจค
Wireframe แตกต่างจาก Prototype อย่างไร?
Wireframe เป็นการแสดงโครงสร้างพื้นฐาน ส่วน Prototype เป็นการแสดงต้นแบบที่สมบูรณ์
Wireframe มีการโต้ตอบได้มากกว่า Prototype
Wireframe ใช้สำหรับทดสอบประสิทธิภาพของระบบ
Wireframe มักจะมีรายละเอียดและการออกแบบที่ซับซ้อนกว่า Prototype
ข้อใดเป็นข้อดีของการสร้าง Wireframe ก่อนลงรายละเอียดการออกแบบจริง?
ลดเวลาการออกแบบโดยไม่ต้องปรับเปลี่ยนบ่อย
เพิ่มความซับซ้อนในการออกแบบตั้งแต่เริ่มต้น
ช่วยให้ทีมออกแบบและผู้เกี่ยวข้องเข้าใจภาพรวมของโครงสร้างได้ชัดเจนขึ้น
ทำให้สามารถพัฒนาโค้ดได้เร็วขึ้น
ข้อใดคือความหมายของ “Mobile Application”?
โปรแกรมคอมพิวเตอร์ที่ใช้ในบริษัท
ซอฟต์แวร์ที่ใช้เฉพาะในคอมพิวเตอร์
โปรแกรมที่ใช้บนอุปกรณ์พกพา เช่น โทรศัพท์มือถือ
ระบบปฏิบัติการที่ใช้ในคอมพิวเตอร์
ประโยชน์ของ Mobile Application ด้านผู้ให้บริการคือข้อใด?
เพิ่มค่าใช้จ่ายในการโฆษณา
ลดค่าใช้จ่ายในการผลิตสื่อโฆษณาประชาสัมพันธ์
เพิ่มขั้นตอนการติดต่อสื่อสาร
ลดจำนวนลูกค้า
ขั้นตอนแรกในการพัฒนาแอปพลิเคชันคืออะไร?
การทดสอบ
การลงมือพัฒนา
การศึกษาความต้องการ
การเปิดตัวแอป
การใช้สีในการออกแบบ UI มีวัตถุประสงค์อะไร?
ลดความสำคัญของข้อมูล
ช่วยในการมองเห็นและทำความเข้าใจง่ายขึ้น
เพิ่มจำนวนองค์ประกอบ
ลดขนาด UI
