{"id":373,"date":"2016-06-14T14:14:07","date_gmt":"2016-06-14T14:14:07","guid":{"rendered":"http:\/\/www.fatbit.com\/glossary\/?p=373"},"modified":"2025-11-18T09:13:30","modified_gmt":"2025-11-18T09:13:30","slug":"wireframe","status":"publish","type":"post","link":"https:\/\/www.fatbit.com\/glossary\/wireframe\/","title":{"rendered":"Wireframe"},"content":{"rendered":"<p><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;A wireframe or website wireframe is a skeleton image of webpage comprising line drawings and dummy text that works as reference for web designers to give them the idea how different content elements should be arranged while designing the actual page layout. Wireframes can be drawn on a piece of paper, on white boards, or digitally using an application. &quot;}\" data-sheets-userformat=\"{&quot;2&quot;:15357,&quot;3&quot;:{&quot;1&quot;:0},&quot;5&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;6&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;7&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;8&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;9&quot;:0,&quot;10&quot;:2,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;15&quot;:&quot;Arial&quot;,&quot;16&quot;:10}\">A wireframe or website wireframe is a skeleton image of webpage comprising line drawings and dummy text that works as reference for web designers to give them the idea how different content elements should be arranged while designing the actual page layout. Wireframes can be drawn on a piece of paper, on white boards, or digitally using applications like Mockflow, Balsamiq, Axure, Visio etc.<\/span><\/p>\n<p>Example: Wireframe for a webpage:<img loading=\"lazy\" decoding=\"async\" class=\"glossary-img wp-image-608 size-full alignleft\" src=\"http:\/\/www.fatbit.com\/glossary\/wp-content\/uploads\/2016\/06\/web-site-design.png\" alt=\"Webpage wireframe\" width=\"650\" height=\"840\" srcset=\"https:\/\/www.fatbit.com\/glossary\/wp-content\/uploads\/2016\/06\/web-site-design.png 650w, https:\/\/www.fatbit.com\/glossary\/wp-content\/uploads\/2016\/06\/web-site-design-232x300.png 232w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A wireframe or website wireframe is a skeleton image of webpage comprising line drawings and dummy text that works as reference for web designers to give them the idea how different content elements should be arranged while designing the actual page layout. Wireframes can be drawn on a piece of paper, on white boards, or &hellip; <a href=\"https:\/\/www.fatbit.com\/glossary\/wireframe\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Wireframe&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wireframe - FATbit<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fatbit.com\/glossary\/wireframe\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wireframe - FATbit\" \/>\n<meta property=\"og:description\" content=\"A wireframe or website wireframe is a skeleton image of webpage comprising line drawings and dummy text that works as reference for web designers to give them the idea how different content elements should be arranged while designing the actual page layout. Wireframes can be drawn on a piece of paper, on white boards, or &hellip; Continue reading &quot;Wireframe&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fatbit.com\/glossary\/wireframe\/\" \/>\n<meta property=\"og:site_name\" content=\"FATbit\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-14T14:14:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-18T09:13:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fatbit.com\/glossary\/wp-content\/uploads\/2016\/06\/web-site-design.png\" \/>\n\t<meta property=\"og:image:width\" content=\"650\" \/>\n\t<meta property=\"og:image:height\" content=\"840\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"manish\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"manish\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.fatbit.com\/glossary\/wireframe\/\",\"url\":\"https:\/\/www.fatbit.com\/glossary\/wireframe\/\",\"name\":\"Wireframe - FATbit\",\"isPartOf\":{\"@id\":\"https:\/\/www.fatbit.com\/glossary\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.fatbit.com\/glossary\/wireframe\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.fatbit.com\/glossary\/wireframe\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.fatbit.com\/glossary\/wp-content\/uploads\/2016\/06\/web-site-design.png\",\"datePublished\":\"2016-06-14T14:14:07+00:00\",\"dateModified\":\"2025-11-18T09:13:30+00:00\",\"author\":{\"@id\":\"https:\/\/www.fatbit.com\/glossary\/#\/schema\/person\/42b3877ff05de614487cbc26ffe75da8\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.fatbit.com\/glossary\/wireframe\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.fatbit.com\/glossary\/wireframe\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.fatbit.com\/glossary\/wireframe\/#primaryimage\",\"url\":\"http:\/\/www.fatbit.com\/glossary\/wp-content\/uploads\/2016\/06\/web-site-design.png\",\"contentUrl\":\"http:\/\/www.fatbit.com\/glossary\/wp-content\/uploads\/2016\/06\/web-site-design.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.fatbit.com\/glossary\/wireframe\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.fatbit.com\/glossary\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wireframe\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.fatbit.com\/glossary\/#website\",\"url\":\"https:\/\/www.fatbit.com\/glossary\/\",\"name\":\"FATbit\",\"description\":\"Glossary\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.fatbit.com\/glossary\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.fatbit.com\/glossary\/#\/schema\/person\/42b3877ff05de614487cbc26ffe75da8\",\"name\":\"manish\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.fatbit.com\/glossary\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/791a723509c6dbfde5c2453e776877aa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/791a723509c6dbfde5c2453e776877aa?s=96&d=mm&r=g\",\"caption\":\"manish\"},\"url\":\"https:\/\/www.fatbit.com\/glossary\/author\/manish\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wireframe - FATbit","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:\/\/www.fatbit.com\/glossary\/wireframe\/","og_locale":"en_US","og_type":"article","og_title":"Wireframe - FATbit","og_description":"A wireframe or website wireframe is a skeleton image of webpage comprising line drawings and dummy text that works as reference for web designers to give them the idea how different content elements should be arranged while designing the actual page layout. Wireframes can be drawn on a piece of paper, on white boards, or &hellip; Continue reading \"Wireframe\"","og_url":"https:\/\/www.fatbit.com\/glossary\/wireframe\/","og_site_name":"FATbit","article_published_time":"2016-06-14T14:14:07+00:00","article_modified_time":"2025-11-18T09:13:30+00:00","og_image":[{"width":650,"height":840,"url":"https:\/\/www.fatbit.com\/glossary\/wp-content\/uploads\/2016\/06\/web-site-design.png","type":"image\/png"}],"author":"manish","twitter_card":"summary_large_image","twitter_misc":{"Written by":"manish"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.fatbit.com\/glossary\/wireframe\/","url":"https:\/\/www.fatbit.com\/glossary\/wireframe\/","name":"Wireframe - FATbit","isPartOf":{"@id":"https:\/\/www.fatbit.com\/glossary\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fatbit.com\/glossary\/wireframe\/#primaryimage"},"image":{"@id":"https:\/\/www.fatbit.com\/glossary\/wireframe\/#primaryimage"},"thumbnailUrl":"http:\/\/www.fatbit.com\/glossary\/wp-content\/uploads\/2016\/06\/web-site-design.png","datePublished":"2016-06-14T14:14:07+00:00","dateModified":"2025-11-18T09:13:30+00:00","author":{"@id":"https:\/\/www.fatbit.com\/glossary\/#\/schema\/person\/42b3877ff05de614487cbc26ffe75da8"},"breadcrumb":{"@id":"https:\/\/www.fatbit.com\/glossary\/wireframe\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fatbit.com\/glossary\/wireframe\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fatbit.com\/glossary\/wireframe\/#primaryimage","url":"http:\/\/www.fatbit.com\/glossary\/wp-content\/uploads\/2016\/06\/web-site-design.png","contentUrl":"http:\/\/www.fatbit.com\/glossary\/wp-content\/uploads\/2016\/06\/web-site-design.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fatbit.com\/glossary\/wireframe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fatbit.com\/glossary\/"},{"@type":"ListItem","position":2,"name":"Wireframe"}]},{"@type":"WebSite","@id":"https:\/\/www.fatbit.com\/glossary\/#website","url":"https:\/\/www.fatbit.com\/glossary\/","name":"FATbit","description":"Glossary","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fatbit.com\/glossary\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.fatbit.com\/glossary\/#\/schema\/person\/42b3877ff05de614487cbc26ffe75da8","name":"manish","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fatbit.com\/glossary\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/791a723509c6dbfde5c2453e776877aa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/791a723509c6dbfde5c2453e776877aa?s=96&d=mm&r=g","caption":"manish"},"url":"https:\/\/www.fatbit.com\/glossary\/author\/manish\/"}]}},"wps_subtitle":"What is a Wireframe ?","_links":{"self":[{"href":"https:\/\/www.fatbit.com\/glossary\/wp-json\/wp\/v2\/posts\/373"}],"collection":[{"href":"https:\/\/www.fatbit.com\/glossary\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fatbit.com\/glossary\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fatbit.com\/glossary\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fatbit.com\/glossary\/wp-json\/wp\/v2\/comments?post=373"}],"version-history":[{"count":0,"href":"https:\/\/www.fatbit.com\/glossary\/wp-json\/wp\/v2\/posts\/373\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fatbit.com\/glossary\/wp-json\/wp\/v2\/media?parent=373"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fatbit.com\/glossary\/wp-json\/wp\/v2\/categories?post=373"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fatbit.com\/glossary\/wp-json\/wp\/v2\/tags?post=373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}