{"id":19264,"date":"2014-02-06T23:01:40","date_gmt":"2014-02-06T15:01:40","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=19264"},"modified":"2022-07-17T21:36:04","modified_gmt":"2022-07-17T13:36:04","slug":"detailed-ui-sketches-designs","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/detailed-ui-sketches-designs\/","title":{"rendered":"20 Detailed UI Concept Sketches For Your Inspiration"},"content":{"rendered":"<p><a href=\"https:\/\/www.hongkiat.com\/blog\/basic-guidelines-to-product-sketching\/\">A sketch is a skeleton of an idea<\/a> that was came to be originally as a thought. While we used to do it <a href=\"https:\/\/www.hongkiat.com\/blog\/advantages-pen-paper-computer-design\/\">by hand, and on paper<\/a>, creating different mock-ups and sketches these days can be done digitally via various applications. While lots of designers and artists go with the times and do their sketches on computers, a big number of creatives still prefer drawing by hand.<\/p>\n<p>It\u2019s great following a sketch from conception to fruition, and it is so inspirational to see how an ordinary drawing on a piece of paper <a href=\"https:\/\/www.hongkiat.com\/blog\/sketched-final-icon-design\/\">can turn into a stunning design<\/a>, be it for mobile or desktop.<\/p>\n<p>We have put together <strong>20 great examples of user interface sketches and ready designs <\/strong>to inspire you to take a step back and try out your ideas on paper and see where that takes you. Who knows, maybe it will inspire you to go back to the old ways for future UI projects. Let\u2019s see where that takes you, shall we?<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/basic-guidelines-to-product-sketching\/\" class=\"ref-block__link\" title=\"Read More: Basic Guidelines to Product Sketching\" rel=\"bookmark\"><span class=\"screen-reader-text\">Basic Guidelines to Product Sketching<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/basic-guidelines-to-product-sketching.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-8508 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/basic-guidelines-to-product-sketching.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Basic Guidelines to Product Sketching<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tThis article will introduce to main guidelines to product sketching that are useful to know for young designers...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h3>#1 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/913812-Swipe-to-login\">Eddie Lobanovskiy<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/1-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"400\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#2 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/727986-Sketch-Mockup\">Bady<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/2-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"393\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#3 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/654513-Ordify-Wireframe\">Maik Fahldieck<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/3-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"400\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#4 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/486962-tweet-this\">Eddie Lobanovskiy<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/4-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"400\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#5 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/897336-Radio-App-Player\">Rom\u00e1n Jusdado<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/5-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"400\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#6 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.behance.net\/gallery\/iOS-billing-app-with-timer\/7784821\">Mihnea Zamfir<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/6-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"450\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#7 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.behance.net\/gallery\/UI-Sketches\/8240225\">Jasmine Calderon<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/7-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"400\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#8 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.behance.net\/gallery\/Moment-Icon-Design\/10051765\">ackie Tran Anh<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/8-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"400\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#9 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/709178-UI-sketching\">Neal Corbett <\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/9-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"400\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#10 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/937899-Player-Buttons-UI\">Luke Etheridge <\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/10-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"400\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#11 @Petr Knoll<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/11-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"450\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#12 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/240585-Client-Feedback-Generator\">Mike DelGuidice<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/12-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"400\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#13 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/660112-Info\">Nicholas Swanson<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/13-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"448\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#14 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/252270-Sales-Goals-Landing-Page\">Nicholas Swanson<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/14-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"400\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#15 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/856537-UI-Sketch\">Etch<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/15-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"400\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#16 @Konrad Group<\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/16-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"331\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#17 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/360610-Dashboard-PS\">Eric Guess<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/17-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"400\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#18 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1051721-Process-of-Tasks\">Ryan Smith<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/18-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"284\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#19 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1007138-Motlee-UI-Sketches\">Stephen Corby<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/19-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"400\" alt=\"UI Concept Sketches\"><\/figure>\n<h3>#20 @<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/977005-NLS-Mobile-Sketches\">Luis M Ruiz<\/a><\/h3>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/20-ui-concept-sketches-ready-designs.jpg\" width=\"600\" height=\"400\" alt=\"UI Concept Sketches\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>A sketch is a skeleton of an idea that was came to be originally as a thought. While we used to do it by hand, and on paper, creating different mock-ups and sketches these days can be done digitally via various applications. While lots of designers and artists go with the times and do their&hellip;<\/p>\n","protected":false},"author":124,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3395],"tags":[1773,4102],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>20 Detailed UI Concept Sketches For Your Inspiration - Hongkiat<\/title>\n<meta name=\"description\" content=\"A sketch is a skeleton of an idea that was came to be originally as a thought. While we used to do it by hand, and on paper, creating different mock-ups\" \/>\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.hongkiat.com\/blog\/detailed-ui-sketches-designs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"20 Detailed UI Concept Sketches For Your Inspiration\" \/>\n<meta property=\"og:description\" content=\"A sketch is a skeleton of an idea that was came to be originally as a thought. While we used to do it by hand, and on paper, creating different mock-ups\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/detailed-ui-sketches-designs\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2014-02-06T15:01:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-17T13:36:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/1-ui-concept-sketches-ready-designs.jpg\" \/>\n<meta name=\"author\" content=\"Nancy Young\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nancy Young\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/detailed-ui-sketches-designs\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/detailed-ui-sketches-designs\\\/\"},\"author\":{\"name\":\"Nancy Young\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/943d20daf5b8c7638175cba309ef6e32\"},\"headline\":\"20 Detailed UI Concept Sketches For Your Inspiration\",\"datePublished\":\"2014-02-06T15:01:40+00:00\",\"dateModified\":\"2022-07-17T13:36:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/detailed-ui-sketches-designs\\\/\"},\"wordCount\":220,\"commentCount\":11,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/detailed-ui-sketches-designs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/detailed-ui-sketches-designs\\\/1-ui-concept-sketches-ready-designs.jpg\",\"keywords\":[\"Concept Design\",\"Interface Design\"],\"articleSection\":[\"UI\\\/UX\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/detailed-ui-sketches-designs\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/detailed-ui-sketches-designs\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/detailed-ui-sketches-designs\\\/\",\"name\":\"20 Detailed UI Concept Sketches For Your Inspiration - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/detailed-ui-sketches-designs\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/detailed-ui-sketches-designs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/detailed-ui-sketches-designs\\\/1-ui-concept-sketches-ready-designs.jpg\",\"datePublished\":\"2014-02-06T15:01:40+00:00\",\"dateModified\":\"2022-07-17T13:36:04+00:00\",\"description\":\"A sketch is a skeleton of an idea that was came to be originally as a thought. While we used to do it by hand, and on paper, creating different mock-ups\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/detailed-ui-sketches-designs\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/detailed-ui-sketches-designs\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/detailed-ui-sketches-designs\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/detailed-ui-sketches-designs\\\/1-ui-concept-sketches-ready-designs.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/detailed-ui-sketches-designs\\\/1-ui-concept-sketches-ready-designs.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/detailed-ui-sketches-designs\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"20 Detailed UI Concept Sketches For Your Inspiration\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/943d20daf5b8c7638175cba309ef6e32\",\"name\":\"Nancy Young\",\"description\":\"Nancy has over seven years of experience in writing for different online mediums. Her expertise lies in creating inspirational articles with beautiful images.\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/nancy_young\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"20 Detailed UI Concept Sketches For Your Inspiration - Hongkiat","description":"A sketch is a skeleton of an idea that was came to be originally as a thought. While we used to do it by hand, and on paper, creating different mock-ups","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.hongkiat.com\/blog\/detailed-ui-sketches-designs\/","og_locale":"en_US","og_type":"article","og_title":"20 Detailed UI Concept Sketches For Your Inspiration","og_description":"A sketch is a skeleton of an idea that was came to be originally as a thought. While we used to do it by hand, and on paper, creating different mock-ups","og_url":"https:\/\/www.hongkiat.com\/blog\/detailed-ui-sketches-designs\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2014-02-06T15:01:40+00:00","article_modified_time":"2022-07-17T13:36:04+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/1-ui-concept-sketches-ready-designs.jpg","type":"","width":"","height":""}],"author":"Nancy Young","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Nancy Young","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/detailed-ui-sketches-designs\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/detailed-ui-sketches-designs\/"},"author":{"name":"Nancy Young","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/943d20daf5b8c7638175cba309ef6e32"},"headline":"20 Detailed UI Concept Sketches For Your Inspiration","datePublished":"2014-02-06T15:01:40+00:00","dateModified":"2022-07-17T13:36:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/detailed-ui-sketches-designs\/"},"wordCount":220,"commentCount":11,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/detailed-ui-sketches-designs\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/1-ui-concept-sketches-ready-designs.jpg","keywords":["Concept Design","Interface Design"],"articleSection":["UI\/UX"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/detailed-ui-sketches-designs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/detailed-ui-sketches-designs\/","url":"https:\/\/www.hongkiat.com\/blog\/detailed-ui-sketches-designs\/","name":"20 Detailed UI Concept Sketches For Your Inspiration - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/detailed-ui-sketches-designs\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/detailed-ui-sketches-designs\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/1-ui-concept-sketches-ready-designs.jpg","datePublished":"2014-02-06T15:01:40+00:00","dateModified":"2022-07-17T13:36:04+00:00","description":"A sketch is a skeleton of an idea that was came to be originally as a thought. While we used to do it by hand, and on paper, creating different mock-ups","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/detailed-ui-sketches-designs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/detailed-ui-sketches-designs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/detailed-ui-sketches-designs\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/1-ui-concept-sketches-ready-designs.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/detailed-ui-sketches-designs\/1-ui-concept-sketches-ready-designs.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/detailed-ui-sketches-designs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"20 Detailed UI Concept Sketches For Your Inspiration"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/943d20daf5b8c7638175cba309ef6e32","name":"Nancy Young","description":"Nancy has over seven years of experience in writing for different online mediums. Her expertise lies in creating inspirational articles with beautiful images.","url":"https:\/\/www.hongkiat.com\/blog\/author\/nancy_young\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-50I","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/124"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=19264"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19264\/revisions"}],"predecessor-version":[{"id":49355,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19264\/revisions\/49355"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=19264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=19264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=19264"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=19264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}