สร้างม็อกอัปเว็บไซต์พร้อมมุมมองมือถือและเดสก์ท็อป
เครื่องมือสร้างม็อกอัปเว็บไซต์
สร้างม็อกอัปเว็บไซต์ฟรี: ไวร์เฟรมและกรอบอุปกรณ์ | We.Inc
วางแผนหน้าเว็บเป็นไวร์เฟรมพร้อมมุมมองเดสก์ท็อปและมือถือ หรือใส่ภาพหน้าจอลงในกรอบเบราว์เซอร์ แล็ปท็อป หรือโทรศัพท์ ส่งออก PNG หรือพิมพ์เป็น PDF ฟรีในเบราว์เซอร์
มีสองเครื่องมือในหน้าเดียว โหมดไวร์เฟรมใช้วางแผนหน้าเว็บ: เลือกส่วนต่าง ๆ จัดลำดับ แล้วเปรียบเทียบเลย์เอาต์เดสก์ท็อปกับมือถือ โหมดกรอบอุปกรณ์ใช้แสดงดีไซน์ที่เสร็จแล้ว: อัปโหลดภาพหน้าจอแล้วใส่ในหน้าต่างเบราว์เซอร์หรือกรอบโทรศัพท์เพื่อใช้ในข้อเสนอหรืองานโพสต์ ทั้งสองโหมดส่งออก PNG และทำงานในเบราว์เซอร์ ไม่มีการอัปโหลดภาพหน้าจอของคุณ
- โหมดไวร์เฟรม: เลือกส่วนที่หน้าต้องมี เลื่อนขึ้นหรือลง แล้วสลับระหว่างเดสก์ท็อปกับมือถือ บนมือถือคอลัมน์จะซ้อนกันเหมือนเว็บไซต์ที่ปรับตามหน้าจอส่วนใหญ่
- ส่งออกไวร์เฟรมเป็น PNG หรือพิมพ์แล้วเลือกบันทึกเป็น PDF
- โหมดกรอบอุปกรณ์: อัปโหลดภาพหน้าจอ PNG, JPG หรือ WebP (สูงสุด 15 MB และด้านละ 8,000 พิกเซล) เลือกกรอบหน้าต่างเบราว์เซอร์หรือโทรศัพท์ สีพื้นหลัง และป้ายข้อความบนแถบที่อยู่ได้ตามต้องการ
- ระบบวาดภาพลงบน canvas ในเบราว์เซอร์และส่งออก PNG ที่ความละเอียดหน้าจอ 2 เท่า
- เมื่อโครงสร้างลงตัวแล้ว ส่งแผนส่วนต่าง ๆ ไปยังตัวสร้างเว็บไซต์ We.Inc เพื่อใช้เป็นบรีฟตั้งต้น
- เริ่มด้วยส่วนหลัก บอกว่าคุณทำอะไรและเหมาะกับใครในบรรทัดเดียว
- วางหลักฐาน (รีวิว โลโก้ ตัวอย่างงาน) ไว้ใกล้ปุ่มแรก ซึ่งเป็นจุดที่ผู้ใช้ตัดสินใจว่าจะเชื่อถือคุณไหม
- ตรวจไวร์เฟรมบนมือถือก่อน ผู้เข้าชมเว็บไซต์ธุรกิจขนาดเล็กส่วนใหญ่มาจากโทรศัพท์
- สำหรับกรอบอุปกรณ์ ให้จับภาพหน้าจอตามความกว้างที่กรอบต้องการ: ประมาณ 1440 พิกเซลสำหรับเบราว์เซอร์ และ 390 สำหรับโทรศัพท์
- ระบุว่าม็อกอัปเป็นภาพจำลองเมื่อแชร์ เพื่อไม่ให้ใครเข้าใจว่าเป็นเว็บไซต์จริงที่เปิดใช้งานแล้ว
คำถามที่พบบ่อย
ไวร์เฟรมกับม็อกอัปต่างกันอย่างไร
ไวร์เฟรมคือแผนภาพกล่องสีเทาที่แสดงตำแหน่งของเนื้อหา ส่วนม็อกอัปแสดงหน้าตาที่เสร็จแล้ว ซึ่งมักอยู่ในกรอบอุปกรณ์ เครื่องมือนี้ทำได้ทั้งสองอย่างในคนละโหมดและระบุประเภทไว้ในไฟล์ส่งออก
ภาพหน้าจอของฉันถูกอัปโหลดไหม
ไม่ เบราว์เซอร์อ่านภาพและวาดลงบนหน้าจอในเครื่อง ไม่มีการส่งข้อมูลไปยัง We.Inc หรือที่อื่น
จับภาพหน้าจอเว็บไซต์จริงในเครื่องมือนี้ได้ไหม
ไม่ได้ การจับภาพเว็บไซต์อื่นต้องใช้เซิร์ฟเวอร์ที่เปิดเบราว์เซอร์ ซึ่งเครื่องมือฟรีนี้ไม่มี ให้จับภาพด้วยตัวเองแล้วอัปโหลด เครื่องมือสำหรับนักพัฒนาในเบราว์เซอร์ของคุณจับภาพเต็มหน้าได้
ส่งออกเป็น PDF ได้ไหม
ได้ ใช้คำสั่งพิมพ์แล้วเลือกบันทึกเป็น PDF แทนเครื่องพิมพ์ ส่วนไฟล์ส่งออก PNG เป็นรูปภาพ
เครื่องมือสร้างม็อกอัปเว็บไซต์นี้ใช้ฟรีไหม
ฟรี ไม่ต้องสมัครสมาชิก ไม่มีลายน้ำและไม่จำกัดจำนวน
วางแผนบนมือถือ แล้วนำเสนอผ่านเดสก์ท็อป
- เลย์เอาต์ที่สมดุลบนจอกว้างมักกลายเป็นหน้าที่ยาวเมื่อลงบนโทรศัพท์: คอลัมน์ฟีเจอร์สามคอลัมน์เรียงซ้อนกัน และตารางราคาดันแบบฟอร์มติดต่อไปอยู่ล่างมาก การสลับไวร์เฟรมเป็นมุมมองมือถือช่วยให้เห็นปัญหาตั้งแต่เนิ่น ๆ ตอนที่ยังย้ายส่วนต่าง ๆ ได้ด้วยคลิกเดียว
- กรอบอุปกรณ์เหมาะกับช่วงท้ายของงาน: ใช้แสดงให้ลูกค้าหรือผู้ชมโซเชียลเห็นว่าหน้าสำเร็จรูปมีหน้าตาอย่างไร ภาพหน้าจอธรรมดาในกรอบสะอาดตามักเพียงพอแล้ว
เริ่มต้นฟรี · ไม่ต้องใช้บัตรเครดิต
Product
Who It's For
Features
Resources
Company
View Sitemap