{"id":488,"date":"2009-01-12T09:37:59","date_gmt":"2009-01-12T08:37:59","guid":{"rendered":"http:\/\/www.nielsgamborg.dk\/wordpress\/?p=488"},"modified":"2009-01-12T09:37:59","modified_gmt":"2009-01-12T08:37:59","slug":"web-20-logo-design","status":"publish","type":"post","link":"https:\/\/nielsgamborg.dk\/wordpress\/design\/web-20-logo-design.htm","title":{"rendered":"Web 2.0 logo design"},"content":{"rendered":"<p><strong>Web 2.0 logoer<\/strong> adskiller sig fra traditionelle logoer, da de\u00a0ofte er designet udelukkende\u00a0til sk\u00e6rmbrug.<\/p>\n<p>P\u00e5 en sk\u00e6rm kan man bruge en lang r\u00e6kke subtile farvenuancer og farveforl\u00f8b, som man ikke ser i\u00a0 traditionelt logo design. Der skal ikke tages hensyn til, at et logo skal kunne faxes, fotokopieres eller trykkes i den lokale avis.<\/p>\n<p>Web 2.0 b\u00f8lgen er ved at have en del \u00e5r p\u00e5 bagen.\u00a0Og der er store\u00a0forskelle\u00a0et logo, der er\u00a0designet f\u00f8rst i perioden, og de logoer, der er blevet designet sidst i perioden.\u00a0Men samtidig\u00a0er der ogs\u00e5 mange f\u00e6llestr\u00e6k ved\u00a0mange af periodens\u00a0logoer.<!--more--><\/p>\n<p>Nogle\u00a0typiske\u00a0web 2.0 logo kendetegn:<\/p>\n<ul>\n<li>Simpel logotype<\/li>\n<li>Neutrale sans serif font<\/li>\n<li>St\u00e6rke klare farver<\/li>\n<li>Subtile farveforskelle og farveforl\u00f8b, ofte brugt til glaseffekter eller spejlinger.<\/li>\n<\/ul>\n<h3>De f\u00f8rste web 2.0 logoer<\/h3>\n<p>I den tidlige del af\u00a0web 2.0 b\u00f8lgen\u00a0indeholdt logoerne ofte en neutral logotype.\u00a0I mange tilf\u00e6lde\u00a0bestod logoet udelukkende af\u00a0denne simple logotype. Udviklerne af de f\u00f8rste web 2.0 tjenester var typisk programm\u00f8rer og fokus var p\u00e5 funktionalitet frem for design.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-495\" title=\"Digg logo\" src=\"http:\/\/www.nielsgamborg.dk\/wordpress\/wp-content\/\/digg_logo.jpg\" alt=\"\" width=\"116\" height=\"61\" \/><\/p>\n<p><strong>Digg<\/strong> er en af de \u00e6ldre web 2.0 teknologier. Den startede tilbage i 2004. Digg&#8217;s logo er et godt eksempel p\u00e5 et tidligt web 2.0 logo baseret p\u00e5 logotype. Typografien er en firkantet sans serif font, der signalerer teknologi og funktionalitet.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-520\" title=\"youtube logo\" src=\"http:\/\/www.nielsgamborg.dk\/wordpress\/wp-content\/\/youtube_logo3.gif\" alt=\"\" width=\"142\" height=\"53\" \/><\/p>\n<p>Kort efter dukkede <strong>YouTube<\/strong> op p\u00e5 web 2.0 scenen. Deres logo var i\u00a0starten noget st\u00f8rre og virkede lidt mere klodset, men udfomningen var identisk med det vi kender i dag. Logotypen er en simpel og meget neutral sans serif font. YouTube har dog peppet logoet op ved at tilf\u00f8je en r\u00f8d\u00a0afrundet rektangel (symboliserer en sk\u00e6rm)\u00a0til deres logo.\u00a0\u00a0 Sk\u00e6rmen har f\u00e5et tilf\u00f8jet en svag gradient, der giver den et lidt plastikagtigt\u00a0feel. En forl\u00f8ber for de senere s\u00e5 popul\u00e6re glaseffekter p\u00e5 web 2.0.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-500\" title=\"picasa logo\" src=\"http:\/\/www.nielsgamborg.dk\/wordpress\/wp-content\/\/picasa_logo.jpg\" alt=\"\" width=\"150\" height=\"55\" \/><\/p>\n<p><strong>Picasa <\/strong>er fra 2004 og logoet udskiller sig fra mange af de samtidige logo&#8217;er ved ogs\u00e5 at have et traditonelt symbolistisk logo sammen med logotypen.\u00a0Selve logotypen\u00a0er typisk for perioden. En neutral Sans Serif.\u00a0Logoet fik en\u00a0opstramning i 2005, hvor fonten blev skiftet ud til en anden sans serif med noget mere karakteristiske a&#8217;er.<\/p>\n<p>Et andet web 2.0 kendetegn er de klare\u00a0farver i den symboliserede bl\u00e6nde\u00e5bning.<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-499\" title=\"youtube_logo\" src=\"http:\/\/www.nielsgamborg.dk\/wordpress\/wp-content\/\/youtube_logo.gif\" alt=\"\" width=\"1\" height=\"1\" \/><\/p>\n<h3>De senere Web 2.0 logo<\/h3>\n<p>Efter den allerf\u00f8rste web 2.0 b\u00f8lge begyndte web 2.0 b\u00f8lgen at udvikle sine helt egne designtrends.\u00a0I starten blev der ironisk refereret til web 2.0 som v\u00e6rende identisk med gr\u00f8nne glasknapper. Og rent designm\u00e6ssigt var det ikke skudt helt ved siden af. Den righoldighed og avancerethed man oplevede i de moderne web 2.0\u00a0webapplikationer begyndte ogs\u00e5 at afspejle sig i designet. Det blev leget med gradienter og farveforl\u00f8b, og b\u00e5de st\u00e6rke farver og sarte nuancer. Det lidt h\u00e5rde tekniske udtryk er blevet afl\u00f8st af en mere organisk og levende stil.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-494\" title=\"Mailbigfile logo\" src=\"http:\/\/www.nielsgamborg.dk\/wordpress\/wp-content\/\/mailbigfile_logo.png\" alt=\"\" width=\"417\" height=\"65\" \/><\/p>\n<p>P\u00e5 dette <strong>mailbigfile<\/strong> logo\u00a0fra 2006 ses flere af periodens karakteristika.\u00a0 Glaseffekten er i\u00f8jnefaldende, og det samme er det utraditionelle farvevalg for et logo. Fonten er en moderne sans serif, men i mods\u00e6tning til mange af de tidligere web 2.0 logoer, er fonten afrundet og organisk. Og det organiske udtryk bliver yderligere forst\u00e6rket af det hvide omrids p\u00e5 logotypen.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-513\" title=\"twitter logo\" src=\"http:\/\/www.nielsgamborg.dk\/wordpress\/wp-content\/\/twitter_logo.jpg\" alt=\"\" width=\"229\" height=\"67\" \/><\/p>\n<p><strong>Twitter<\/strong> logoet fra\u00a02007 har\u00a0mange af de\u00a0samme web 2.0 kendetegn\u00a0. Igen sammme organiske udtryk i logotypen som mailbigfile logoet. Nuancerne er tilgeng\u00e6ld lidt mere sarte, og\u00a0farveforl\u00f8bet er ganske subtilt. I dag har twitter helt fjernet farveforl\u00f8bet fra deres logo, og farven p\u00e5 logotypen er blevet mere bl\u00e5.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-517\" title=\"wipbox logo\" src=\"http:\/\/www.nielsgamborg.dk\/wordpress\/wp-content\/\/wipbox_logo.gif\" alt=\"\" width=\"203\" height=\"88\" \/><\/p>\n<p>Som et sidste eksempel har jeg valgt et logo fra <strong>wipbox<\/strong>. Wipbox er en nyere web 2.0 tjeneste fra 2007.\u00a0\u00a0Logoet skiller sig meget ud fra de andre logo&#8217;er\u00a0vi har kigget p\u00e5, men\u00a0indeholder\u00a0alligevel\u00a0mange web 2.0 karakteristika.<\/p>\n<p>Logotypen er en kursiv serif skrift, s\u00e5 udtrykket er stadig meget organisk i stil med de andre nyere web 2.0 logoer. Logoet har en anelse glaseffekt ved at det er delt i 2 nuancer af gr\u00f8n. Og endelig har logo&#8217;et en spejleffekt, der ogs\u00e5 er ganske typisk for web 2.0 logo&#8217;er.<\/p>\n<h3>Flere Web 2.0 logoer og Web 2.0 design<\/h3>\n<p>Her er\u00a0en r\u00e6kke ressourcer, hvor du kan skaffe dig et overblik over mange flere web 2.0 logoer, og andet typisk web 2.0 webdesign.<\/p>\n<p><a title=\"Web 2.0 logoer\" href=\"http:\/\/www.logotwo.com\/\">Web 2.0 logo showcases<\/a> er et site der samler p\u00e5 web 2.0 logo&#8217;er<\/p>\n<p><a title=\"Web 2.0 logoer\" href=\"http:\/\/www.web2list.com\/logos\/\">Flere Web 2.0 logoer<\/a> fra et web 2.0 site. Linket er til deres logo samling.<\/p>\n<p><a title=\"Web 2.0. Design guide\" href=\"http:\/\/webdesignfromscratch.com\/web-2.0-design-style-guide.php\">Web 2.0. Design guide<\/a> er en lidt \u00e6ldre artikel, der beskriver en r\u00e6kke design karakteristka ved web 2.0. Blandt andet ogs\u00e5 logo design.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web 2.0 logoer adskiller sig fra traditionelle logoer, da de\u00a0ofte er designet udelukkende\u00a0til sk\u00e6rmbrug. P\u00e5 en sk\u00e6rm kan man bruge en lang r\u00e6kke subtile farvenuancer og farveforl\u00f8b, som man ikke ser i\u00a0 traditionelt logo design. Der skal ikke tages hensyn til, at et logo skal kunne faxes, fotokopieres eller trykkes i den lokale avis. Web [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[78,169,291,293],"_links":{"self":[{"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/posts\/488"}],"collection":[{"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/comments?post=488"}],"version-history":[{"count":0,"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/posts\/488\/revisions"}],"wp:attachment":[{"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/media?parent=488"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/categories?post=488"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/tags?post=488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}