{"id":3440,"date":"2010-11-10T17:16:50","date_gmt":"2010-11-10T06:16:50","guid":{"rendered":"https:\/\/stage.creately.com\/blog\/?p=3440"},"modified":"2011-08-04T20:05:26","modified_gmt":"2011-08-04T09:05:26","slug":"wireframes-and-mockups-are-they-worth-getting-to-know","status":"publish","type":"post","link":"https:\/\/stage.creately.com\/blog\/diagrams\/wireframes-and-mockups-are-they-worth-getting-to-know\/","title":{"rendered":"Wireframes and Mockups. Are they worth getting to know?"},"content":{"rendered":"
<\/div>
\n

There\u2019s a reason why we\u2019ve implied (above) that both wireframes and mockups<\/a> share a close relationship.<\/p>\n

But before (we explain, and) you get your brain all jittery with definitions, remember that figuring out what a wireframe and a mockup is a simple deal. The former is basically a skeleton of an interface minus the aesthetic details. The latter, on the other hand, is a model of the web site in real life complete with fonts, colours, buttons, and the whole nine yards.<\/p>\n

While a wireframe<\/a> is commonly used to establish the basic structure of a site, so that a client is aware of how it will look, a mockup is just one step before the site is launched (for real) – see the relationship? There\u2019s nothing like a diagram to show this, so take a peek at the wireframe below.<\/p>\n

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

Now, sneek a peek at a mockup, again below.<\/p>\n<\/div>\n

\n

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

Of course, with Creately offering an online platform, you are at the receiving end of a whole host of advantages. Not only do you get to create interactive mockups<\/a>, you get to share <\/a>them with your team & clients by inviting them to review & comment. You can also engage clients to iterate over your mockups to reduce project turnaround times.<\/p>\n

So with Creately being a real diagramming-meister<\/a>, you can betcha we\u2019ll be back with more (and varied!!) wireframes and mockups in no time. Til then, run amok with them mockups!<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

There\u2019s a reason why we\u2019ve implied (above) that both wireframes and mockups share a close relationship. But before (we explain, and) you get your brain all jittery with definitions, remember that figuring out what a wireframe and a mockup is… Read More<\/a><\/span><\/p>\n","protected":false},"author":15,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[681,686,683,115,85,94],"class_list":["post-3440","post","type-post","status-publish","format-standard","hentry","category-diagrams","tag-diagrams","tag-examples","tag-features","tag-mockups","tag-web-design","tag-wireframes"],"_links":{"self":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/3440","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\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/comments?post=3440"}],"version-history":[{"count":24,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/3440\/revisions"}],"predecessor-version":[{"id":6915,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/3440\/revisions\/6915"}],"wp:attachment":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/media?parent=3440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/categories?post=3440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/tags?post=3440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}