ได้ยินเรื่องการออกแบบโครงสร้างของเว็บไซต์ ก่อนลงมือเขียน code และทำ Graphic มานานแล้วครับ แต่เนื่องจากเวลาคิดอะไรได้ ผมมักลงมือทำทันที เพราะไม่อยากให้อะไรที่มันอยู่ในหัว มันหลุดออกไป เพราะแค่จดเอาไว้อย่างเดียวยังไม่พอ แต่ในที่สุดพอก้าวเข้ามาทำเยอะจริงๆแล้ว ก็หลีกหนีไม่ได้ครับ
เริ่มต้นแต่ก่อนผมใช้วิธีวาดรูปเอากับกระดาษครับ หนึ่งหน้าต่อหนึ่งกระดาษ A4 กว่าจะได้ครบทั้งระบบ เล่นเอาหมดกระดาษไปเกือบรีม 555 หลังจากนั้นเลยมองหา Application ที่จะเอาไว้ออกแบบแทน จนสุดท้ายมาลงตัวที่โปรแกรม Pencil Project Appลูกหลานของ Mozilla Firefox เค้าที่มีทั้งเวอร์ชั่นเป็น Add-ons ของ Firefox,Windows และ Linux ซึ่งมี User interface ที่ใช้งานง่าย ไม่ยุ่งยาก และที่สำคัญ App ประเภทนี้ส่วนใหญ่มักจะเสียเงิน แต่นี่ Free ครับ อันดับแรกเราต้องรู้จักกับความสามารถของเค้าครับ
Top features:
- Built-in stencils for diagraming and prototyping
- Multi-page document with background page
- Inter-page linkings!
- On-screen text editing with rich-text supports
- Exporting to HTML, PNG, Openoffice.org document, Word document and PDF.
- Undo/redo supports
- Installing user-defined stencils and templates
- Standard drawing operations: aligning, z-ordering, scaling, rotating…
- Cross-platforms
- Adding external objects
- Personal Collection
- Clipart Browser
- Object snapping
- Sketchy Stencil
จากนั้นก็เข้าไป Download ได้ที่
จากนั้นพอได้ ไฟล์มาก็ติดตั้งครับ
หน้าตาของโปรแกรมจะเป็นแบบนี้
หน้าตาโปรแกรม Pencil
ภาพที่หลังจากวาดมาแล้วก็จะได้หน้าตาแบบนี้นะครับ
เมื่อวาดแล้ว
หลังจากวาดเสร็จแล้วเราสามารถส่งออกมาเป็นไฟล์ png ได้เลยนะครับ เพื่อเอาไว้ใช้งานต่อไป
เอาละครับงั้นมาดู Video ที่ผมทำเอาไว้กันเลยดีกว่า จะได้เห็นภาพชัดเจนมากยิ่งขึ้น
คุณสามารถติดตามรับชมวิดีโออื่นๆได้ที่ teerapuchchanel
