เทมเพลต Android Mockup สำหรับต้นแบบแอป

เผยแพร่แล้ว: 2016-08-18

ม็อคอัพคือการแสดงภาพผลิตภัณฑ์ปลายทางแบบคงที่ ไม่ว่าจะเป็นเว็บไซต์หรือแอปพลิเคชันมือถือ โดยจะแสดงโครงสร้างของข้อมูล โทนสี การพิมพ์ และองค์ประกอบอื่นๆ ที่เกี่ยวข้องกับการออกแบบของผลิตภัณฑ์ ซึ่งสร้างต้นแบบขึ้นมา หากคุณกำลังจะเปิดตัวแอปสำหรับผู้ใช้ Android เทมเพลตจำลอง Android ต่อไปนี้จะช่วยให้คุณเริ่มต้นใช้งานต้นแบบได้ทันที คุณสามารถใช้ Android Mockup Tool ของเราเพื่อสร้างการออกแบบแอพ Android ที่น่าทึ่งได้อย่างรวดเร็ว

ตัวอย่างจำลอง Android เหล่านี้แสดงถึงอินเทอร์เฟซผู้ใช้ที่แตกต่างกันสำหรับแอปต่างๆ ที่ทำงานบนระบบปฏิบัติการ Android เทมเพลตหุ่นจำลอง Android ที่แสดงด้านล่างได้รับการออกแบบอย่างเชี่ยวชาญด้วย Creately คุณสามารถคลิกเทมเพลตเพื่อเปิดในตัวแก้ไขเพื่อทำการเปลี่ยนแปลงตามความต้องการของคุณหรือส่งออกเป็นเทมเพลต

  • เทมเพลต Android Mockup ของ Google Nexus App Drawer
  • เทมเพลต Android Mockup ของหน้าจอล็อก
  • เทมเพลต Android Mockup ของ Google Maps
  • เทมเพลต Android Mockup ของ Google Play Store
  • เทมเพลต Mockup ตัวจัดการการแจ้งเตือนของ Android
  • เทมเพลต Android Mockup สำหรับแอปติดต่อ
  • เทมเพลต Android Mockup ของแอพ Note Pad
  • เทมเพลต Android Mockup สำหรับแอพ Photo Store
  • แอปพลิเคชัน Android ใหม่พร้อม Social Signup
  • เทมเพลต Android Mockup สำหรับแอปปฏิทิน
  • เทมเพลต Android Mockup สำหรับแอพส่งข้อความ

เทมเพลต Android Mockup ของ Google Nexus App Drawer

เทมเพลตหุ่นจำลอง Android ด้านล่างออกแบบมาสำหรับ Google Nexus; มันแสดงเลย์เอาต์ของแอพในลิ้นชักแอพซึ่งเรียกอีกอย่างว่าถาดแอพ ในขณะที่ออบเจ็กต์เลย์เอาต์และการควบคุม UI มีให้ใช้งานในแอปโดยตรง คุณสามารถนำเข้าโลโก้ของแอพจากการค้นหาของ Google หรือ IconFinder ที่รวมเข้ากับแถบค้นหาได้ คลิกที่เทมเพลตเพื่อแก้ไขตามที่คุณต้องการ

เทมเพลต Android Mockup ของ Google Nexus App Drawer

คลิกที่ภาพเพื่อแก้ไขออนไลน์

เทมเพลต Android Mockup ของหน้าจอล็อก

นี่คือตัวอย่างจำลอง Android ของหน้าจอล็อกในโทรศัพท์ Samsung การควบคุม UI ทั้งหมดสำหรับอุปกรณ์ Samsung (ตั้งแต่ KitKat เป็นต้นไป) จะพร้อมใช้งานในแอป และวอลเปเปอร์หน้าจอล็อก คุณสามารถนำเข้าจาก Google ได้อย่างง่ายดาย หน้าจอหนึ่งแสดงหน้าจอเมื่อล็อกพร้อมการแจ้งเตือน ส่วนอีกหน้าจอแสดงการล็อกหน้าจอรูปแบบ คลิกที่ภาพเพื่อแก้ไขแม่แบบออนไลน์

เทมเพลต Android Mockup ของหน้าจอล็อก

คลิกที่ภาพเพื่อแก้ไขออนไลน์

เทมเพลต Android Mockup ของ Google Maps

เทมเพลตจำลอง Android ต่อไปนี้แสดง UI ของแอป Google Maps คุณสามารถค้นหาการควบคุม UI ตั้งแต่แผนที่ไปจนถึงไอคอนที่จำเป็น ไปจนถึงการออกแบบแอปการนำทาง เช่น Google Maps ใน Creately คลิกที่รูปภาพเพื่อทำการเปลี่ยนแปลงหรือส่งออกเป็นเทมเพลต

เทมเพลต Android Mockup ของ Google Maps

คลิกที่ภาพเพื่อแก้ไขออนไลน์

เทมเพลต Android Mockup ของ Google Play Store

เทมเพลต Android นี้แสดงอินเทอร์เฟซผู้ใช้ของ Google Play Store การออกแบบ UI ที่เน้นผู้ใช้เช่นเดียวกับ Google Play Store นั้นง่ายกว่าด้วย Creately เนื่องจากความพร้อมใช้งานของไอคอนและการควบคุม และความสามารถในการกำหนดค่าอัตโนมัติตามบริบท คลิกที่ภาพเพื่อเริ่มแก้ไข

เทมเพลต Android Mockup ของ Google Play Store

คลิกที่ภาพเพื่อแก้ไขออนไลน์

เทมเพลต Mockup ตัวจัดการการแจ้งเตือนของ Android

เทมเพลตจำลอง Android ต่อไปนี้คือตัวจัดการการแจ้งเตือน มันแสดงการแจ้งเตือนในแถบสถานะใน Google Nexus 6 คลิกเทมเพลตเพื่อเปิดในเครื่องมือแก้ไข เพื่อให้คุณสามารถทำการเปลี่ยนแปลงที่จำเป็น (เปลี่ยนหรือเพิ่มไอคอนแอป เปลี่ยนวอลเปเปอร์ ฯลฯ)

เทมเพลต Mockup ตัวจัดการการแจ้งเตือนของ Android

คลิกที่ภาพเพื่อแก้ไขออนไลน์

เทมเพลต Android Mockup สำหรับแอปติดต่อ

เทมเพลตจำลอง Android นี้แสดง UI แอปติดต่อใน Android Lollipop 5.1.1 การควบคุม UI ที่เกี่ยวข้องกับ Lollipop 5.0 และ Marshmallow 6.0 มีอยู่ในแอพ ไม่ว่าคุณจะสร้างแอปสำหรับ Android Lollipop หรือเวอร์ชันล่าสุด คุณก็สามารถทำได้ง่ายๆ ด้วย Creately

เทมเพลต Android Mockup สำหรับแอปติดต่อ

คลิกที่ภาพเพื่อแก้ไขออนไลน์

เทมเพลต Android Mockup ของแอพ Note Pad

เทมเพลตจำลอง Android ต่อไปนี้แสดง UI ของแอปจดบันทึก/แอปแผ่นจดบันทึก มีการใช้สัญลักษณ์ต่างๆ เพื่อระบุโน้ต 3 ประเภท และแต่ละโน้ตได้รับการกำหนดรหัสสีเพื่อเน้นย้ำและดึงดูดใจ หน้าจอด้านซ้ายแสดง UI ของโฮมเพจ และหน้าจอด้านขวาแสดง UI ของเพจ Personal Notes

คุณสามารถสร้างการเปลี่ยนหน้าจอระหว่างหน้าจอ UI หลายหน้าจอได้อย่างง่ายดายดังที่แสดงด้านล่าง คลิกที่ภาพเพื่อแก้ไขแม่แบบออนไลน์

เทมเพลต Android Mockup ของแอพ Note Pad

คลิกที่ภาพเพื่อแก้ไขออนไลน์

เทมเพลต Android Mockup สำหรับแอพ Photo Store

แบบจำลอง 3 รายการด้านล่างแสดงอินเทอร์เฟซผู้ใช้ของแอปเก็บรูปภาพ หน้าการโหลดแอพ หน้าลงชื่อเข้าใช้ และหน้าการจัดซื้อรูปภาพ หากคุณต้องการธีมสีอื่น คุณสามารถเลือกชุดสีจากชุดสีที่กำหนดไว้ล่วงหน้าในแอพ หรือเลือกด้วยตนเอง คลิกที่ภาพเพื่อเริ่มแก้ไข

เทมเพลต Android Mockup ของแอพ Photo Store

คลิกที่ภาพเพื่อแก้ไขออนไลน์

เทมเพลต Android Mockup สำหรับแอปพลิเคชันที่มี Social Signup

นี่คืออินเทอร์เฟซผู้ใช้ของแอพ Android ที่อนุญาตให้ผู้ใช้ลงชื่อเข้าใช้ด้วยบัญชีโซเชียลมีเดีย (Twitter, Facebook และ LinkedIn) ปุ่มและไอคอนโซเชียลมีเดียเพื่อสร้าง UI ที่คล้ายกันมีอยู่ในแอพ คลิกที่รูปภาพเพื่อส่งออกเป็นเทมเพลตหรือแก้ไขทางออนไลน์

แอปพลิเคชัน Android ใหม่พร้อม Social Signup

คลิกที่ภาพเพื่อแก้ไขออนไลน์

เทมเพลต Android Mockup สำหรับแอปปฏิทิน

นี่คือการจำลองปฏิทิน Android ปฏิทินรวมถึงการควบคุมที่เกี่ยวข้องจะพร้อมใช้งานในแอป และคุณสามารถปรับแต่งได้โดยใช้จานสีที่ต้องการซึ่งตรงกับแอปปฏิทินที่คุณกำลังออกแบบ คลิกรูปภาพเพื่อเปิดในโปรแกรมแก้ไขเพื่อทำการเปลี่ยนแปลงที่จำเป็น

เทมเพลต Android Mockup สำหรับแอปปฏิทิน

คลิกที่ภาพเพื่อแก้ไขออนไลน์

เทมเพลต Android Mockup สำหรับแอพส่งข้อความ

นี่คือเทมเพลตจำลอง Android ของอินเทอร์เฟซผู้ติดต่อสำหรับแอปส่งข้อความ การควบคุม UI เช่น ไอคอนผู้ติดต่อ เพื่อออกแบบแอพส่งข้อความมีอยู่ในแอพ คลิกที่รูปภาพเพื่อส่งออกรูปภาพเป็นเทมเพลต

เทมเพลต Android Mockup สำหรับแอพส่งข้อความ

คลิกที่ภาพเพื่อแก้ไขออนไลน์

รายการด้านบนเป็นเพียงเทมเพลตจำลอง Android บางส่วนที่มีอยู่ใน Creately ตรวจสอบ หน้า ตัวอย่างจำลอง Android เพื่อดูตัวอย่างจำลอง Android เพิ่มเติม อย่าลืมเช็คอินเป็นครั้งคราว เพราะเราเพิ่มตัวอย่างใหม่ๆ บ่อยๆ

เทมเพลตไดอะแกรมเพิ่มเติม

  • ใช้เทมเพลตไดอะแกรมกรณี
  • เทมเพลตไดอะแกรมก้างปลา
  • แม่แบบแผนที่ความคิด
  • เทมเพลตแบบจำลองกระบวนการทางธุรกิจ
  • เทมเพลตกระดานเรื่องราว
  • เทมเพลตไดอะแกรมเครือข่าย
  • เทมเพลตแผนภาพเวนน์
  • เทมเพลตแผนภูมิ KWL
  • แม่แบบโครงสร้างการแบ่งงาน
  • เทมเพลตการวิเคราะห์ SWOT
  • เทมเพลตไดอะแกรมคลาส
  • เทมเพลตไดอะแกรม ER
  • เทมเพลตไดอะแกรมลำดับ
  • เทมเพลตแผนผังองค์กร
  • แม่แบบแผนภูมิแกนต์
  • เทมเพลตไดอะแกรมกิจกรรม
  • เทมเพลตไดอะแกรมการทำให้ใช้งานได้
  • เทมเพลตไดอะแกรมสถาปัตยกรรม AWS
  • เทมเพลต UI จำลอง
  • เทมเพลตของซิสโก้
  • เทมเพลตแผนผังเว็บไซต์
  • เทมเพลตไดอะแกรมการไหลของข้อมูล