{"id":8747,"date":"2015-01-27T18:21:50","date_gmt":"2015-01-27T18:21:50","guid":{"rendered":"https:\/\/www.lilavert.com\/blog_lilavert\/?p=8747"},"modified":"2015-01-27T18:21:50","modified_gmt":"2015-01-27T18:21:50","slug":"sonos-un-logo-cree-par-accident-qui-fait-des-vagues","status":"publish","type":"post","link":"https:\/\/www.lilavert.com\/blog_lilavert\/sonos-un-logo-cree-par-accident-qui-fait-des-vagues\/","title":{"rendered":"SONOS, un logo cr\u00e9\u00e9 par accident qui fait des vagues"},"content":{"rendered":"<p><strong>SONOS<\/strong>, un logo cr\u00e9\u00e9 par accident qui fait des vagues&#8230; et qui\u00a0rayonne d&rsquo;\u00e9nergie.<br \/>\nMais pas seulement, lorsque l&rsquo;on fait defiler la page de bas en haut, les vagues\u00a0\u00e9mettent directement \u00e0 partir de son centre &#8211;<br \/>\nce que l&rsquo;\u00e9quipe de conception appelle un \u00ab heureux accident \u00bb.<\/p>\n<p><a href=\"https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2015\/01\/sonoss-hot-logo-happy-accident.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8749 alignnone\" title=\"sonoss-hot-logo-happy-accident\" src=\"https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2015\/01\/sonoss-hot-logo-happy-accident.gif\" alt=\"SONOS Logo - creation accidentelle qui fait des vagues\" width=\"640\" height=\"208\" srcset=\"https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2015\/01\/sonoss-hot-logo-happy-accident.gif 640w, https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2015\/01\/sonoss-hot-logo-happy-accident-150x48.gif 150w, https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2015\/01\/sonoss-hot-logo-happy-accident-300x97.gif 300w, https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2015\/01\/sonoss-hot-logo-happy-accident-400x130.gif 400w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<ul>\n<li><strong>Source<\/strong> : <strong><a title=\"Sonos's Hot New Viral Logo Was A Happy Accident\" href=\"http:\/\/www.fastcodesign.com\/3041367\/sonoss-hot-new-viral-logo-was-a-happy-accident\" target=\"_blank\">FastCodesign<\/a>\u00a0<\/strong>(en)<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>SONOS, un logo cr\u00e9\u00e9 par accident qui fait des vagues&#8230; et qui\u00a0rayonne d&rsquo;\u00e9nergie. Mais pas seulement, lorsque l&rsquo;on fait defiler<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"gallery","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_newsletter_tier_id":0,"footnotes":""},"categories":[215,3648,16,535,514,245],"tags":[3421,22,3757,3759,144,538,4008,3758,103,3453,539,563,1660,345,1911,3760,3756],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p6hYQX-2h5","jetpack-related-posts":[{"id":10393,"url":"https:\/\/www.lilavert.com\/blog_lilavert\/creer-une-charte-graphique\/","url_meta":{"origin":8747,"position":0},"title":"Creer une charte graphique","author":"LilaVert I-I","date":"25\/10\/2015","format":false,"excerpt":"Infographie - Base de r\u00e9flexion pour cr\u00e9er une charte graphique. Polices, logo, couleurs\u2026 Via squid-impact","rel":"","context":"Dans &quot;Creation&quot;","block_context":{"text":"Creation","link":"https:\/\/www.lilavert.com\/blog_lilavert\/category\/creation-2\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2015\/10\/creer-une-charte-graphique.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2015\/10\/creer-une-charte-graphique.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2015\/10\/creer-une-charte-graphique.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2015\/10\/creer-une-charte-graphique.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":8430,"url":"https:\/\/www.lilavert.com\/blog_lilavert\/une-belle-creation-didentite-logo-pour-un-ophtalmologiste\/","url_meta":{"origin":8747,"position":1},"title":"Une belle cr\u00e9ation d&rsquo;identit\u00e9 \/ Logo pour un ophtalmologiste","author":"LilaVert I-I","date":"06\/12\/2014","format":"image","excerpt":"Une belle cr\u00e9ation d'identit\u00e9 \/ Logo pour un ophtalmologiste. \/ Ophtalmology identity \/ logotype Cr\u00e9ation graphique :\u00a0daingordon","rel":"","context":"Dans &quot;Creation&quot;","block_context":{"text":"Creation","link":"https:\/\/www.lilavert.com\/blog_lilavert\/category\/creation-2\/"},"img":{"alt_text":"Ophtalmology - logo identity creation","src":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2014\/12\/Ophtalmology-logo-identity-creation.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2014\/12\/Ophtalmology-logo-identity-creation.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2014\/12\/Ophtalmology-logo-identity-creation.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":3924,"url":"https:\/\/www.lilavert.com\/blog_lilavert\/la-maison-du-the-logo-vision-chine\/","url_meta":{"origin":8747,"position":2},"title":"La maison du th\u00e9 LOGO | Vision Chine","author":"LilaVert I-I","date":"29\/10\/2013","format":false,"excerpt":"La maison du th\u00e9 LOGO | Vision Chine \/ Tea House, making logo - shijue.me","rel":"","context":"Dans &quot;Creation&quot;","block_context":{"text":"Creation","link":"https:\/\/www.lilavert.com\/blog_lilavert\/category\/creation-2\/"},"img":{"alt_text":"La maison du th\u00c3\u00a9 LOGO | Vision Chine","src":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/10\/La-maison-de-th\u00c3\u00a9-LOGO-Vision-Chine.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/10\/La-maison-de-th\u00c3\u00a9-LOGO-Vision-Chine.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/10\/La-maison-de-th\u00c3\u00a9-LOGO-Vision-Chine.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":13555,"url":"https:\/\/www.lilavert.com\/blog_lilavert\/tuto-integrer-differents-formats-de-pages-dans-indesign\/","url_meta":{"origin":8747,"position":3},"title":"Tuto : Int\u00e9grer diff\u00e9rents formats de pages dans indesign","author":"LilaVert I-I","date":"10\/10\/2018","format":"image","excerpt":"Tuto : Int\u00e9grer diff\u00e9rents formats de pages dans indesign. \u00a0 Il peut arriver que dans un document Indesign, vous ayez \u00e0 int\u00e9grer une ou plusieurs pages avec des formats diff\u00e9rents. Voici 2 astuces simples que je ne connaissais pas puisque j'aurais personnellement choisi de monter ces pages en plein format\u2026","rel":"","context":"Dans &quot;Creation&quot;","block_context":{"text":"Creation","link":"https:\/\/www.lilavert.com\/blog_lilavert\/category\/creation-2\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2018\/10\/integrer-differents-formats-pages-indesign.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2018\/10\/integrer-differents-formats-pages-indesign.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2018\/10\/integrer-differents-formats-pages-indesign.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2018\/10\/integrer-differents-formats-pages-indesign.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2018\/10\/integrer-differents-formats-pages-indesign.jpg?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2018\/10\/integrer-differents-formats-pages-indesign.jpg?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":13636,"url":"https:\/\/www.lilavert.com\/blog_lilavert\/photoshop-2019-remplissage-dapres-le-contenu\/","url_meta":{"origin":8747,"position":4},"title":"Photoshop 2019 : remplissage d&rsquo;apr\u00e8s le contenu","author":"LilaVert I-I","date":"20\/10\/2018","format":"image","excerpt":"Tuto : Nouvelle fonctionnalit\u00e9 Photoshop 2019 : remplissage d'apr\u00e8s le contenu avec l'outil lasso ou le\u00a0Rectangle de s\u00e9lection. S\u00e9lectionnez la partie d'image que vous souhaitez voir disparaitre. Utilisez les outils de s\u00e9lection Lasso ou Rectangle de s\u00e9lection. J'ai test\u00e9 avec contour \u00e0 0 px et progressif \u00e0 20 px. Il\u2026","rel":"","context":"Dans &quot;Creation&quot;","block_context":{"text":"Creation","link":"https:\/\/www.lilavert.com\/blog_lilavert\/category\/creation-2\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2018\/10\/remplissage-dapres-contenu-lasso.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2018\/10\/remplissage-dapres-contenu-lasso.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2018\/10\/remplissage-dapres-contenu-lasso.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2018\/10\/remplissage-dapres-contenu-lasso.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2018\/10\/remplissage-dapres-contenu-lasso.jpg?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":3919,"url":"https:\/\/www.lilavert.com\/blog_lilavert\/logo-animaux-en-negatif-inverse-de-george-bokhua\/","url_meta":{"origin":8747,"position":5},"title":"Logo d&rsquo;animaux en n\u00e9gatif invers\u00e9 de George Bokhua","author":"LilaVert I-I","date":"29\/10\/2013","format":false,"excerpt":"Logo d'animaux en n\u00e9gatif invers\u00e9 de George Bokhua","rel":"","context":"Dans &quot;Animaux&quot;","block_context":{"text":"Animaux","link":"https:\/\/www.lilavert.com\/blog_lilavert\/category\/animaux-2\/"},"img":{"alt_text":"logo-animaux negatif inverse","src":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/10\/logo-animaux-negatif-inverse.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/posts\/8747"}],"collection":[{"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/comments?post=8747"}],"version-history":[{"count":0,"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/posts\/8747\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/media?parent=8747"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/categories?post=8747"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/tags?post=8747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}