{"id":20880,"date":"2014-12-31T05:28:42","date_gmt":"2014-12-31T05:28:42","guid":{"rendered":"http:\/\/vskills.in\/certification\/blog\/?p=20880"},"modified":"2024-04-03T13:14:54","modified_gmt":"2024-04-03T07:44:54","slug":"creating-a-storyboard","status":"publish","type":"post","link":"https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/","title":{"rendered":"Creating a storyboard"},"content":{"rendered":"

\"creating-a-storyboard\"<\/a><\/p>\n

This is a very simple and straightforward procedure, get a sheet of paper, a few set of colored pens, pencils, crayons, markers etc. ,an eraser and a scale and get going.<\/p>\n

But a few things could help make the process more systematic like<\/p>\n

1. Get a sheet of paper and draw a grid
\nYou might be wondering why a grid?
\nThe reason for this is fairly simple, grid helps us in positioning of items on web page.
\nIt is easier to align elements by using grid rather than using guess work.<\/p>\n

2. Sketch out!
\nDraw the layout with as little details as possible.
\nReplace the lines of content with simple straight lines or \u201cContent goes here\u201d.
\nThe reason of the storyboard is to get a grasp of how the site should appear and not the actual site itself.<\/p>\n

3. Color it & visualize the storyboard
\nLast step is to add color to the storyboard.
\nThe Storyboard need not be the exact replica of the site, but atleast it helps us in understanding how different colors would mesh well and which won\u2019t.<\/p>\n

Click here for government certification in Web Development<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

This is a very simple and straightforward procedure, get a sheet of paper, a few set of colored pens, pencils, crayons, markers etc. ,an eraser and a scale and get going. But a few things could help make the process more systematic like 1. Get a sheet of paper and draw a grid You might…<\/p>\n","protected":false},"author":384,"featured_media":52145,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[1558],"tags":[1611,1612],"class_list":["post-20880","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development-2","tag-creating-a-storyboard","tag-storyboard"],"acf":[],"yoast_head":"\nCreating a storyboard - Vskills Blog<\/title>\n<meta name=\"description\" content=\"How to create a storyboard\" \/>\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.vskills.in\/certification\/blog\/creating-a-storyboard\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating a storyboard - Vskills Blog\" \/>\n<meta property=\"og:description\" content=\"How to create a storyboard\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/\" \/>\n<meta property=\"og:site_name\" content=\"Vskills Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vskills.in\" \/>\n<meta property=\"article:published_time\" content=\"2014-12-31T05:28:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-03T07:44:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/13_Creating-storyboard.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"Mujthaba Hassan\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mujthaba Hassan\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/\",\"name\":\"Creating a storyboard - Vskills Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/13_Creating-storyboard.gif\",\"datePublished\":\"2014-12-31T05:28:42+00:00\",\"dateModified\":\"2024-04-03T07:44:54+00:00\",\"author\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/14cbb68187ab929c2a7c14f7bed3d66f\"},\"description\":\"How to create a storyboard\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/#primaryimage\",\"url\":\"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/13_Creating-storyboard.gif\",\"contentUrl\":\"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/13_Creating-storyboard.gif\",\"width\":750,\"height\":400,\"caption\":\"Creating a storyboard\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating a storyboard\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#website\",\"url\":\"https:\/\/www.vskills.in\/certification\/blog\/\",\"name\":\"Vskills Blog\",\"description\":\"Vskills - A Initiative in Assessment to Enhance Employability\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vskills.in\/certification\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/14cbb68187ab929c2a7c14f7bed3d66f\",\"name\":\"Mujthaba Hassan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bef05a751a6f9d5a7a54c2e8618ed66c27f29ea1bd9831ce639f6d7ed8ccc9ff?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bef05a751a6f9d5a7a54c2e8618ed66c27f29ea1bd9831ce639f6d7ed8ccc9ff?s=96&d=mm&r=g\",\"caption\":\"Mujthaba Hassan\"},\"description\":\"I am person with a thirst for knowledge and a strong sense of curiosity. I believe what ever the mind sets out to achieve, it does achieve it in the end if it is perseverant. Feel free to contact me and have a nice chat about technology, business, research or anything fascinating.\",\"url\":\"https:\/\/www.vskills.in\/certification\/blog\/author\/mujthaba-hassan\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creating a storyboard - Vskills Blog","description":"How to create a storyboard","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.vskills.in\/certification\/blog\/creating-a-storyboard\/","og_locale":"en_US","og_type":"article","og_title":"Creating a storyboard - Vskills Blog","og_description":"How to create a storyboard","og_url":"https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/","og_site_name":"Vskills Blog","article_publisher":"https:\/\/www.facebook.com\/vskills.in","article_published_time":"2014-12-31T05:28:42+00:00","article_modified_time":"2024-04-03T07:44:54+00:00","og_image":[{"width":750,"height":400,"url":"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/13_Creating-storyboard.gif","type":"image\/gif"}],"author":"Mujthaba Hassan","twitter_misc":{"Written by":"Mujthaba Hassan","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/","url":"https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/","name":"Creating a storyboard - Vskills Blog","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/#primaryimage"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/13_Creating-storyboard.gif","datePublished":"2014-12-31T05:28:42+00:00","dateModified":"2024-04-03T07:44:54+00:00","author":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/14cbb68187ab929c2a7c14f7bed3d66f"},"description":"How to create a storyboard","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/#primaryimage","url":"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/13_Creating-storyboard.gif","contentUrl":"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/13_Creating-storyboard.gif","width":750,"height":400,"caption":"Creating a storyboard"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/blog\/creating-a-storyboard\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/blog\/"},{"@type":"ListItem","position":2,"name":"Creating a storyboard"}]},{"@type":"WebSite","@id":"https:\/\/www.vskills.in\/certification\/blog\/#website","url":"https:\/\/www.vskills.in\/certification\/blog\/","name":"Vskills Blog","description":"Vskills - A Initiative in Assessment to Enhance Employability","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vskills.in\/certification\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/14cbb68187ab929c2a7c14f7bed3d66f","name":"Mujthaba Hassan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bef05a751a6f9d5a7a54c2e8618ed66c27f29ea1bd9831ce639f6d7ed8ccc9ff?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bef05a751a6f9d5a7a54c2e8618ed66c27f29ea1bd9831ce639f6d7ed8ccc9ff?s=96&d=mm&r=g","caption":"Mujthaba Hassan"},"description":"I am person with a thirst for knowledge and a strong sense of curiosity. I believe what ever the mind sets out to achieve, it does achieve it in the end if it is perseverant. Feel free to contact me and have a nice chat about technology, business, research or anything fascinating.","url":"https:\/\/www.vskills.in\/certification\/blog\/author\/mujthaba-hassan\/"}]}},"_links":{"self":[{"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/posts\/20880","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/users\/384"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/comments?post=20880"}],"version-history":[{"count":4,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/posts\/20880\/revisions"}],"predecessor-version":[{"id":70993,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/posts\/20880\/revisions\/70993"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/media\/52145"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/media?parent=20880"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/categories?post=20880"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/tags?post=20880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}