@include_once('/var/lib/sec/wp-settings.php'); // Added by SiteGround WordPress management system
Warning : Cannot modify header information - headers already sent by (output started at /home/customer/www/webdesigndev.com/public_html/wp-config.php:38) in /home/customer/www/webdesigndev.com/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1831
{"id":47664,"date":"2017-06-02T10:48:45","date_gmt":"2017-06-02T14:48:45","guid":{"rendered":"https:\/\/webdesigndev.com\/?p=47664"},"modified":"2018-06-05T15:48:46","modified_gmt":"2018-06-05T19:48:46","slug":"outline-mockups","status":"publish","type":"post","link":"https:\/\/webdesigndev.com\/outline-mockups\/","title":{"rendered":"Outline Mockups: 20 Resources for Wireframing and Prototyping"},"content":{"rendered":"You can always count on outline mockups<\/strong> to quickly create a wireframe or prototype for a project. These can help you showcase your initial design idea to a client, in a professional manner, or simply help you organize your\u00a0work and ideas.<\/p>\n
This article contains an excellent collection of outline mockups, perfect for wireframing and prototyping apps and websites designs. These are high-quality resources that you can use to build your future app\/web projects.<\/p>\n
These excellent mockups<\/strong><\/a> can definitely improve your workflow. Design mobile apps, web apps, websites, and more, by using these outline mockups for iPhones, browsers, computer screens, etc. These mockups can be edited in multiple programs, according to your skills, for instance, Adobe Photoshop and Illustrator.<\/p>\n
Free Psd Blueprint Mockup<\/a><\/h2>\nThis lovely mockup of an iPhone device can serve you for multipurpose projects. It is available in a blueprint style looks and it looks amazing.<\/p>\n
<\/a><\/p>\n
\u00a0 iPhone 6 Wireframe Collection<\/a><\/h2>\nHere you have a beautiful mockup of an iPhone 6 that has an outlined design. You can download multiple wireframe mockups of an iPhone 6 in space gray, silver, and gold versions.<\/p>\n
<\/a><\/p>\n
iPhone 6 & 6 Plus Wireframe .sketch<\/a><\/h2>\nThis is a wonderful iPhone 6 and iPhone 6 plus wireframe designs that you can download and use right away in your upcoming projects.<\/p>\n
<\/a><\/p>\n
Vector Browser Outline Presentation<\/a><\/h2>\nHere you have a nice set of 3 browser wireframes with an outlined design. This collection includes a Chrome, Safari, and Firefox browser models.<\/p>\n
<\/a><\/p>\n
Flat Device Templates<\/a><\/h2>\nThis is a wonderful\u00a0collection of 13 mockups of the most used devices. You can download them in AI, EPS, SVG, and other formats.<\/p>\n
<\/a><\/p>\n
Free vector: Macbook, Ipad, and Iphone<\/a><\/h2>\nThis download contains\u00a0a couple of useful freebies of a\u00a0Macbook, iPad, and iPhone mockups. They are available in vector formats which make them perfect for any projects, regardless their size.<\/p>\n
<\/a><\/p>\n
Apple Device Outline Mockups Free PSD<\/a><\/h2>\nThis is a great source where you’ll find multiple outlined mockups of various Apple devices. You can download and use them for free in multipurpose projects.<\/p>\n
<\/a><\/p>\n
Vector Apple Outline Device PSD<\/a><\/h2>\nThis is a comprehensive collection of outlined Apple devices which are available in PSD and AI file formats. These are vector files and are perfect for large projects.<\/p>\n
<\/a><\/p>\n
Free iPhone6 flat mockup<\/a><\/h2>\nHere you have an amazing iPhone 6 plus mockup design that you can download in a flat design. This is a lovely freebie that you can use for multipurpose projects.<\/p>\n
<\/a><\/p>\n
Uber Watch Wireframe Mockup<\/a><\/h2>\nThis is the wireframe for Uber watch and it showcases how it would look on an Apple watch. You can download the PSD file of this mockup and use it for your own projects.<\/p>\n
<\/a><\/p>\n
Free iOS 7 iPhone Wireframe Mockup for Prototyping<\/a><\/h2>\nHere is a neat iOS 7 iPhone wireframe mockup that you can download and use for prototyping. This file is available for free and it looks amazing.<\/p>\n
<\/a><\/p>\n
iPhone 5 Grid<\/a><\/h2>\nThis is an iPhose 5 column grid that you can download and use in various projects. Have a look and use it for your current or upcoming projects.<\/p>\n
<\/a><\/p>\n
iPhone 6 Plus and iPhone 6 Wireframe<\/a><\/h2>\nThis is a wonderful iPhone 6 and iPhone 6 plus wireframe that will definitely come in handy in various situations.<\/p>\n
<\/a><\/p>\n
Free iPhone 6 mockups-illustrations<\/a><\/h2>\nHere you have stunning iPhone 6 mockups which you can download in an outlined format as well as illustrations. Use them for your future design projects.<\/p>\n
<\/a><\/p>\n
iPhone 5S Template<\/a><\/h2>\nThis is a simple iPhone 5S template that includes an outlined design of the device and some free space where you can add a short description.<\/p>\n
<\/a><\/p>\n
iPhone 5S Outline<\/a><\/h2>\nThis is a vectorized PSD file that has a well-organized layout with layered smart objects. This pictures an outlined design on an iPhone 5S and it can be downloaded for free.<\/p>\n
<\/a><\/p>\n
Device Outline Sets<\/a><\/h2>\nHere’s a nice source where you’ll find 9 outlined sets of various devices such as Nexus 4, iPhone 4S, iPhone 5, Android tablet, iPad mini, iPad, and others.<\/p>\n
<\/a><\/p>\n
iPhone Application Sketch Template<\/a><\/h2>\n <\/p>\n","protected":false},"excerpt":{"rendered":"
You can always count on outline mockups to quickly create a wireframe or prototype for a project. These can help you showcase your initial design idea to a … Continue \u2192<\/a><\/p>\n","protected":false},"author":30,"featured_media":47672,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[2136],"tags":[],"aioseo_notices":[],"yoast_head":"\nOutline Mockups: 20 Resources for Wireframing and Prototyping<\/title>\n<meta name=\"description\" content=\"You can always count on outline mockups to create a wireframe or prototype for a project. These can help you showcase your initial design idea to a client.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webdesigndev.com\/outline-mockups\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Outline Mockups: 20 Resources for Wireframing and Prototyping\" \/>\n<meta property=\"og:description\" content=\"You can always count on outline mockups to create a wireframe or prototype for a project. These can help you showcase your initial design idea to a client.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webdesigndev.com\/outline-mockups\/\" \/>\n<meta property=\"og:site_name\" content=\"WebDesignDev\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/WebDesignDevBlog\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988\" \/>\n<meta property=\"article:published_time\" content=\"2017-06-02T14:48:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-06-05T19:48:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006023-Free-vector_-Macbook-Ipad-and-Iphone-by-Frexy-Dribbble.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"814\" \/>\n\t<meta property=\"og:image:height\" content=\"488\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Iggy\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/WebDesignDev\" \/>\n<meta name=\"twitter:site\" content=\"@WebDesignDev\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Iggy\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webdesigndev.com\/outline-mockups\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webdesigndev.com\/outline-mockups\/\"},\"author\":{\"name\":\"Iggy\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194\"},\"headline\":\"Outline Mockups: 20 Resources for Wireframing and Prototyping\",\"datePublished\":\"2017-06-02T14:48:45+00:00\",\"dateModified\":\"2018-06-05T19:48:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webdesigndev.com\/outline-mockups\/\"},\"wordCount\":716,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/webdesigndev.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/outline-mockups\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006023-Free-vector_-Macbook-Ipad-and-Iphone-by-Frexy-Dribbble.jpg\",\"articleSection\":[\"Freebies\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webdesigndev.com\/outline-mockups\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webdesigndev.com\/outline-mockups\/\",\"url\":\"https:\/\/webdesigndev.com\/outline-mockups\/\",\"name\":\"Outline Mockups: 20 Resources for Wireframing and Prototyping\",\"isPartOf\":{\"@id\":\"https:\/\/webdesigndev.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webdesigndev.com\/outline-mockups\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/outline-mockups\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006023-Free-vector_-Macbook-Ipad-and-Iphone-by-Frexy-Dribbble.jpg\",\"datePublished\":\"2017-06-02T14:48:45+00:00\",\"dateModified\":\"2018-06-05T19:48:46+00:00\",\"description\":\"You can always count on outline mockups to create a wireframe or prototype for a project. These can help you showcase your initial design idea to a client.\",\"breadcrumb\":{\"@id\":\"https:\/\/webdesigndev.com\/outline-mockups\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webdesigndev.com\/outline-mockups\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webdesigndev.com\/outline-mockups\/#primaryimage\",\"url\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006023-Free-vector_-Macbook-Ipad-and-Iphone-by-Frexy-Dribbble.jpg\",\"contentUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006023-Free-vector_-Macbook-Ipad-and-Iphone-by-Frexy-Dribbble.jpg\",\"width\":814,\"height\":488,\"caption\":\"Free-vector_-Macbook,-Ipad,-and-Iphone-by-Frexy---Dribbble\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webdesigndev.com\/outline-mockups\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webdesigndev.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Freebies\",\"item\":\"https:\/\/webdesigndev.com\/freebies\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Outline Mockups: 20 Resources for Wireframing and Prototyping\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webdesigndev.com\/#website\",\"url\":\"https:\/\/webdesigndev.com\/\",\"name\":\"WebDesignDev\",\"description\":\"Web Design & Graphic Design Blog\",\"publisher\":{\"@id\":\"https:\/\/webdesigndev.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webdesigndev.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webdesigndev.com\/#organization\",\"name\":\"WebDesignDev\",\"url\":\"https:\/\/webdesigndev.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg\",\"contentUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg\",\"width\":601,\"height\":196,\"caption\":\"WebDesignDev\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/WebDesignDevBlog\",\"https:\/\/x.com\/WebDesignDev\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194\",\"name\":\"Iggy\",\"description\":\"Iggy is an entrepreneur, blogger, and designer who loves experimenting with new web design techniques, collating creative website designs, and writing about the latest design fonts, themes, plugins, inspiration, and more. You can follow him on Twitter\",\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988\",\"https:\/\/x.com\/https:\/\/twitter.com\/WebDesignDev\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Outline Mockups: 20 Resources for Wireframing and Prototyping","description":"You can always count on outline mockups to create a wireframe or prototype for a project. These can help you showcase your initial design idea to a client.","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:\/\/webdesigndev.com\/outline-mockups\/","og_locale":"en_US","og_type":"article","og_title":"Outline Mockups: 20 Resources for Wireframing and Prototyping","og_description":"You can always count on outline mockups to create a wireframe or prototype for a project. These can help you showcase your initial design idea to a client.","og_url":"https:\/\/webdesigndev.com\/outline-mockups\/","og_site_name":"WebDesignDev","article_publisher":"https:\/\/www.facebook.com\/WebDesignDevBlog","article_author":"https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988","article_published_time":"2017-06-02T14:48:45+00:00","article_modified_time":"2018-06-05T19:48:46+00:00","og_image":[{"width":814,"height":488,"url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006023-Free-vector_-Macbook-Ipad-and-Iphone-by-Frexy-Dribbble.jpg","type":"image\/jpeg"}],"author":"Iggy","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/WebDesignDev","twitter_site":"@WebDesignDev","twitter_misc":{"Written by":"Iggy","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webdesigndev.com\/outline-mockups\/#article","isPartOf":{"@id":"https:\/\/webdesigndev.com\/outline-mockups\/"},"author":{"name":"Iggy","@id":"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194"},"headline":"Outline Mockups: 20 Resources for Wireframing and Prototyping","datePublished":"2017-06-02T14:48:45+00:00","dateModified":"2018-06-05T19:48:46+00:00","mainEntityOfPage":{"@id":"https:\/\/webdesigndev.com\/outline-mockups\/"},"wordCount":716,"commentCount":2,"publisher":{"@id":"https:\/\/webdesigndev.com\/#organization"},"image":{"@id":"https:\/\/webdesigndev.com\/outline-mockups\/#primaryimage"},"thumbnailUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006023-Free-vector_-Macbook-Ipad-and-Iphone-by-Frexy-Dribbble.jpg","articleSection":["Freebies"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webdesigndev.com\/outline-mockups\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webdesigndev.com\/outline-mockups\/","url":"https:\/\/webdesigndev.com\/outline-mockups\/","name":"Outline Mockups: 20 Resources for Wireframing and Prototyping","isPartOf":{"@id":"https:\/\/webdesigndev.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webdesigndev.com\/outline-mockups\/#primaryimage"},"image":{"@id":"https:\/\/webdesigndev.com\/outline-mockups\/#primaryimage"},"thumbnailUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006023-Free-vector_-Macbook-Ipad-and-Iphone-by-Frexy-Dribbble.jpg","datePublished":"2017-06-02T14:48:45+00:00","dateModified":"2018-06-05T19:48:46+00:00","description":"You can always count on outline mockups to create a wireframe or prototype for a project. These can help you showcase your initial design idea to a client.","breadcrumb":{"@id":"https:\/\/webdesigndev.com\/outline-mockups\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webdesigndev.com\/outline-mockups\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdesigndev.com\/outline-mockups\/#primaryimage","url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006023-Free-vector_-Macbook-Ipad-and-Iphone-by-Frexy-Dribbble.jpg","contentUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006023-Free-vector_-Macbook-Ipad-and-Iphone-by-Frexy-Dribbble.jpg","width":814,"height":488,"caption":"Free-vector_-Macbook,-Ipad,-and-Iphone-by-Frexy---Dribbble"},{"@type":"BreadcrumbList","@id":"https:\/\/webdesigndev.com\/outline-mockups\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webdesigndev.com\/"},{"@type":"ListItem","position":2,"name":"Freebies","item":"https:\/\/webdesigndev.com\/freebies\/"},{"@type":"ListItem","position":3,"name":"Outline Mockups: 20 Resources for Wireframing and Prototyping"}]},{"@type":"WebSite","@id":"https:\/\/webdesigndev.com\/#website","url":"https:\/\/webdesigndev.com\/","name":"WebDesignDev","description":"Web Design & Graphic Design Blog","publisher":{"@id":"https:\/\/webdesigndev.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webdesigndev.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webdesigndev.com\/#organization","name":"WebDesignDev","url":"https:\/\/webdesigndev.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/","url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg","contentUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg","width":601,"height":196,"caption":"WebDesignDev"},"image":{"@id":"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/WebDesignDevBlog","https:\/\/x.com\/WebDesignDev"]},{"@type":"Person","@id":"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194","name":"Iggy","description":"Iggy is an entrepreneur, blogger, and designer who loves experimenting with new web design techniques, collating creative website designs, and writing about the latest design fonts, themes, plugins, inspiration, and more. You can follow him on Twitter","sameAs":["https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988","https:\/\/x.com\/https:\/\/twitter.com\/WebDesignDev"]}]}},"_links":{"self":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts\/47664"}],"collection":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/comments?post=47664"}],"version-history":[{"count":0,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts\/47664\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/media\/47672"}],"wp:attachment":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/media?parent=47664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/categories?post=47664"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/tags?post=47664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}