What is a wireframe?

It's a basic visual representation of an interface.

🖼️

คำนิยาม

Wireframe คือ การแสดงภาพที่ใช้ในการออกแบบ ซึ่งโดยปกติจะใช้สีเทา เพื่อแสดงโครงสร้างและฟังก์ชันของหน้าเว็บหรือแอปพลิเคชันมือถือก่อนที่จะมีการเพิ่มการออกแบบภาพและเนื้อหาจริง

🎯

วัตถุประสงค์

Wireframes ใช้ในการกำหนดรูปแบบพื้นฐานและประสบการณ์ผู้ใช้ โดยมุ่งเน้นที่การใช้งานและการนำทาง

🔍

การใช้งานในการออกแบบ

Wireframes ใช้ในช่วงแรกของการออกแบบเพื่อให้แน่ใจว่าโครงการพัฒนาตามวัตถุประสงค์ที่ตกลงไว้ และเพื่ออำนวยความสะดวกในการใช้งานและการเติบโตของเนื้อหาที่จะเกิดขึ้นในอนาคต

🧰

เครื่องมือ

หนึ่งในเครื่องมือที่ใช้กันทั่วไปในการสร้าง wireframes คือ Figma