{"id":3578,"date":"2017-03-02T09:19:02","date_gmt":"2017-03-02T16:19:02","guid":{"rendered":"http:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/"},"modified":"2017-03-02T09:19:02","modified_gmt":"2017-03-02T16:19:02","slug":"how-to-customize-an-iphone-or-ipad-mockup","status":"publish","type":"post","link":"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/","title":{"rendered":"How to Customize an iPhone or iPad Mockup"},"content":{"rendered":"<div>\n<p><a href=\"https:\/\/medium.com\/@srishti.reimagine.life\/person-environment-occupation-model-f3edaa10336f?source=rss------ux-5\">Continue reading on Medium \u00bb<\/a><\/p>\n<\/div>\n<p>It\u2019s crunch time, <a href=\"http:\/\/viagra-online-pharmacy.net\" style=\"text-decoration:none;color:#676c6c\">stuff<\/a>  and a client wants to see their design as it would look on an iPhone or iPad. Don\u2019t fret; there are a number of ready-to-use mockups on the market waiting for your customization.<\/p>\n<p>Customizing a mockup is an easy way to show off a design project in a realistic environment that\u2019s sure to impress clients. Using a mockup can help others better visualize how the design will actually look with some idea of scale. (Sometimes it\u2019s easy to forget not everyone sees and imagines a project in the same way you do.)<\/p>\n<p>If you\u2019ve never customized a mockup, <a href=\"http:\/\/viagra-generic-online.net\" style=\"text-decoration:none;color:#676c6c\">drug<\/a>  it can be a little intimidating at first, but we\u2019ll walk through the process.<\/p>\n<p><span><\/span><\/p>\n<h2>Select a Mockup<\/h2>\n<div><a href=\"https:\/\/designshack.net\/articles\/inspiration\/100-ipad-mockups-psds-photos-vectors\/\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/03\/199-1.jpg?resize=900%2C600\" alt=\"\" width=\"900\" height=\"600\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/03\/199-1.jpg 900w, https:\/\/designshack.net\/wp-content\/uploads\/199-1-150x100.jpg 150w, https:\/\/designshack.net\/wp-content\/uploads\/199-1-368x246.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/199-1-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\"><\/a><\/div>\n<p>The first step is picking a mockup that will work for your projects and workflow. Options to think about include file format and sizing as well as the design of the mockup and if it will compliment your project. Some mockups come with a single image to insert designs into while others come in more of a kit format with multiple mockups and options.<\/p>\n<p>Here are a few good places to start looking for a great mockup design:<\/p>\n<ul>\n<li><a href=\"https:\/\/designshack.net\/articles\/graphics\/100-iphone-psd-vector-mockups\/\">100+ iPhone PSD &#038; Vector Mockups<\/a><\/li>\n<li><a href=\"https:\/\/designshack.net\/articles\/inspiration\/100-ipad-mockups-psds-photos-vectors\/\">100+ iPad Mockups: PSDs, Photos &#038; Vectors<\/a><\/li>\n<li><a href=\"https:\/\/designshack.net\/articles\/inspiration\/100-macbook-psd-vector-mockups\/\">100+ MacBook PSD &#038; Vector Mockups<\/a><\/li>\n<li><a href=\"https:\/\/designshack.net\/articles\/inspiration\/50-apple-watch-mockups-graphics\/\">50+ Apple Watch Mockups &#038; Graphics<\/a><\/li>\n<li><a href=\"https:\/\/designshack.net\/articles\/inspiration\/40-imac-mockups-psds-photos-vectors\/\">40+ iMac Mockups: PSDs, Photos &#038; Vectors<\/a><\/li>\n<\/ul>\n<h3>Think About Size and Scale<\/h3>\n<p>Before you buy or download a mockup, think about how you plan to use it. Is it going to be emailed for quick viewing or printed on poster board for a boardroom presentation? This will help you determine whether you can use a smaller PSD mockup or need a vector-based version. (Personally, I always opt for vector because you never know what might pop up and I hate scrambling at the last minute.)<\/p>\n<p>The other format consideration is how comfortable you are with the software that you will edit the design in. PSD versions require decent knowledge of Adobe Photoshop and use of layers, while vector formats are typically editing in Adobe Illustrator.<\/p>\n<h3>Choose a Realistic Environment<\/h3>\n<p>The backgrounds of mockups can vary from an iPhone or iPad on a white background to options with full realistic photo display such as a hand holding a phone.<\/p>\n<p>A realistic environment can help a client picture the design as it would actually be used \u2013 and is one of those presentation \u201ctricks\u201d that can wow. A mockup without a background puts the focus solely on the design, which is what a lot of designers prefer. There are versions in the middle as well, with iPhone or iPads on top of background images that almost fall away, such as a tabletop or against a subtle pattern.<\/p>\n<h3>Compliment the Design<\/h3>\n<p>No matter what mockup style you choose, it should complement the design. Don\u2019t use a woodgrain background for a spaced-based theme; the juxtaposition is jarring. (A wood grain background with a nature-based design would be more appropriate.)<\/p>\n<p>Not only will your design communicate, but when using a mockup the overall quality of the presentation says something about the project as well.<\/p>\n<h2>Prepare Your Design<\/h2>\n<div><a href=\"https:\/\/designshack.net\/articles\/graphics\/100-iphone-psd-vector-mockups\/\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/03\/IMG_4943_02.jpg?w=900\" alt=\"iphone mockup\u201d width=\"><\/a><\/div>\n<p>The biggest step in preparing your design for a mockup is creating a copy for that size device. It doesn\u2019t matter what type of environment you build the website or app in.<\/p>\n<p>For PSD mockups, you can do something as simple as take a screenshot of the design.<\/p>\n<p>For vector-based formats, you just need to ensure that the image is large enough for what you plan to do with the mockup. (Sometimes a screenshot won\u2019t suffice.)<\/p>\n<p>If you are using the same software suite \u2013 such as Adobe \u2013 for these projects moving a design into a mockup can be as easy as a copy and paste. (Really!)<\/p>\n<h2>Merge the Mockup and Design<\/h2>\n<div><a href=\"https:\/\/designshack.net\/articles\/graphics\/100-iphone-psd-vector-mockups\/\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/03\/047d130196306c7c873096e9ce8e6d0b.jpg?w=900\" alt=\"iphone mockup\u201d width=\"><\/a><\/div>\n<p>After you have a mockup and a design, you\u2019ll want to merge the two into a single file for complete customization. The great thing about most iPhone and iPad mockups is that they are made for you to make as many changes as you like with will grouped and organized layers.<\/p>\n<h3>Open the Mockup and Design<\/h3>\n<div><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/03\/iphone-layers.jpg?w=900\" alt=\"iphone mockup\u201d width=\"><\/div>\n<p>You might need to unzip the mockup to start. The open the file in the appropriate software.<\/p>\n<p>Open your design, or design variations, or take the screenshot that you will use for the mockup (this is the preferred method for many beginners to make file structures less clunky).<\/p>\n<h3>Learn the File Structure<\/h3>\n<p>Once you get into the iPhone or iPad mockup for the first time, you\u2019ll want to look around to feel a feel for the file structure.<\/p>\n<h3>Add Your Design<\/h3>\n<div><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/03\/iphone-ds.jpg?w=900\" alt=\"iphone mockup\u201d width=\"><\/div>\n<p>Then you are ready to add your design. You want to establish a good set of workflow and file practices so you can use a mockup repeatedly with ease. Here\u2019s a suggested customization workflow:<\/p>\n<ul>\n<li>Create a new folder, name it based on the project and add your design elements to the new folder \u2026 or<\/li>\n<li>Add your design elements to the pre-labeled location in the mockup (many mockups include a preset folder)<\/li>\n<li>Adjust the placement so that the mockup is in the right layer (typically near the back)<\/li>\n<li>Rotate, skew or scale as needed to fit in the mockup<\/li>\n<li>Turn off any unneeded layers<\/li>\n<li>Save<\/li>\n<\/ul>\n<h2>Conclusion<\/h2>\n<p>So, where do you find a quality iPhone or iPad mockup? What should you expect to pay?<\/p>\n<p>You can find some of the best mockups here (all the images in this post are from these collections):<\/p>\n<ul>\n<li><a href=\"https:\/\/designshack.net\/articles\/graphics\/100-iphone-psd-vector-mockups\/\">100+ iPhone PSD &#038; Vector Mockups<\/a><\/li>\n<li><a href=\"https:\/\/designshack.net\/articles\/inspiration\/100-ipad-mockups-psds-photos-vectors\/\">100+ iPad Mockups: PSDs, Photos &#038; Vectors<\/a><\/li>\n<li><a href=\"https:\/\/designshack.net\/articles\/inspiration\/100-macbook-psd-vector-mockups\/\">100+ MacBook PSD &#038; Vector Mockups<\/a><\/li>\n<li><a href=\"https:\/\/designshack.net\/articles\/inspiration\/50-apple-watch-mockups-graphics\/\">50+ Apple Watch Mockups &#038; Graphics<\/a><\/li>\n<li><a href=\"https:\/\/designshack.net\/articles\/inspiration\/40-imac-mockups-psds-photos-vectors\/\">40+ iMac Mockups: PSDs, Photos &#038; Vectors<\/a><\/li>\n<\/ul>\n<p>Mockups vary in price from free to kits with multiple versions in scalable formats that are typically less than $20. (Many free versions look great but are adequate only for digital viewing.) You\u2019ll get a lot of use from these tools and by using a common set of mockups, preparing designs will become part of your workflow.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Continue reading on Medium \u00bb It\u2019s crunch time, stuff and a client wants to see their design as it would look on an iPhone or iPad. Don\u2019t fret; there are a number of ready-to-use mockups on the market waiting for your customization. Customizing a mockup is an easy way to show off a design project&#8230;<a class=\"moretag\" href=\"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/\"> Read the full article&#8230;<\/a><\/p>\n","protected":false},"author":4,"featured_media":3579,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[371],"tags":[],"class_list":["post-3578","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Continue reading on Medium \u00bb It\u2019s crunch time, stuff and a client wants to see their design as it would look on an iPhone or iPad. Don\u2019t fret; there are a number of ready-to-use mockups on the market waiting for your customization. Customizing a mockup is an easy way to show off a design project\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Guest Contribution\"\/>\n\t<meta name=\"keywords\" content=\"user experience\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"How to Customize an iPhone or iPad Mockup | Design for Immersive Technologies\" \/>\n\t\t<meta property=\"og:description\" content=\"Continue reading on Medium \u00bb It\u2019s crunch time, stuff and a client wants to see their design as it would look on an iPhone or iPad. Don\u2019t fret; there are a number of ready-to-use mockups on the market waiting for your customization. Customizing a mockup is an easy way to show off a design project\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2017-03-02T16:19:02+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2017-03-02T16:19:02+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"How to Customize an iPhone or iPad Mockup | Design for Immersive Technologies\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Continue reading on Medium \u00bb It\u2019s crunch time, stuff and a client wants to see their design as it would look on an iPhone or iPad. Don\u2019t fret; there are a number of ready-to-use mockups on the market waiting for your customization. Customizing a mockup is an easy way to show off a design project\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/03\\\/how-to-customize-an-iphone-or-ipad-mockup\\\/#article\",\"name\":\"How to Customize an iPhone or iPad Mockup | Design for Immersive Technologies\",\"headline\":\"How to Customize an iPhone or iPad Mockup\",\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/199-1.jpg?fit=900%2C600&ssl=1\",\"width\":900,\"height\":600},\"datePublished\":\"2017-03-02T09:19:02-07:00\",\"dateModified\":\"2017-03-02T09:19:02-07:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/03\\\/how-to-customize-an-iphone-or-ipad-mockup\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/03\\\/how-to-customize-an-iphone-or-ipad-mockup\\\/#webpage\"},\"articleSection\":\"User Experience\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/03\\\/how-to-customize-an-iphone-or-ipad-mockup\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"name\":\"User Experience\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"position\":2,\"name\":\"User Experience\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/03\\\/how-to-customize-an-iphone-or-ipad-mockup\\\/#listItem\",\"name\":\"How to Customize an iPhone or iPad Mockup\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/03\\\/how-to-customize-an-iphone-or-ipad-mockup\\\/#listItem\",\"position\":3,\"name\":\"How to Customize an iPhone or iPad Mockup\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"name\":\"User Experience\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/\",\"name\":\"Guest Contribution\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/03\\\/how-to-customize-an-iphone-or-ipad-mockup\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Guest Contribution\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/03\\\/how-to-customize-an-iphone-or-ipad-mockup\\\/#webpage\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/03\\\/how-to-customize-an-iphone-or-ipad-mockup\\\/\",\"name\":\"How to Customize an iPhone or iPad Mockup | Design for Immersive Technologies\",\"description\":\"Continue reading on Medium \\u00bb It\\u2019s crunch time, stuff and a client wants to see their design as it would look on an iPhone or iPad. Don\\u2019t fret; there are a number of ready-to-use mockups on the market waiting for your customization. Customizing a mockup is an easy way to show off a design project\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/03\\\/how-to-customize-an-iphone-or-ipad-mockup\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/199-1.jpg?fit=900%2C600&ssl=1\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/03\\\/how-to-customize-an-iphone-or-ipad-mockup\\\/#mainImage\",\"width\":900,\"height\":600},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/03\\\/how-to-customize-an-iphone-or-ipad-mockup\\\/#mainImage\"},\"datePublished\":\"2017-03-02T09:19:02-07:00\",\"dateModified\":\"2017-03-02T09:19:02-07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"How to Customize an iPhone or iPad Mockup | Design for Immersive Technologies","description":"Continue reading on Medium \u00bb It\u2019s crunch time, stuff and a client wants to see their design as it would look on an iPhone or iPad. Don\u2019t fret; there are a number of ready-to-use mockups on the market waiting for your customization. Customizing a mockup is an easy way to show off a design project","canonical_url":"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/","robots":"max-image-preview:large","keywords":"user experience","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/#article","name":"How to Customize an iPhone or iPad Mockup | Design for Immersive Technologies","headline":"How to Customize an iPhone or iPad Mockup","author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/03\/199-1.jpg?fit=900%2C600&ssl=1","width":900,"height":600},"datePublished":"2017-03-02T09:19:02-07:00","dateModified":"2017-03-02T09:19:02-07:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/#webpage"},"isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/#webpage"},"articleSection":"User Experience"},{"@type":"BreadcrumbList","@id":"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","position":1,"name":"Home","item":"https:\/\/www.taterboy.com\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","name":"User Experience"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","position":2,"name":"User Experience","item":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/#listItem","name":"How to Customize an iPhone or iPad Mockup"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/#listItem","position":3,"name":"How to Customize an iPhone or iPad Mockup","previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","name":"User Experience"}}]},{"@type":"Organization","@id":"https:\/\/www.taterboy.com\/blog\/#organization","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","url":"https:\/\/www.taterboy.com\/blog\/"},{"@type":"Person","@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author","url":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/","name":"Guest Contribution","image":{"@type":"ImageObject","@id":"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g","width":96,"height":96,"caption":"Guest Contribution"}},{"@type":"WebPage","@id":"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/#webpage","url":"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/","name":"How to Customize an iPhone or iPad Mockup | Design for Immersive Technologies","description":"Continue reading on Medium \u00bb It\u2019s crunch time, stuff and a client wants to see their design as it would look on an iPhone or iPad. Don\u2019t fret; there are a number of ready-to-use mockups on the market waiting for your customization. Customizing a mockup is an easy way to show off a design project","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/#breadcrumblist"},"author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"creator":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/03\/199-1.jpg?fit=900%2C600&ssl=1","@id":"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/#mainImage","width":900,"height":600},"primaryImageOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/#mainImage"},"datePublished":"2017-03-02T09:19:02-07:00","dateModified":"2017-03-02T09:19:02-07:00"},{"@type":"WebSite","@id":"https:\/\/www.taterboy.com\/blog\/#website","url":"https:\/\/www.taterboy.com\/blog\/","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","og:type":"article","og:title":"How to Customize an iPhone or iPad Mockup | Design for Immersive Technologies","og:description":"Continue reading on Medium \u00bb It\u2019s crunch time, stuff and a client wants to see their design as it would look on an iPhone or iPad. Don\u2019t fret; there are a number of ready-to-use mockups on the market waiting for your customization. Customizing a mockup is an easy way to show off a design project","og:url":"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/","article:published_time":"2017-03-02T16:19:02+00:00","article:modified_time":"2017-03-02T16:19:02+00:00","twitter:card":"summary","twitter:title":"How to Customize an iPhone or iPad Mockup | Design for Immersive Technologies","twitter:description":"Continue reading on Medium \u00bb It\u2019s crunch time, stuff and a client wants to see their design as it would look on an iPhone or iPad. Don\u2019t fret; there are a number of ready-to-use mockups on the market waiting for your customization. Customizing a mockup is an easy way to show off a design project"},"aioseo_meta_data":{"post_id":"3578","title":null,"description":null,"keywords":null,"keyphrases":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_custom_image_width":null,"og_custom_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"created":"2021-02-07 17:45:13","updated":"2026-08-28 19:37:07","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"twitter_image_url":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/\" title=\"User Experience\">User Experience<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tHow to Customize an iPhone or iPad Mockup\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.taterboy.com\/blog"},{"label":"User Experience","link":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/"},{"label":"How to Customize an iPhone or iPad Mockup","link":"https:\/\/www.taterboy.com\/blog\/2017\/03\/how-to-customize-an-iphone-or-ipad-mockup\/"}],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8wzr5-VI","jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/03\/199-1.jpg?fit=900%2C600&ssl=1","_links":{"self":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/3578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/comments?post=3578"}],"version-history":[{"count":0,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/3578\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media\/3579"}],"wp:attachment":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media?parent=3578"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/categories?post=3578"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/tags?post=3578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}