{"id":13595,"date":"2016-08-18T19:18:07","date_gmt":"2016-08-18T08:18:07","guid":{"rendered":"https:\/\/creately.com\/blog\/?p=13595"},"modified":"2025-10-29T15:41:41","modified_gmt":"2025-10-29T04:41:41","slug":"android-mockup-templates","status":"publish","type":"post","link":"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/","title":{"rendered":"Android Mockup Templates for App Prototypes"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div><p><span style=\"font-weight: 400;\">A mockup is a static visualization of an end product, be it a website or a mobile application. It shows the structure of information, color scheme, typography and other design related elements of the product, upon which the prototype is created. If you are about to launch an app for Android users, the following Android mockup templates will definitely help you get started right away with its prototype. You can use our Android <a href=\"https:\/\/creately.com\/lp\/mock-up-generator\/\">Mockup Tool<\/a> to quickly create stunning Android app designs.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These Android <a href=\"https:\/\/creately.com\/diagram-community\/popular\/t\/wireframe\">mockup examples<\/a> represent different user interfaces for various apps that run on Android OS. The android mockup templates listed below are expertly designed with Creately. You can simply click the template to open it in the editor to make changes according to your requirements or export it as a template. <\/span><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\"><a style=\"line-height: 1.5;\" href=\"#App Drawer\">Android Mockup Template of Google Nexus App Drawer<\/a><\/span><\/li>\n<li><a style=\"line-height: 1.5;\" href=\"#Lock Screen\">Android Mockup Template of a Lock Screen<\/a><\/li>\n<li><a style=\"line-height: 1.5;\" href=\"#Google Maps\">Android Mockup Template of Google Maps<\/a><\/li>\n<li><span style=\"font-weight: 400;\"><a style=\"line-height: 1.5;\" href=\"#Play Store\">Android Mockup Template of Google Play Store<\/a><\/span><\/li>\n<li><span style=\"font-weight: 400;\"><a style=\"line-height: 1.5;\" href=\"#Notification\">Android Notification Manager Mockup Template<\/a><\/span><\/li>\n<li><a style=\"line-height: 1.5;\" href=\"#Contact\">Android Mockup Template for Contact Apps<\/a><\/li>\n<li><span style=\"font-weight: 400;\"><a style=\"line-height: 1.5;\" href=\"#Note\">Android Mockup Template of a Note Pad App<\/a><\/span><\/li>\n<li><span style=\"font-weight: 400;\"><a style=\"line-height: 1.5;\" href=\"#Photo\">Android Mockup Template for Photo Store Apps<\/a><\/span><\/li>\n<li><a style=\"line-height: 1.5;\" href=\"#Social\">New Android Application with Social Signup<\/a><\/li>\n<li><a style=\"line-height: 1.5;\" href=\"#Calendar\">Android Mockup Template for Calendar Apps<\/a><\/li>\n<li><a style=\"line-height: 1.5;\" href=\"#Messaging\">Android Mockup Template for Messaging Apps<\/a><\/li>\n<\/ul>\n<h3><a name=\"App Drawer\"><\/a>Android Mockup Template of Google Nexus App Drawer<\/h3>\n<p><span style=\"font-weight: 400;\">The <a href=\"https:\/\/creately.com\/diagram-community\/popular\/t\/android-mockups\">android mockup template<\/a> below is designed for Google Nexus; it shows the layout of apps in an app drawer which is also known as an app tray. While layout objects and UI controls are available directly in the app, you can import the app logos from Google search or IconFinder integrated with the search bar. Click on the template to edit it as you want.<\/span><\/p>\n<div id=\"attachment_13596\" style=\"width: 425px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/creately.com\/creately-start?tempID=irnbfqlp3\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13596\" class=\"wp-image-13596 size-full\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2016\/08\/New-Google-Nexus-App-Drawer-Android-Mockup.png\" alt=\"Android Mockup Template of Google Nexus App Drawer \" width=\"415\" height=\"685\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Google-Nexus-App-Drawer-Android-Mockup.png 415w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Google-Nexus-App-Drawer-Android-Mockup-182x300.png 182w\" sizes=\"auto, (max-width: 415px) 100vw, 415px\" \/><\/a><p id=\"caption-attachment-13596\" class=\"wp-caption-text\">Click the image to modify it online<\/p><\/div>\n<h3><a name=\"Lock Screen\"><\/a>Android Mockup Template of a Lock Screen<\/h3>\n<p>Here is an Android mockup example of a lock screen in a Samsung phone. All UI controls for Samsung devices (from KitKat onward) are available in the app, and the lock screen wallpaper, you can import from Google easily. One screen shows the lock screen with notifications, and the other shows a pattern screen lock. Click the image to modify the template online.<\/p>\n<div id=\"attachment_13597\" style=\"width: 775px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/creately.com\/creately-start?tempID=irn8jp8x1\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13597\" class=\"wp-image-13597 size-full\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2016\/08\/New-Android-Lock-Screen-Mockup-Template.png\" alt=\"Android Mockup Template of a Lock Screen\" width=\"765\" height=\"630\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Android-Lock-Screen-Mockup-Template.png 765w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Android-Lock-Screen-Mockup-Template-300x247.png 300w\" sizes=\"auto, (max-width: 765px) 100vw, 765px\" \/><\/a><p id=\"caption-attachment-13597\" class=\"wp-caption-text\">Click the image to edit it online<\/p><\/div>\n<h3><a name=\"Google Maps\"><\/a>Android Mockup Template of Google Maps<\/h3>\n<p><span style=\"font-weight: 400;\">The following Android mockup template shows the UI of Google maps app. You can find UI controls, from maps to necessary icons, to design navigation apps like Google maps in Creately. Click on the image to make changes or export it as a template.<\/span><\/p>\n<div id=\"attachment_13598\" style=\"width: 390px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/creately.com\/creately-start?tempID=irmxtp6e3\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13598\" class=\"wp-image-13598 size-full\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2016\/08\/New-Google-Maps-Mockup-Template.png\" alt=\"Android Mockup Template of Google Maps\" width=\"380\" height=\"670\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Google-Maps-Mockup-Template.png 380w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Google-Maps-Mockup-Template-170x300.png 170w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/><\/a><p id=\"caption-attachment-13598\" class=\"wp-caption-text\">Click the image to modify it online<\/p><\/div>\n<h3><a name=\"Play Store\"><\/a>Android Mockup Template of Google Play Store<\/h3>\n<p><span style=\"font-weight: 400;\">This Android Template shows the user interface of Google Play Store. Designing a user-oriented UI like that of Google Play Store is easier with Creately because of the availability of icons and controls and their ability to autoconfigure themselves according to the context. Click the image to start modifying.<\/span><\/p>\n<div id=\"attachment_13599\" style=\"width: 445px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/creately.com\/creately-start?tempID=irrltt5t1\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13599\" class=\"wp-image-13599 size-full\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2016\/08\/New-Google-Play-Store-Android-Mockup.png\" alt=\"Android Mockup Template of Google Play Store\" width=\"435\" height=\"615\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Google-Play-Store-Android-Mockup.png 435w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Google-Play-Store-Android-Mockup-212x300.png 212w\" sizes=\"auto, (max-width: 435px) 100vw, 435px\" \/><\/a><p id=\"caption-attachment-13599\" class=\"wp-caption-text\">Click the image to modify it online<\/p><\/div>\n<h3><a name=\"Notification\"><\/a>Android Notification Manager Mockup Template<\/h3>\n<p><span style=\"font-weight: 400;\">The following Android mockup template is the Notification Manager; it shows status bar notifications in a Google Nexus 6. Click the template to open it in the editor so you can make the necessary changes (change or add app icons, change wallpaper etc.).<\/span><\/p>\n<div id=\"attachment_13600\" style=\"width: 410px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/creately.com\/creately-start?tempID=irn8jp8x2\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13600\" class=\"wp-image-13600 size-full\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2016\/08\/New-Android-Notification-Manager-Mockup.png\" alt=\"Android Notification Manager Mockup Template\" width=\"400\" height=\"685\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Android-Notification-Manager-Mockup.png 400w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Android-Notification-Manager-Mockup-175x300.png 175w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><p id=\"caption-attachment-13600\" class=\"wp-caption-text\">Click the image to modify it online<\/p><\/div>\n<h3><a name=\"Contact\"><\/a>Android Mockup Templates for Contact Apps<\/h3>\n<p><span style=\"font-weight: 400;\">This Android mockup template shows the Contact app UI in Android Lollipop 5.1.1. UI controls related to Lollipop 5.0 as well as Marshmallow 6.0 are available in the app. Whether you are creating an app for Android Lollipop or the latest version, you can do it easily with Creately.<\/span><\/p>\n<div id=\"attachment_13601\" style=\"width: 822px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/creately.com\/creately-start?tempID=iptjoj5x1\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13601\" class=\"wp-image-13601 size-full\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2016\/08\/New-Contacts-App-Android-Mockup.png\" alt=\"Android Mockup Templates for Contact Apps \" width=\"812\" height=\"584\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Contacts-App-Android-Mockup.png 812w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Contacts-App-Android-Mockup-300x216.png 300w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Contacts-App-Android-Mockup-768x552.png 768w\" sizes=\"auto, (max-width: 812px) 100vw, 812px\" \/><\/a><p id=\"caption-attachment-13601\" class=\"wp-caption-text\">Click the image to modify it online<\/p><\/div>\n<h3><a name=\"Note\"><\/a>Android Mockup Template of a Note Pad App<\/h3>\n<p><span style=\"font-weight: 400;\">The following Android mockup template shows the UI of a note taking app\/ note pad app. Different symbols have been used to indicate 3 kinds of notes and each note has been color coded for emphasis and appeal. The screen on the left shows the UI of the home page, and the screen on the right shows the UI of the Personal Notes page. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can easily create screen transitions between multiple UI screens like shown below. \u00a0Click on the image to edit the template online.<\/span><\/p>\n<div id=\"attachment_13602\" style=\"width: 710px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/creately.com\/creately-start?tempID=idu2ddbd2\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13602\" class=\"wp-image-13602 size-full\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2016\/08\/New-Note-Pad-App-Mockup-Template.png\" alt=\"Android Mockup Template of a Note Pad App\" width=\"700\" height=\"616\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Note-Pad-App-Mockup-Template.png 700w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Note-Pad-App-Mockup-Template-300x264.png 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><p id=\"caption-attachment-13602\" class=\"wp-caption-text\">Click the image to modify it online<\/p><\/div>\n<h3><a name=\"Photo\"><\/a>Android Mockup Templates\u00a0for\u00a0Photo Store Apps<\/h3>\n<p><span style=\"font-weight: 400;\">The 3 mock-ups below show the user interfaces of a photo store app; the app loading page, Sign in page and the Photo Purchasing page. \u00a0If you prefer a different color theme, you can pick one from the preset color palettes in the app, or select one manually. Click the image to start editing.<\/span><\/p>\n<div id=\"attachment_13603\" style=\"width: 1107px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/creately.com\/creately-start?tempID=idu2ddbd1\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13603\" class=\"wp-image-13603 size-full\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2016\/08\/New-Photo-Store-Android-App-Mcokup-Template-.png\" alt=\"Android Mockup Template of a Photo Store App\" width=\"1097\" height=\"615\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Photo-Store-Android-App-Mcokup-Template-.png 1097w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Photo-Store-Android-App-Mcokup-Template--300x168.png 300w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Photo-Store-Android-App-Mcokup-Template--768x431.png 768w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Photo-Store-Android-App-Mcokup-Template--1024x574.png 1024w\" sizes=\"auto, (max-width: 1097px) 100vw, 1097px\" \/><\/a><p id=\"caption-attachment-13603\" class=\"wp-caption-text\">Click the image to modify it online<\/p><\/div>\n<h3><a name=\"Social\"><\/a>Android Mockup Templates for Applications with Social Signup<\/h3>\n<p>Here is the User Interface of an Android app that lets users sign in with their social media accounts (Twitter, Facebook and LinkedIn). The social media buttons and icons to create a similar UI are available in the app. Click the image to export it as a template or edit it online.<\/p>\n<div id=\"attachment_13604\" style=\"width: 390px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/creately.com\/creately-start?tempID=irmxtp6e2\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13604\" class=\"wp-image-13604 size-full\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2016\/08\/New-Android-Application-with-Social-Signup-.png\" alt=\"New Android Application with Social Signup\" width=\"380\" height=\"670\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Android-Application-with-Social-Signup-.png 380w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Android-Application-with-Social-Signup--170x300.png 170w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/><\/a><p id=\"caption-attachment-13604\" class=\"wp-caption-text\">Click the image to modify it online<\/p><\/div>\n<h3><a name=\"Calendar\"><\/a>Android Mockup Templates for Calendar Apps<\/h3>\n<p><span style=\"font-weight: 400;\">This is an Android <a href=\"https:\/\/creately.com\/diagram\/example\/irvsiqa91\/Android+Calendar+Mockup\">calendar mockup<\/a>. The calendar including the relevant controls are readily available in the app, and you can customize them using a preferred color palette that matches the calendar app you are designing. Click the image to open it in the editor to make the necessary changes.<\/span><\/p>\n<div id=\"attachment_13605\" style=\"width: 420px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/creately.com\/creately-start?tempID=irvsiqa91\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13605\" class=\"wp-image-13605 size-full\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2016\/08\/New-Android-Calendar-Mockup.png\" alt=\"Android Mockup Templates for Calendar Apps \" width=\"410\" height=\"685\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Android-Calendar-Mockup.png 410w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Android-Calendar-Mockup-180x300.png 180w\" sizes=\"auto, (max-width: 410px) 100vw, 410px\" \/><\/a><p id=\"caption-attachment-13605\" class=\"wp-caption-text\">Click the image to modify it online<\/p><\/div>\n<h3><a name=\"Messaging\"><\/a>Android Mockup Templates for Messaging Apps<\/h3>\n<p>This here is an Android mockup template of a contacts interface for a messaging app. The UI controls, such as contact icons, to design a messaging app are available in the app. Click the image to export the image as a template.<\/p>\n<div id=\"attachment_13606\" style=\"width: 390px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/creately.com\/creately-start?tempID=irvxv1nq1\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13606\" class=\"wp-image-13606 size-full\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2016\/08\/New-Android-Messaging-App-1.png\" alt=\"Android Mockup Templates for Messaging Apps\" width=\"380\" height=\"670\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Android-Messaging-App-1.png 380w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Android-Messaging-App-1-170x300.png 170w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/><\/a><p id=\"caption-attachment-13606\" class=\"wp-caption-text\">Click the image to modify it online<\/p><\/div>\n<p><span style=\"font-weight: 400;\">Listed above are only a few Android mockup templates available in Creately. Do check<\/span><a href=\"https:\/\/creately.com\/diagram-community\/examples\/t\/android-mockups\"> <span style=\"font-weight: 400;\">Android mockup examples<\/span><\/a><span style=\"font-weight: 400;\"> page for more Android mockup examples. Remember to check in occasionally, for we add new examples frequently.<\/span><\/p>\n<h3>More Diagramming Templates<\/h3>\n<ul>\n<li><a title=\"Use Case Diagram Templates\" href=\"https:\/\/creately.com\/blog\/examples\/use-case-templates-uml\/\" target=\"_blank\" rel=\"noopener noreferrer\">Use Case Diagram Templates<\/a><\/li>\n<li><a title=\"Fishbone diagram templates\" href=\"https:\/\/creately.com\/blog\/examples\/fishbone-diagram-templates\/\" target=\"_blank\" rel=\"noopener noreferrer\">Fishbone Diagram Templates<\/a><\/li>\n<li><a title=\"Mind map templates\" href=\"https:\/\/creately.com\/blog\/examples\/mind-map-examples-creately\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mind Map Templates<\/a><\/li>\n<li><a title=\"Business process model templates\" href=\"https:\/\/creately.com\/blog\/examples\/bpmn-templates-model-processes\/\" target=\"_blank\" rel=\"noopener noreferrer\">Business Process Model Templates<\/a><\/li>\n<li><a title=\"Storyboard templates\" href=\"https:\/\/creately.com\/blog\/examples\/storyboard-templates-creately\/\" target=\"_blank\" rel=\"noopener noreferrer\">Storyboard Templates<\/a><\/li>\n<li><a title=\"Network diagram templates\" href=\"https:\/\/creately.com\/blog\/examples\/network-diagram-templates-creately\/\" target=\"_blank\" rel=\"noopener noreferrer\">Network Diagram Templates<\/a><\/li>\n<li><a title=\"Venn diagram templates\" href=\"https:\/\/creately.com\/blog\/examples\/venn-diagram-templates-examples\/\" target=\"_blank\" rel=\"noopener noreferrer\">Venn Diagram Templates<\/a><\/li>\n<li><a title=\"KWL chart templates\" href=\"https:\/\/creately.com\/guides\/kwl-chart-examples\/\" target=\"_blank\" rel=\"noopener noreferrer\">KWL Chart Templates<\/a><\/li>\n<li><a title=\"WBS templates\" href=\"https:\/\/creately.com\/blog\/examples\/work-breakdown-structure-templates\/\" target=\"_blank\" rel=\"noopener noreferrer\">Work Breakdown Structure Templates<\/a><\/li>\n<li><a title=\"SWOT analysis templates\" href=\"https:\/\/creately.com\/blog\/examples\/swot-analysis-templates-creately\/\" target=\"_blank\" rel=\"noopener noreferrer\">SWOT Analysis Templates<\/a><\/li>\n<li><a title=\"Class Diagram templates\" href=\"https:\/\/creately.com\/blog\/examples\/class-diagram-templates\/\" target=\"_blank\" rel=\"noopener noreferrer\">Class Diagram Templates<\/a><\/li>\n<li><a title=\"ER Diagram templates\" href=\"https:\/\/creately.com\/blog\/examples\/er-diagram-templates\/\" target=\"_blank\" rel=\"noopener noreferrer\">ER Diagram Templates<\/a><\/li>\n<li><a title=\"Sequence Diagram Templates\" href=\"https:\/\/creately.com\/blog\/examples\/sequence-diagram-templates\/\" target=\"_blank\" rel=\"noopener noreferrer\">Sequence Diagram Templates<\/a><\/li>\n<li><a title=\"Organization Chart Templates\" href=\"https:\/\/creately.com\/blog\/examples\/organizational-chart-templates\/\" target=\"_blank\" rel=\"noopener noreferrer\">Organization Chart Templates<\/a><\/li>\n<li><a title=\"Gantt Chart Templates\" href=\"https:\/\/creately.com\/blog\/examples\/gantt-chart-templates\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gantt Chart Templates<\/a><\/li>\n<li><a title=\"Activity Diagram Template\" href=\"https:\/\/creately.com\/blog\/examples\/activity-diagram-templates\/\" target=\"_blank\" rel=\"noopener noreferrer\">Activity Diagram Templates<\/a><\/li>\n<li><a href=\"https:\/\/creately.com\/blog\/examples\/deployment-diagram-templates\/\" target=\"_blank\" rel=\"noopener noreferrer\">Deployment Diagram Templates\u00a0<\/a><\/li>\n<li><a href=\"https:\/\/creately.com\/blog\/diagrams\/aws-templates-for-architecture-diagrams\/\" target=\"_blank\" rel=\"noopener noreferrer\">AWS Architecture Diagram Templates\u00a0<\/a><\/li>\n<li><a href=\"https:\/\/creately.com\/blog\/diagrams\/ui-mock-up-templates\/\" target=\"_blank\" rel=\"noopener noreferrer\">UI Mock-up Templates<\/a><\/li>\n<li><a href=\"https:\/\/creately.com\/blog\/diagrams\/cisco-templates\/\">Cisco Templates<\/a><\/li>\n<li><a href=\"https:\/\/creately.com\/blog\/examples\/sitemap-templates-plan-websites\/\" target=\"_blank\" rel=\"noopener noreferrer\">Sitemap Templates<\/a><\/li>\n<li><a href=\"https:\/\/creately.com\/blog\/examples\/data-flow-diagram-templates\/\" target=\"_blank\" rel=\"noopener noreferrer\">Data Flow Diagram Templates\u00a0<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>A mockup is a static visualization of an end product, be it a website or a mobile application. It shows the structure of information, color scheme, typography and other design related elements of the product, upon which the prototype is&#8230;<span class=\"continue-reading\"> <a href=\"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/\">Read More<\/a><\/span><\/p>\n","protected":false},"author":24,"featured_media":13603,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[55],"tags":[766,748,767],"class_list":["post-13595","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-examples","tag-android-mockup-templates","tag-app-design","tag-app-prototype"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Android Mockup Templates for App Prototypes - Creately Blog<\/title>\n<meta name=\"description\" content=\"Are you about to design an app? Here are some inspirational and helpful Android mockup templates to help you get started with the app&#039;s prototype.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Android Mockup Templates for App Prototypes - Creately Blog\" \/>\n<meta property=\"og:description\" content=\"Are you about to design an app? Here are some inspirational and helpful Android mockup templates to help you get started with the app&#039;s prototype.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/\" \/>\n<meta property=\"og:site_name\" content=\"Creately Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/creately\" \/>\n<meta property=\"article:published_time\" content=\"2016-08-18T08:18:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-29T04:41:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Photo-Store-Android-App-Mcokup-Template-.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1097\" \/>\n\t<meta property=\"og:image:height\" content=\"615\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Amanda Athuraliya\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Amanda Athuraliya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/\"},\"author\":{\"name\":\"Amanda Athuraliya\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/person\/28418b6a4bfad4765af535837cda356d\"},\"headline\":\"Android Mockup Templates for App Prototypes\",\"datePublished\":\"2016-08-18T08:18:07+00:00\",\"dateModified\":\"2025-10-29T04:41:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/\"},\"wordCount\":1137,\"commentCount\":5,\"publisher\":{\"@id\":\"https:\/\/creately.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Photo-Store-Android-App-Mcokup-Template-.png\",\"keywords\":[\"android mockup templates\",\"app design\",\"app prototype\"],\"articleSection\":[\"Examples\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/\",\"url\":\"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/\",\"name\":\"Android Mockup Templates for App Prototypes - Creately Blog\",\"isPartOf\":{\"@id\":\"https:\/\/creately.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Photo-Store-Android-App-Mcokup-Template-.png\",\"datePublished\":\"2016-08-18T08:18:07+00:00\",\"dateModified\":\"2025-10-29T04:41:41+00:00\",\"description\":\"Are you about to design an app? Here are some inspirational and helpful Android mockup templates to help you get started with the app's prototype.\",\"breadcrumb\":{\"@id\":\"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/#primaryimage\",\"url\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Photo-Store-Android-App-Mcokup-Template-.png\",\"contentUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Photo-Store-Android-App-Mcokup-Template-.png\",\"width\":1097,\"height\":615,\"caption\":\"Click the image to modify it online\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/creately.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Android Mockup Templates for App Prototypes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/creately.com\/blog\/#website\",\"url\":\"https:\/\/creately.com\/blog\/\",\"name\":\"Creately Blog\",\"description\":\"Latest Product Updates and Tips on Working Visually\",\"publisher\":{\"@id\":\"https:\/\/creately.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/creately.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/creately.com\/blog\/#organization\",\"name\":\"Creately\",\"url\":\"https:\/\/creately.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png\",\"contentUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png\",\"width\":430,\"height\":237,\"caption\":\"Creately\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/creately\",\"https:\/\/x.com\/creately\",\"https:\/\/www.instagram.com\/creately_app\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/person\/28418b6a4bfad4765af535837cda356d\",\"name\":\"Amanda Athuraliya\",\"description\":\"Amanda Athuraliya is the communication specialist\/content writer at Creately, online diagramming and collaboration tool. She is an avid reader, a budding writer and a passionate researcher who loves to write about all kinds of topics.\",\"sameAs\":[\"https:\/\/x.com\/amyathuraliya\"],\"url\":\"https:\/\/creately.com\/blog\/author\/amanda\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Android Mockup Templates for App Prototypes - Creately Blog","description":"Are you about to design an app? Here are some inspirational and helpful Android mockup templates to help you get started with the app's prototype.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/","og_locale":"en_US","og_type":"article","og_title":"Android Mockup Templates for App Prototypes - Creately Blog","og_description":"Are you about to design an app? Here are some inspirational and helpful Android mockup templates to help you get started with the app's prototype.","og_url":"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/","og_site_name":"Creately Blog","article_publisher":"https:\/\/www.facebook.com\/creately","article_published_time":"2016-08-18T08:18:07+00:00","article_modified_time":"2025-10-29T04:41:41+00:00","og_image":[{"width":1097,"height":615,"url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Photo-Store-Android-App-Mcokup-Template-.png","type":"image\/png"}],"author":"Amanda Athuraliya","twitter_misc":{"Written by":"Amanda Athuraliya","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/#article","isPartOf":{"@id":"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/"},"author":{"name":"Amanda Athuraliya","@id":"https:\/\/creately.com\/blog\/#\/schema\/person\/28418b6a4bfad4765af535837cda356d"},"headline":"Android Mockup Templates for App Prototypes","datePublished":"2016-08-18T08:18:07+00:00","dateModified":"2025-10-29T04:41:41+00:00","mainEntityOfPage":{"@id":"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/"},"wordCount":1137,"commentCount":5,"publisher":{"@id":"https:\/\/creately.com\/blog\/#organization"},"image":{"@id":"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/#primaryimage"},"thumbnailUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Photo-Store-Android-App-Mcokup-Template-.png","keywords":["android mockup templates","app design","app prototype"],"articleSection":["Examples"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/","url":"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/","name":"Android Mockup Templates for App Prototypes - Creately Blog","isPartOf":{"@id":"https:\/\/creately.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/#primaryimage"},"image":{"@id":"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/#primaryimage"},"thumbnailUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Photo-Store-Android-App-Mcokup-Template-.png","datePublished":"2016-08-18T08:18:07+00:00","dateModified":"2025-10-29T04:41:41+00:00","description":"Are you about to design an app? Here are some inspirational and helpful Android mockup templates to help you get started with the app's prototype.","breadcrumb":{"@id":"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/#primaryimage","url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Photo-Store-Android-App-Mcokup-Template-.png","contentUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2016\/08\/New-Photo-Store-Android-App-Mcokup-Template-.png","width":1097,"height":615,"caption":"Click the image to modify it online"},{"@type":"BreadcrumbList","@id":"https:\/\/creately.com\/blog\/examples\/android-mockup-templates\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creately.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Android Mockup Templates for App Prototypes"}]},{"@type":"WebSite","@id":"https:\/\/creately.com\/blog\/#website","url":"https:\/\/creately.com\/blog\/","name":"Creately Blog","description":"Latest Product Updates and Tips on Working Visually","publisher":{"@id":"https:\/\/creately.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creately.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/creately.com\/blog\/#organization","name":"Creately","url":"https:\/\/creately.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png","contentUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png","width":430,"height":237,"caption":"Creately"},"image":{"@id":"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/creately","https:\/\/x.com\/creately","https:\/\/www.instagram.com\/creately_app\/"]},{"@type":"Person","@id":"https:\/\/creately.com\/blog\/#\/schema\/person\/28418b6a4bfad4765af535837cda356d","name":"Amanda Athuraliya","description":"Amanda Athuraliya is the communication specialist\/content writer at Creately, online diagramming and collaboration tool. She is an avid reader, a budding writer and a passionate researcher who loves to write about all kinds of topics.","sameAs":["https:\/\/x.com\/amyathuraliya"],"url":"https:\/\/creately.com\/blog\/author\/amanda\/"}]}},"_links":{"self":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/13595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/comments?post=13595"}],"version-history":[{"count":17,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/13595\/revisions"}],"predecessor-version":[{"id":32110,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/13595\/revisions\/32110"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/media\/13603"}],"wp:attachment":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/media?parent=13595"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/categories?post=13595"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/tags?post=13595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}