ดินสอเป็นเครื่องมือ wireframing ที่เราสามารถใช้ในการร่างภาพจำลองของส่วนต่อประสานผู้ใช้ของแอปพลิเคชันของเรา สิ่งที่ยอดเยี่ยมเกี่ยวกับดินสอก็คือมันมีน้ำหนักเบาใช้งานง่ายและผสานรวมกับ Firefox อย่างแน่นหนา เหนือสิ่งอื่นใดแอปพลิเคชั่นโอเพนซอร์สฟรี! ในตอนท้ายของบทความเราจะให้คุณตัวอย่างง่ายๆเกี่ยวกับวิธีการใช้ดินสอในการสร้างโครงลวดเหมือน Brizzly. ทำไมเราถึงสร้าง wireframes ? โครงร่างเป็นโครงร่างของแนวคิดโครงร่างหน้าโครงร่างเน้นที่การออกแบบข้อมูลของหน้าเพื่อให้แน่ใจว่าการออกแบบสอดคล้องกับสิ่งที่ผู้ใช้ต้องการ โครงลวดมักจะประกอบด้วยรูปร่างที่แตกต่างกัน (เช่นกล่องวงรีและเพชร) เพื่อแสดงเนื้อหาหน้าที่และองค์ประกอบการนำทาง รูปร่างเหล่านี้แสดงตำแหน่งของพวกเขาบนหน้า. ในตอนแรกอาจดูเหมือนเสียเวลาในการสร้างภาพร่างหยาบของหน้า โครงลวดเป็นสิ่งสำคัญที่จะช่วยให้ผู้ใช้ของคุณให้ความสำคัญกับองค์ประกอบที่สำคัญในหน้า การสร้างภาพร่างคร่าวๆของหน้าเว็บโดยไม่ต้องใช้องค์ประกอบภาพที่แปลกใหม่เปลี่ยนความสนใจของผู้ใช้ไปยังองค์ประกอบที่สำคัญเช่นการปรับขนาดเค้าโครงและการจัดวางองค์ประกอบของหน้า เราจะเริ่มทำความเข้าใจกับสิ่งที่ลูกค้าต้องการและต้องการออกจากซอฟต์แวร์เมื่อผู้ใช้เริ่มมุ่งเน้นที่องค์ประกอบที่สำคัญของหน้า การสร้างโครงลวดช่วยให้คุณและผู้ใช้ของคุณทำงานร่วมกันได้อย่างมีประสิทธิภาพและระบุปัญหาการออกแบบที่อาจเกิดขึ้นก่อน. เริ่มต้นด้วยดินสอ ดาวน์โหลด Pencil จากส่วนเสริมของ Pencil เมื่อคุณติดตั้งดินสอจะสามารถเข้าถึงได้จาก 'เครื่องมือ'> 'ดินสอร่าง'....