Blog

WIREFRAME: เสียเวลา แต่คุ้มค่าที่จะทำ! (2)

WIREFRAME: เสียเวลา แต่คุ้มค่าที่จะทำ! (2)
Published by Panprida Y in Blog with no comments

 

ตามที่ได้เกริ่นไปในตอนที่แล้ว ว่าการทำ Wireframe นั้น สามารถทำได้หลายวิธี และมีเครื่องมือต่างๆมากมายที่จะนำมาใช้ทำ

Wireframe วิธีแรก ขอแนะนำวิธีแบบบ้านๆ นั่นก็คือ

การวาดด้วยมือ

สำหรับคนที่เป็นคนขี้ลืม เมื่อมีไอเดียอะไร จะต้องลงมือจดหรือเขียนเก็บไว้ก่อน เพราะหากเขียนรายละเอียดไปเลยทีเดียวก็อาจจะลืมไอเดียบางอย่างที่ pop ขึ้นมาตอนแรก จึงแนะนำให้ขีดๆเขียนๆไอเดียคร่าวๆไว้ก่อนครับ

เครื่องมือที่จะช่วยในเรื่องนี้ก็คือ iPhone Vector สำหรับวาดรูป ซึ่งมีอยู่หลายแบบ ไม่ว่าจะเป็นสมุดรูป iPhone ที่ทำขายกันจริงจังอย่าง Notepod

 

Notepod

สำหรับท่านที่อยากประหยัดเงินในกระเป๋า ก็สามารถใช้ Vector แบบทำเอง โดยเอา Vector ที่มีในอินเตอร์เน็ตมาพิมพ์ใส่กระดาษ A4 และปรับให้มีขนาดเท่ากับ iPhone หรือ iPad ของจริง ก็จะทำให้เราสามารถประมาณขนาดของ object ต่างๆที่อยู่ในหน้าจอได้อย่างถูกต้อง ใครอยากได้ไปลองใช้ สามารถดาวน์โหลดได้โดยคลิกที่รูปด้านล่างเลยครับ

    

นอกจากนี้ ใครที่กลัวว่าวาดแล้วจะไม่สวย ก็สามารถหาซื้อ Stencil หรือเหล็กฉลุเหมือนที่เราใช้วาดรูปตอนเด็กๆ เพียงแต่อันนี้จะเป็นรูปทรงของ UI iPhone ทำให้วาดปุ่มต่างๆได้สวยงามและตรงตามขนาดจริง หากใครสนใจสั่งซื้อก็สามารถเข้าไปสั่งที่เว็บไซต์นี้ได้เลยครับ (Link: http://www.uistencils.com/products/iphone-stencil-kit)

จบแล้วครับสำหรับตอนที่ 2 เครื่องมือการวาด wireframe ด้วยมือ ครั้งต่อไป พบกับเครื่องมือวาด wireframe ด้วยคอมพิวเตอร์กันครับ

No comments yet

Post Your Comment

You must be logged in to post a comment.