{"id":27329,"date":"2017-02-11T20:10:50","date_gmt":"2017-02-11T18:10:50","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=27329"},"modified":"2017-02-11T20:10:50","modified_gmt":"2017-02-11T18:10:50","slug":"sketch-wireframe-mockup","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2017\/02\/11\/sketch-wireframe-mockup\/","title":{"rendered":"Sketch, wireframe, mockup"},"content":{"rendered":"\n

\"\"<\/a><\/p>\n

I think this image is probably the best explanation I’ve ever seen of the difference between sketches, wireframes, and mockups. \u00a0It comes from this article<\/a>.<\/p>\n\n","protected":false},"excerpt":{"rendered":"\n

I think this image is probably the best explanation I’ve ever seen of the difference between sketches, wireframes, and mockups. \u00a0It comes from this article.<\/p>\n\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Sketch, wireframe, mockup #design #WebDesign #WebDev #mobile","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1,62,1334],"tags":[3056,1141,930,2962,1157,1330],"keyring_services":[],"class_list":["post-27329","post","type-post","status-publish","format-standard","hentry","category-general","category-technology","category-web-work","tag-design","tag-mobile","tag-sketch","tag-terminology","tag-web-design","tag-web-development"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":22219,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/18\/interface-sketch\/","url_meta":{"origin":27329,"position":0},"title":"Interface sketch","author":"Leonid Mamchenkov","date":"July 18, 2014","format":"link","excerpt":"Interface sketch - if you're designing a website or app, these simple templates are designed to help you sketch your ideas on paper.","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"web browser template","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/07\/web-browser-template-500x285.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":27477,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/03\/31\/the-20-best-wireframe-tools\/","url_meta":{"origin":27329,"position":1},"title":"The 20 best wireframe tools","author":"Leonid Mamchenkov","date":"March 31, 2017","format":false,"excerpt":"\u00a0 Creative Bloq lists 20 best wireframe tools. \u00a0The selection varies from free, through cheap, to expensive, and covers web-based, desktop, and mobile solutions. \u00a0Quite handy for those of us not involved in web design on a daily basis, but needing a sketch \/ mockup \/ wireframe tool once in\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/03\/wireframe-500x341.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":22379,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/08\/12\/p5-js-a-javascript-drawing-library\/","url_meta":{"origin":27329,"position":2},"title":"p5.js – a JavaScript drawing library","author":"Leonid Mamchenkov","date":"August 12, 2014","format":"link","excerpt":"p5.js - a JavaScript drawing library. p5.js is a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today's web. Using the original metaphor of a software sketchbook, p5.js has a full set of drawing\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":27337,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/02\/12\/web-design-from-zero-experience-to-a-high-paying-job\/","url_meta":{"origin":27329,"position":3},"title":"Web design : from zero experience to a high paying job","author":"Leonid Mamchenkov","date":"February 12, 2017","format":false,"excerpt":"Richard Yang, a UX designer at Sony, shares his path from a guy with zero experience in design to a respected professional with a high paying job. \u00a0Much like with any professional, in the past, present or future, it wasn't an overnight success, but an inhuman amount of work and\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":28423,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/03\/04\/a-comprehensive-guide-to-web-design\/","url_meta":{"origin":27329,"position":4},"title":"A Comprehensive Guide To Web Design","author":"Leonid Mamchenkov","date":"March 4, 2018","format":false,"excerpt":"\"A Comprehensive Guide To Web Design\" is a rather lengthy article that focuses on the non-technical bits of the web design.\u00a0 It's not about the tools and technologies, but more about the meaning and good practices.\u00a0 The article covers the design of navigation, content, call to action, web forms, accessibility,\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":7513,"url":"https:\/\/mamchenkov.net\/wordpress\/2004\/05\/19\/web-design-and-graphics-design-resources\/","url_meta":{"origin":27329,"position":5},"title":"Web design and graphics design resources","author":"Leonid Mamchenkov","date":"May 19, 2004","format":false,"excerpt":"I came across few interesting resources on the topic of web design and graphic design for the web. While I am not a designer, sometimes memory refreshment on basic things are good. Graphic Design for the Web is a collection of articles and links to articles explaining basic concepts and\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/27329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=27329"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/27329\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=27329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=27329"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=27329"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=27329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}