{"id":1477,"date":"2016-11-09T12:43:09","date_gmt":"2016-11-09T12:43:09","guid":{"rendered":"http:\/\/blog.onlinelogomaker.com\/?p=1477"},"modified":"2017-02-06T19:08:18","modified_gmt":"2017-02-06T19:08:18","slug":"responsive-logo-design","status":"publish","type":"post","link":"https:\/\/www.onlinelogomaker.com\/blog\/responsive-logo-design\/","title":{"rendered":"Responsive Logo Design"},"content":{"rendered":"\n<p>With the event of web design comes\u00a0the responsive design, which is one of the best solutions for the huge amount of screen sizes all over the world. At first, it doesn\u2019t apply to outdoor\/business cards issue, but it could be also transferred from the screen to real life.<\/p>\n<p>In this new context of screen possibilities responsive design appears as a logic evolution of web design. First, most of the internet access by very similar browsers and resolutions.\u00a0Now,\u00a0we have huge televisions and tiny smartphones, different sizes of tablets and even notebooks.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1478 size-full\" src=\"http:\/\/blog.onlinelogomaker.com\/wp-content\/uploads\/2016\/11\/responsive_001.jpg\" alt=\"responsive-design\" width=\"1510\" height=\"1030\" srcset=\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/11\/responsive_001.jpg 1510w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/11\/responsive_001-300x205.jpg 300w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/11\/responsive_001-768x524.jpg 768w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/11\/responsive_001-1024x698.jpg 1024w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/11\/responsive_001-600x409.jpg 600w\" sizes=\"(max-width: 1510px) 100vw, 1510px\"><\/p>\n<p><!--more--><\/p>\n<p>Designer Joe Harrison explained this fact in a funny and easy way. While journalists and writers ask designers and programmers to help adapt their content, publicity guys already see themselves obligated to redesign existent logos and even the popular ones so they keep the company\u2019s image updated and not damaged by any platform. This concern will show your customers that you are updated. So, besides the logo, you should:<\/p>\n<ul>\n<li>Adapt your website layout according to several resolutions;<\/li>\n<li>Automate the images resize into each screen size;<\/li>\n<li>Simplify elements for mobile versions in order to make it quicker and easier;<\/li>\n<li>Adapt the size of buttons and links from the mouse to the fingertip.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1479 size-full\" src=\"http:\/\/blog.onlinelogomaker.com\/wp-content\/uploads\/2016\/11\/logos-responsivos-1-.png\" alt=\"responsive-design\" width=\"1600\" height=\"1488\" srcset=\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/11\/logos-responsivos-1-.png 1600w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/11\/logos-responsivos-1--300x279.png 300w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/11\/logos-responsivos-1--768x714.png 768w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/11\/logos-responsivos-1--1024x952.png 1024w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/11\/logos-responsivos-1--600x558.png 600w\" sizes=\"(max-width: 1600px) 100vw, 1600px\"><\/p>\n<p>Joe selected some logos and created their responsive versions to show how it could be. Of course the idea is for you to open this images in different screens and see how they would really look like. But there are some very nice examples, click to see Joe\u2019s full project <a href=\"http:\/\/responsivelogos.co.uk\/\" rel=\"nofollow\">here<\/a>.<\/p>\n<p>This project wants to show how responsive design\u00a0is essential nowadays. Invest one time only and guarantee perfect\u00a0versions of your logo. Your public will recognize you easier. So if you feel like monitoring and taking care of it, here are\u00a0<a href=\"http:\/\/designinstruct.com\/web-design\/responsive-design-testing-tools\/\" rel=\"nofollow\">10 free responsive testing tools<\/a>\u00a0that you can get the best of.<\/p>\n<p>What do you think about it?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>With the event of web design comes\u00a0the responsive design, which is one of the best solutions for the huge amount of screen sizes all over the world. At first, it doesn\u2019t apply to outdoor\/business cards issue, but it could be also transferred from the screen to real life. In this new context of screen possibilities [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[1202,1,1186],"tags":[1307,1317,73,1315,1314,1322,1323,1289,1319],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Responsive Logo Design<\/title>\n<meta name=\"description\" content=\"With the event of webdesign comes the responsive design, which is one of the best solutions for the huge amount of screen sizes all over the world.\" \/>\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.onlinelogomaker.com\/blog\/responsive-logo-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Logo Design\" \/>\n<meta property=\"og:description\" content=\"With the event of webdesign comes the responsive design, which is one of the best solutions for the huge amount of screen sizes all over the world.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.onlinelogomaker.com\/blog\/responsive-logo-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Logo Maker&#039;s Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/onlinelogomaker\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/onlinelogomaker\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-09T12:43:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-02-06T19:08:18+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/blog.onlinelogomaker.com\/wp-content\/uploads\/2016\/11\/responsive_001.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@logogenerator\" \/>\n<meta name=\"twitter:site\" content=\"@logogenerator\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\">\n\t<meta name=\"twitter:data1\" content=\"Luanna\">\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\":\"Organization\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#organization\",\"name\":\"Online Logo Maker\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/onlinelogomaker\",\"https:\/\/www.instagram.com\/onlinelogomaker\/\",\"https:\/\/www.youtube.com\/channel\/UCQ9jGSx6qnAo6_hC290O5Pg\",\"https:\/\/www.pinterest.com\/onlinelogomaker\/\",\"https:\/\/twitter.com\/logogenerator\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/12\/onlinelogomaker.png\",\"width\":1551,\"height\":199,\"caption\":\"Online Logo Maker\"},\"image\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#website\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/\",\"name\":\"Online Logo Maker&#039;s Blog\",\"description\":\"Your number #1 design blog is all about design, branding, freebies and trends!\",\"publisher\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.onlinelogomaker.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/responsive-logo-design\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"http:\/\/blog.onlinelogomaker.com\/wp-content\/uploads\/2016\/11\/responsive_001.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/responsive-logo-design\/#webpage\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/responsive-logo-design\/\",\"name\":\"Responsive Logo Design\",\"isPartOf\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/responsive-logo-design\/#primaryimage\"},\"datePublished\":\"2016-11-09T12:43:09+00:00\",\"dateModified\":\"2017-02-06T19:08:18+00:00\",\"description\":\"With the event of webdesign comes the responsive design, which is one of the best solutions for the huge amount of screen sizes all over the world.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.onlinelogomaker.com\/blog\/responsive-logo-design\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/responsive-logo-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/responsive-logo-design\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#\/schema\/person\/cf9b3c3b2e2ba253b7caebd5bc97cdb6\"},\"headline\":\"Responsive Logo Design\",\"datePublished\":\"2016-11-09T12:43:09+00:00\",\"dateModified\":\"2017-02-06T19:08:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/responsive-logo-design\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/responsive-logo-design\/#primaryimage\"},\"keywords\":\"company,how,Logo Design,responsive,responsive logo design,screen,sizes,understand,webdesign\",\"articleSection\":\"Design Tips,Logo Design,Trends and Curiosities\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.onlinelogomaker.com\/blog\/responsive-logo-design\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#\/schema\/person\/cf9b3c3b2e2ba253b7caebd5bc97cdb6\",\"name\":\"Luanna\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/08dedbbf09227ae6e2dd7e099da073bb?s=96&d=mm&r=g\",\"caption\":\"Luanna\"},\"description\":\"A journalist passionate about the Design's world.\",\"sameAs\":[\"http:\/\/onlinelogomaker.com\",\"https:\/\/www.facebook.com\/onlinelogomaker\/\",\"https:\/\/twitter.com\/logogenerator\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/posts\/1477"}],"collection":[{"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/comments?post=1477"}],"version-history":[{"count":12,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/posts\/1477\/revisions"}],"predecessor-version":[{"id":1712,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/posts\/1477\/revisions\/1712"}],"wp:attachment":[{"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/media?parent=1477"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/categories?post=1477"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/tags?post=1477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}