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.