Wireframe เครื่องมือฟรี ช่วยออกแบบโครงสร้างเว็บไซต์ให้เป็นมาตรฐาน
1. Mockingbird | mockingbird.com
Mockingbird เป็นเครื่องมือหนึ่งที่ใช้ออกแบบโครสร้างเว็บไซต์ในรูปแบบ Cappuccino wireframe ดั่งนี้
- สามารถสร้าง และออกแบบโครงสร้างเว็บไซต์ของเราได้ง่ายๆ ด้วยคลิก ลาก วาง ได้เลย
- สามารถทำการเชื่อมโยงโครงสร้างต่างๆของเว็บไซต์เข้าด้วยกัน
- สามารถแสดงผลการออกแบบ
- สามารถที่จะแชร์โคร้างเว็บไซต์ให้กับลูกค้า หรือเพื่อนร่วมงาน
Mockingbird เป็นเครื่องมือที่อยู่บนเว็บไซต์ซึ่งคุณสามารถออกแบบและทำมันได้ทุกๆที่ที่คุณต้องการจะทำ และสามารถแบ่งปันให้กับเพื่อนๆ หรือลูกค้าของคุณได้ ที่สำคัญคุณสามารถใช้ Mockingbirdได้เลยไม่ต้องเสียเงิน

mockingbird
—
2. Lovely Charts | lovelycharts.com
Lovely Charts เป็นหนึ่งในเครื่องมือที่ใช้ออกแบบโครงสร้างเว็บไซต์แบบออนไลน์ มันสามารถออกแบบ Flowcharts , Sitemaps , Network diagrams , People diagrams , Wireframes
ในการใช้งานก็เหมือนโปรแกรมออกแบบบน PC ปกติ แต่ต้องสมัครเป็นสมาชิกก่อนเพื่อที่จะ Login เข้าไปใช้งานบนเว็บไซต์ ในการสร้าง Diagram ต่างๆสามารถได้ง่ายๆ ด้วยการคลิก ลาก ว่าง สามารถใช้ Key ลัดได้เหมือนกับ PC หากคุณมี Diagram ของคุณอยู่แล้วบนเครื่อง PC ของคุณ คุณก็สามารถ Import Diagram นั้นเข้ามาได้เลย เมื่อสร้างเสร็จก็สามารถ save เก็บไว้ใน Profile user ของคุณได้ หรือคุณจะเลือก export ไฟล์มาเก็บไว้บนเครื่องของคุณก็ทำได้เช่นกัน
คุณสามารถใช้งาน Lovely Charts ได้ฟรีเพียงแค่คุณสมัครเป็นสมาชิกของเว็บไซต์ ซึ่งเหมาะมากสำหรับผู้ที่กำลังหาโปรแกรมออกแบบ Diagram ฟรี แถมยังไม่ต้องเสียเวลาติดตั้งลงบนเครื่อง

lovely-chart
—
3. Cacoo | cacoo.com
Cacoo เป็นเครื่องมือหนึ่ง ที่ใช้ออกแบบโครงสร้างเว็บไซต์แบบออนไลน์ มันสามารถสร้างแผนภาพได้หลากหลาย ทั้ง Sitemaps , Flowcharts , Network diagrams , Wireframes , Mind maps , UML , วงจรอิเล็กทรอนิกส์ เป็นต้น
สำหรับการใช้งาน ก่อนอื่นจะต้องสมัครเป็นสมาชิกของเว็บไซต์ก่อนเพื่อ Login เข้าใช้งาน จุดเด่นของ Cacoo ก็คือ
- สามารถสร้างแผนภาพได้อย่างง่ายดายเพียงแค่เลือกวัตถุที่ต้องการแล้วลากมาวางบนพื้นที่ทำงานเป็นอันเสร็จ
- มีรูปร่างสำเร็จรูปให้เลือกมากมายเพื่ออำนวยความสะดวกแก่ผู้ใช้
- การจัดวางวัตถุให้เข้าองค์ประกอบกับวัตถุชิ้นอื่นทำได้ง่าย
- ในแต่ละแผนภาพสามารถสร้างเอกสารเพิ่มได้หลายแผ่น
- สามารถเรียกดูประวัติการแก้ไขแผนภาพได้
- แผนภาพที่สร้างด้วย Cacoo สามารถฝังลงบล็อกและ Wiki ได้ เมื่อแก้ไขแผนภาพใน Cacoo แล้วภาพที่ฝังลงไปจะเปลี่ยนตามทันที
- สามารถแบ่งปันแผนภาพให้กับใครก็ได้ไม่ว่าจะเป็นทีมงาน ลูกค้า หรือคนอื่นที่ไม่รู้จักก้อตาม
- สามารถใช้งานแผนภาพร่วมกับผู้อื่นได้ไปพร้อมๆกัน ไม่ว่าจะเป็นการแก้ไขแผนภาพร่วมกันกับผู้อื่นก็ทำได้
- สามารถสนทนากับทีมงาน หรือผู้อื่นได้

cacoo
—
4. Gliffy | gliffy.com
Gliffy เป็นโปรแกรมบนเว็บไซต์ที่ใช้ออกแบบแผนภาพได้หลายหลากหลาย เช่น Wireframes , Flowcharts , Network diagrams , Sitemaps , UML , Org charts , SWOT Analysis เป็นต้น
ในการสร้างแผนภาพ แค่นำเมาส์ไปคลิกตรงวัตถุที่ต้องการแล้วลากมาวางบนพื้นที่ทำงาน สามารถปรับแต่งขนาดของวัตถุนั้นได้ตามความต้องการ และสามารถแทรกข้อความลงไปได้ หากมีโลโก้ หรือไอคอนใดๆก็สามารถ Import เข้าไปได้เช่นกัน ส่วนเครื่องมือช่วยสร้างก็จะมีเหมือนกับโปรแกรมสร้างแผนภาพบน PC ทั่วๆไป เมื่อสร้างเสร็จสามารถจัดเก็บได้ และสามารถ Export ออกเป็นไฟล์ต่างๆได้ เช่น JPG , PNG , SVG เป็นต้น เมื่อทำการจัดเก็บเรียบร้อย สามารถนำผลงานที่ทำเสร็จแบ่งปันให้กับทีมงาน หรือลูกค้าได้เลย
ความสามารถของโปรแกรมนี้ส่วนใหญ่ถูกล๊อคเอาไว้ซึ่งจะต้องสมัครเป็นสมาชิกของเว็บไซต์ก่อนจึงสามารถใช้โปรแกรมได้อย่างเต็มที่ โปรแกรมนี้เป็นโปรแกรมฟรีจึงไม่ต้องออกค่าใช้จ่ายใดๆในการสมัคร

gliffy
—
5. Lumzy | lumzy.com
Lumzy เป็นหนึ่งในโปรแกรมที่ใช้ออกแบบโครงสร้างของเว็บไซต์ที่ใช้งานบนเว็บไซต์ ด้วย Lumzy ทำให้การออกแบเว็บไซต์เป็นเรื่องง่าย เพียงแค่คลิก ลาก วาง แค่นั้นก็สามารถสร้างรูปแบบเว็บไซต์ได้แล้ว ซึ่งมีรูปร่างสำเร็จรูปที่ใช้ออกแบบเว็บไซต์มากมายให้เลือก ไม่เพียงแต่ออกแบบเว็บไซต์ได้เท่านั้น Lumzy ยังสามารถปรับแต่งภาพได้อีกด้วย ซึ่งรูปภาพก็สามารถเลือกเอาจากในเครื่อง PC ได้เลย มีการเก็บประวัติการแก้ไขของชิ้นงานเพื่อที่จะสามารถย้อนกลับไปแก้ไขในส่วนที่ต้องการได้ ในระหว่างสร้างก็สามารถ Chat พูดคุยกับผู้อื่นได้ เมื่อสร้างเสร็จแล้วก็สามารถจัดเก็บชิ้นงานได้เลยในบัญชีของตัวเอง หรือ Export ชิ้นงานออกมาเก็บไว้ในเครื่อง PC ก็ทำได้เช่นกัน สามารถแชร์ผลงานที่สร้างเสร็จให้กับผู้อื่นได้ไม่ว่าจะเป็นลูกค้า หรือเพื่อนร่วมงาน
ความสามารถของโปรแกรมนี้ส่วนใหญ่ถูกล๊อคเอาไว้ซึ่งจะต้องสมัครเป็นสมาชิกของเว็บไซต์ก่อนจึงสามารถใช้โปรแกรมได้อย่างเต็มที่ โปรแกรมนี้เป็นโปรแกรมฟรีจึงไม่ต้องออกค่าใช้จ่ายใดๆในการสมัคร

Lumzy
—
อ่านต่อ : Wireframe เครื่องมือฟรี ช่วยออกแบบโครงสร้างเว็บไซต์ให้เป็นมาตรฐาน ตอนที่ 2