สำหรับ Web Designer หรือ Web Developer ผู้สร้างเว็บไซต์ทุกคนต้องเคยมีประสบการณ์ในการสร้างหน้าตัวอย่างหรือ Mockup Website เพื่อส่งให้ลูกค้าดู ซึ่งเป็นขั้นตอนที่ค่อนข้างใช้เวลาพอสมควรในการที่จะจัดทำเนื้อหา และรูปภาพที่สวยงามพอดี วันนี้ผมมี 2 เครื่องมือสุดเจ๋งที่จะช่วยให้งานของเราง่ายกว่าเดิมครับ จะเป็นอะไรไปติดตามพร้อมๆกันเลย
Lipsum Text Generator เครื่องมือสร้างเนื้อหาจำลอง
Website : http://www.lipsum.com/
ในหนึ่งหน้าเว็บไซต์จะมีส่วนแสดงเนื้อหาข้อมูลมากมาย เพื่อไม่ต้องเสียเวลาในการหาเนื้อหาอื่นๆ หรือแต่งข้อมูลขึ้นมาใส่ เราสามารถสร้างเนื้อหาจำลอง หรือเรียกว่า dummy text จากเครื่องมือตัวนี้ได้เลย เพียงเข้าไปในเว็บไซต์และเลือกจำนวนคำที่ต้องการ เช่น 1 คำ, 1 ประโยค หรือ 1 ย่อหน้าก็ได้ จากนั้นก็ copy เนื้อหามาใส่ได้ตามต้องการ เพียงเท่านี้หน้าเว็บไซต์ของเราก็จะแสดงเนื้อหาได้อย่างสวยงาม
Placehold.it เครื่องมือสร้างรูปภาพตามขนาดที่ต้องการ
Website : http://placehold.it/
นอกจากเนื้อหาแล้วสิ่งที่สำคัญไม่แพ้กันก็คือรูปภาพ ในบางครั้งการออกแบบหน้าเว็บไซต์อาจต้องประกอบด้วยรูปภาพมากมาย และแต่ละส่วนของเว็บไซต์ก็มีภาพที่ขนาดแตกต่างกันไป การที่จะต้องจัดทำรูปภาพทั้งหมดเพื่อมาแสดงเป็นตัวอย่างนั้นอาจทำให้เสียเวลาไปมาก
ด้วยเครื่องมือตัวนี้เราสามารถสร้างรูปภาพได้ทุกขนาดตามที่ต้องการ วิธีการใช้งานก็ง่ายมากเพียงแค่ใส่ตัวเลขความกว้างกับความสูงที่ต้องการต่อท้ายจากชื่อเว็บไซต์
เช่น ต้องการภาพขนาด 500 x 200 ก็จะได้ url เป็น http://placehold.it/500×200 ดังภาพตัวอย่าง
เพียงเท่านี้เราก็จะได้ภาพตามขนาดที่ต้องการ ไม่ว่าจะกว้างยาวสูงแบบไหนก็เสกได้ทันที เป็นเครื่องมีที่สะดวกมากๆเลย
และทั้ง 2 ตัวนี้ก็เป็นเครื่องมือที่อยากจะมาแนะนำให้ทดลองใช้กันดูครับ เชื่อว่าจะช่วยให้การทำ Mockup Website เป็นเรื่องง่ายกว่าที่เคยแน่นอน
ขอบคุณที่ติดตามนะครับ สวัสดีครับ 🙂