{"id":20567,"date":"2014-12-29T08:21:35","date_gmt":"2014-12-29T08:21:35","guid":{"rendered":"http:\/\/vskills.in\/certification\/blog\/?p=20567"},"modified":"2024-04-03T13:14:52","modified_gmt":"2024-04-03T07:44:52","slug":"visual-metaphor","status":"publish","type":"post","link":"https:\/\/www.vskills.in\/certification\/blog\/visual-metaphor\/","title":{"rendered":"Visual metaphor"},"content":{"rendered":"<p style=\"text-align: center\"><a ref=\"magnificPopup\" href=\"http:\/\/vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/visual-metaphor.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-20672\" alt=\"visual-metaphor\" src=\"http:\/\/vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/visual-metaphor-249x300.png\" width=\"249\" height=\"300\" srcset=\"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/visual-metaphor-249x300.png 249w, https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/visual-metaphor.png 404w\" sizes=\"auto, (max-width: 249px) 100vw, 249px\" \/><\/a><\/p>\n<p>Your site\u2019s design should be completed before a single line of HTML\/CSS is coded.<br \/>\nIt\u2019s very important to get the design right, and eliminate design errors during the designing phase rather than scraping off humungous lines of code in the future.<\/p>\n<p>Visual metaphor refers to the site layout and color scheme which gives the look-and-feel to the website theme.<br \/>\nEg. When you are building a site focused towards children of age group 7-12,you might want to give bright colors and cartoony fonts also sketches to build on the site theme.<\/p>\n<p>Let\u2019s clear the differences between a site\u2019s theme and a site\u2019s visual metaphor.<br \/>\nThe site\u2019s theme is the content of the website,<br \/>\ne.g. The theme of flipkart is an online megastore.<\/p>\n<p>A visual metaphor on the other hand refers to the design elements(color, font, graphics, etc) that reinforces the site\u2019s theme.<br \/>\nDeveloping a visual metaphor is all about brain storming and focusing on the needs of the user, the content in the site and what visual elements you would like to have on the page.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.vskills.in\/certification\/Web-Development\">Click here for government certification in Web Development<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Your site\u2019s design should be completed before a single line of HTML\/CSS is coded. It\u2019s very important to get the design right, and eliminate design errors during the designing phase rather than scraping off humungous lines of code in the future. Visual metaphor refers to the site layout and color scheme which gives the look-and-feel&#8230;<\/p>\n","protected":false},"author":384,"featured_media":20672,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[1558],"tags":[1574,1576],"class_list":["post-20567","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development-2","tag-visual-metaphor","tag-website-development"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Visual metaphor - Vskills Blog<\/title>\n<meta name=\"description\" content=\"What is Visual metaphor in website development\" \/>\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\/visual-metaphor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visual metaphor - Vskills Blog\" \/>\n<meta property=\"og:description\" content=\"What is Visual metaphor in website development\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/blog\/visual-metaphor\/\" \/>\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-29T08:21:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-03T07:44:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/visual-metaphor.png\" \/>\n\t<meta property=\"og:image:width\" content=\"404\" \/>\n\t<meta property=\"og:image:height\" content=\"485\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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\/visual-metaphor\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/blog\/visual-metaphor\/\",\"name\":\"Visual metaphor - Vskills Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/visual-metaphor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/visual-metaphor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/visual-metaphor.png\",\"datePublished\":\"2014-12-29T08:21:35+00:00\",\"dateModified\":\"2024-04-03T07:44:52+00:00\",\"author\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/14cbb68187ab929c2a7c14f7bed3d66f\"},\"description\":\"What is Visual metaphor in website development\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/visual-metaphor\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/blog\/visual-metaphor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/visual-metaphor\/#primaryimage\",\"url\":\"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/visual-metaphor.png\",\"contentUrl\":\"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/visual-metaphor.png\",\"width\":404,\"height\":485},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/visual-metaphor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Visual metaphor\"}]},{\"@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":"Visual metaphor - Vskills Blog","description":"What is Visual metaphor in website development","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\/visual-metaphor\/","og_locale":"en_US","og_type":"article","og_title":"Visual metaphor - Vskills Blog","og_description":"What is Visual metaphor in website development","og_url":"https:\/\/www.vskills.in\/certification\/blog\/visual-metaphor\/","og_site_name":"Vskills Blog","article_publisher":"https:\/\/www.facebook.com\/vskills.in","article_published_time":"2014-12-29T08:21:35+00:00","article_modified_time":"2024-04-03T07:44:52+00:00","og_image":[{"width":404,"height":485,"url":"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/visual-metaphor.png","type":"image\/png"}],"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\/visual-metaphor\/","url":"https:\/\/www.vskills.in\/certification\/blog\/visual-metaphor\/","name":"Visual metaphor - Vskills Blog","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/visual-metaphor\/#primaryimage"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/visual-metaphor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/visual-metaphor.png","datePublished":"2014-12-29T08:21:35+00:00","dateModified":"2024-04-03T07:44:52+00:00","author":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/14cbb68187ab929c2a7c14f7bed3d66f"},"description":"What is Visual metaphor in website development","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/visual-metaphor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/blog\/visual-metaphor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/blog\/visual-metaphor\/#primaryimage","url":"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/visual-metaphor.png","contentUrl":"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/visual-metaphor.png","width":404,"height":485},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/blog\/visual-metaphor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/blog\/"},{"@type":"ListItem","position":2,"name":"Visual metaphor"}]},{"@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\/20567","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=20567"}],"version-history":[{"count":6,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/posts\/20567\/revisions"}],"predecessor-version":[{"id":70957,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/posts\/20567\/revisions\/70957"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/media\/20672"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/media?parent=20567"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/categories?post=20567"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/tags?post=20567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}