{"id":13595,"date":"2016-08-18T19:18:07","date_gmt":"2016-08-18T08:18:07","guid":{"rendered":"https:\/\/stage.creately.com\/blog\/?p=13595"},"modified":"2017-08-16T21:36:06","modified_gmt":"2017-08-16T10:36:06","slug":"android-mockup-templates","status":"publish","type":"post","link":"https:\/\/stage.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.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These Android mockup examples 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 android mockup template 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:\/\/stage.creately.com\/creately-start?tempID=irnbfqlp3&amp;utm_source=androidtemplates&amp;utm_medium=blog&amp;utm_campaign=templateposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13596\" class=\"wp-image-13596 size-full\" src=\"https:\/\/stage.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:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2016\/08\/New-Google-Nexus-App-Drawer-Android-Mockup.png 415w, https:\/\/d3w3koqe3hizre.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:\/\/stage.creately.com\/creately-start?tempID=irn8jp8x1&amp;utm_source=androidtemplates&amp;utm_medium=blog&amp;utm_campaign=templateposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13597\" class=\"wp-image-13597 size-full\" src=\"https:\/\/stage.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:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2016\/08\/New-Android-Lock-Screen-Mockup-Template.png 765w, https:\/\/d3w3koqe3hizre.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:\/\/stage.creately.com\/creately-start?tempID=irmxtp6e3&amp;utm_source=androidtemplates&amp;utm_medium=blog&amp;utm_campaign=templateposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13598\" class=\"wp-image-13598 size-full\" src=\"https:\/\/stage.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:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2016\/08\/New-Google-Maps-Mockup-Template.png 380w, https:\/\/d3w3koqe3hizre.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:\/\/stage.creately.com\/creately-start?tempID=irrltt5t1&amp;utm_source=androidtemplates&amp;utm_medium=blog&amp;utm_campaign=templateposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13599\" class=\"wp-image-13599 size-full\" src=\"https:\/\/stage.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:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2016\/08\/New-Google-Play-Store-Android-Mockup.png 435w, https:\/\/d3w3koqe3hizre.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:\/\/stage.creately.com\/creately-start?tempID=irn8jp8x2&amp;utm_source=androidtemplates&amp;utm_medium=blog&amp;utm_campaign=templateposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13600\" class=\"wp-image-13600 size-full\" src=\"https:\/\/stage.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:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2016\/08\/New-Android-Notification-Manager-Mockup.png 400w, https:\/\/d3w3koqe3hizre.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:\/\/stage.creately.com\/creately-start?tempID=iptjoj5x1&amp;utm_source=androidtemplates&amp;utm_medium=blog&amp;utm_campaign=templateposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13601\" class=\"wp-image-13601 size-full\" src=\"https:\/\/stage.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:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2016\/08\/New-Contacts-App-Android-Mockup.png 812w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2016\/08\/New-Contacts-App-Android-Mockup-300x216.png 300w, https:\/\/d3w3koqe3hizre.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:\/\/stage.creately.com\/creately-start?tempID=idu2ddbd2&amp;utm_source=androidtemplates&amp;utm_medium=blog&amp;utm_campaign=templateposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13602\" class=\"wp-image-13602 size-full\" src=\"https:\/\/stage.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:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2016\/08\/New-Note-Pad-App-Mockup-Template.png 700w, https:\/\/d3w3koqe3hizre.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:\/\/stage.creately.com\/creately-start?tempID=idu2ddbd1&amp;utm_source=androidtemplates&amp;utm_medium=blog&amp;utm_campaign=templateposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13603\" class=\"wp-image-13603 size-full\" src=\"https:\/\/stage.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:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2016\/08\/New-Photo-Store-Android-App-Mcokup-Template-.png 1097w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2016\/08\/New-Photo-Store-Android-App-Mcokup-Template--300x168.png 300w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2016\/08\/New-Photo-Store-Android-App-Mcokup-Template--768x431.png 768w, https:\/\/d3w3koqe3hizre.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:\/\/stage.creately.com\/creately-start?tempID=irmxtp6e2&amp;utm_source=androidtemplates&amp;utm_medium=blog&amp;utm_campaign=templateposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13604\" class=\"wp-image-13604 size-full\" src=\"https:\/\/stage.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:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2016\/08\/New-Android-Application-with-Social-Signup-.png 380w, https:\/\/d3w3koqe3hizre.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 calendar mockup. 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:\/\/stage.creately.com\/creately-start?tempID=irvsiqa91&amp;utm_source=androidtemplates&amp;utm_medium=blog&amp;utm_campaign=templateposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13605\" class=\"wp-image-13605 size-full\" src=\"https:\/\/stage.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:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2016\/08\/New-Android-Calendar-Mockup.png 410w, https:\/\/d3w3koqe3hizre.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:\/\/stage.creately.com\/creately-start?tempID=irvxv1nq1&amp;utm_source=androidtemplates&amp;utm_medium=blog&amp;utm_campaign=templateposts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13606\" class=\"wp-image-13606 size-full\" src=\"https:\/\/stage.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:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2016\/08\/New-Android-Messaging-App-1.png 380w, https:\/\/d3w3koqe3hizre.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>&nbsp;<\/p>\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:\/\/stage.creately.com\/diagram-community\/examples\/t\/android-mockups?utm_source=androidtemplates&amp;utm_medium=blog&amp;utm_campaign=templateposts\"> <span style=\"font-weight: 400;\">Creately diagram examples<\/span><\/a><span style=\"font-weight: 400;\"> page for more Android mockup templates. Remember to check in occasionally, for we add new examples frequently. And if you want a little more inspiration for your app\u2019s UI, do check out the<\/span><a href=\"https:\/\/stage.creately.com\/diagram-community\/all\/t\/android-mockups?utm_source=androidtemplates&amp;utm_medium=blog&amp;utm_campaign=templateposts\"> <span style=\"font-weight: 400;\">Android mockup examples\u00a0contributed by our users<\/span><\/a><span style=\"font-weight: 400;\">. \u00a0<\/span><\/p>\n<h3>More Diagramming Templates<\/h3>\n<ul>\n<li><a title=\"Use Case Diagram Templates\" href=\"https:\/\/stage.creately.com\/blog\/examples\/use-case-templates-uml\/\" target=\"_blank\" rel=\"noopener\">Use Case Diagram Templates<\/a><\/li>\n<li><a title=\"Fishbone diagram templates\" href=\"https:\/\/stage.creately.com\/blog\/examples\/fishbone-diagram-templates\/\" target=\"_blank\" rel=\"noopener\">Fishbone Diagram Templates<\/a><\/li>\n<li><a title=\"Mind map templates\" href=\"https:\/\/stage.creately.com\/blog\/examples\/mind-map-examples-creately\/\" target=\"_blank\" rel=\"noopener\">Mind Map Templates<\/a><\/li>\n<li><a title=\"Business process model templates\" href=\"https:\/\/stage.creately.com\/blog\/examples\/bpmn-templates-model-processes\/\" target=\"_blank\" rel=\"noopener\">Business Process Model Templates<\/a><\/li>\n<li><a title=\"Storyboard templates\" href=\"https:\/\/stage.creately.com\/blog\/examples\/storyboard-templates-creately\/\" target=\"_blank\" rel=\"noopener\">Storyboard Templates<\/a><\/li>\n<li><a title=\"Network diagram templates\" href=\"https:\/\/stage.creately.com\/blog\/examples\/network-diagram-templates-creately\/\" target=\"_blank\" rel=\"noopener\">Network Diagram Templates<\/a><\/li>\n<li><a title=\"Venn diagram templates\" href=\"https:\/\/stage.creately.com\/blog\/examples\/venn-diagram-templates-examples\/\" target=\"_blank\" rel=\"noopener\">Venn Diagram Templates<\/a><\/li>\n<li><a title=\"KWL chart templates\" href=\"https:\/\/stage.creately.com\/blog\/examples\/kwl-chart-template-example\/\" target=\"_blank\" rel=\"noopener\">KWL Chart Templates<\/a><\/li>\n<li><a title=\"WBS templates\" href=\"https:\/\/stage.creately.com\/blog\/examples\/work-breakdown-structure-templates\/\" target=\"_blank\" rel=\"noopener\">Work Breakdown Structure Templates<\/a><\/li>\n<li><a title=\"SWOT analysis templates\" href=\"https:\/\/stage.creately.com\/blog\/examples\/swot-analysis-templates-creately\/\" target=\"_blank\" rel=\"noopener\">SWOT Analysis Templates<\/a><\/li>\n<li><a title=\"Class Diagram templates\" href=\"https:\/\/stage.creately.com\/blog\/examples\/class-diagram-templates\/\" target=\"_blank\" rel=\"noopener\">Class Diagram Templates<\/a><\/li>\n<li><a title=\"ER Diagram templates\" href=\"https:\/\/stage.creately.com\/blog\/examples\/er-diagram-templates\/\" target=\"_blank\" rel=\"noopener\">ER Diagram Templates<\/a><\/li>\n<li><a title=\"Sequence Diagram Templates\" href=\"https:\/\/stage.creately.com\/blog\/examples\/sequence-diagram-templates\/\" target=\"_blank\" rel=\"noopener\">Sequence Diagram Templates<\/a><\/li>\n<li><a title=\"Organization Chart Templates\" href=\"https:\/\/stage.creately.com\/blog\/examples\/organizational-chart-templates\/\" target=\"_blank\" rel=\"noopener\">Organization Chart Templates<\/a><\/li>\n<li><a title=\"Gantt Chart Templates\" href=\"https:\/\/stage.creately.com\/blog\/examples\/gantt-chart-templates\/\" target=\"_blank\" rel=\"noopener\">Gantt Chart Templates<\/a><\/li>\n<li><a title=\"Activity Diagram Template\" href=\"https:\/\/stage.creately.com\/blog\/examples\/activity-diagram-templates\/\" target=\"_blank\" rel=\"noopener\">Activity Diagram Templates<\/a><\/li>\n<li><a href=\"https:\/\/stage.creately.com\/blog\/examples\/deployment-diagram-templates\/\" target=\"_blank\" rel=\"noopener\">Deployment Diagram Templates\u00a0<\/a><\/li>\n<li><a href=\"https:\/\/stage.creately.com\/blog\/diagrams\/aws-templates-for-architecture-diagrams\/\" target=\"_blank\" rel=\"noopener\">AWS Architecture Diagram Templates\u00a0<\/a><\/li>\n<li><a href=\"https:\/\/stage.creately.com\/blog\/diagrams\/ui-mock-up-templates\/\" target=\"_blank\" rel=\"noopener\">UI Mock-up Templates<\/a><\/li>\n<li><a href=\"https:\/\/stage.creately.com\/blog\/diagrams\/cisco-templates\/\">Cisco Templates<\/a><\/li>\n<li><a href=\"https:\/\/stage.creately.com\/blog\/examples\/sitemap-templates-plan-websites\/\" target=\"_blank\" rel=\"noopener\">Sitemap Templates<\/a><\/li>\n<li><a href=\"https:\/\/stage.creately.com\/blog\/examples\/data-flow-diagram-templates\/\" target=\"_blank\" rel=\"noopener\">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:\/\/stage.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"],"_links":{"self":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/13595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/comments?post=13595"}],"version-history":[{"count":9,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/13595\/revisions"}],"predecessor-version":[{"id":14715,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/13595\/revisions\/14715"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/media\/13603"}],"wp:attachment":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/media?parent=13595"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/categories?post=13595"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/tags?post=13595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}