{"action":"created","issue":{"url":"https://api.github.com/repos/nextcloud/nextcloud.com/issues/305","repository_url":"https://api.github.com/repos/nextcloud/nextcloud.com","labels_url":"https://api.github.com/repos/nextcloud/nextcloud.com/issues/305/labels{/name}","comments_url":"https://api.github.com/repos/nextcloud/nextcloud.com/issues/305/comments","events_url":"https://api.github.com/repos/nextcloud/nextcloud.com/issues/305/events","html_url":"https://github.com/nextcloud/nextcloud.com/issues/305","id":194977268,"number":305,"title":"Redesign Nextcloud Logo Animation","user":{"login":"eppfel","id":1899308,"avatar_url":"https://avatars.githubusercontent.com/u/1899308?v=3","gravatar_id":"","url":"https://api.github.com/users/eppfel","html_url":"https://github.com/eppfel","followers_url":"https://api.github.com/users/eppfel/followers","following_url":"https://api.github.com/users/eppfel/following{/other_user}","gists_url":"https://api.github.com/users/eppfel/gists{/gist_id}","starred_url":"https://api.github.com/users/eppfel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/eppfel/subscriptions","organizations_url":"https://api.github.com/users/eppfel/orgs","repos_url":"https://api.github.com/users/eppfel/repos","events_url":"https://api.github.com/users/eppfel/events{/privacy}","received_events_url":"https://api.github.com/users/eppfel/received_events","type":"User","site_admin":false},"labels":[{"id":388657324,"url":"https://api.github.com/repos/nextcloud/nextcloud.com/labels/design","name":"design","color":"cc317c","default":false},{"id":387272830,"url":"https://api.github.com/repos/nextcloud/nextcloud.com/labels/enhancement","name":"enhancement","color":"84b6eb","default":true}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":11,"created_at":"2016-12-12T13:43:00Z","updated_at":"2016-12-15T16:27:52Z","closed_at":null,"body":"The current logo animation sparked my interest, because it is an awesome addition, but not that impressive, yet. Over the weekend I wanted to have some fun…\r\n\r\nI redesigned the logo with the idea of using the geometry of the logo to tell a story. It starts with the center circle, because this resembles a loading animation and could be reused all over Nextcloud. see nextcloud/server#2623\r\nFrom this central element the complete logo builds up over time with a general direction from left to right. A little playful and energetic, but not frantic.\r\n\r\nFirst I used a scaling animation with a little bounce to let the smaller circles pop out. (1.) But I wanted to use the geometry even more, so I reveal the circles by sliding them out behind the central one.(2.)\r\n\r\nThe images are actual SVGs. Replay does not work on embed, yet, and if you click on them to rewatch or view the source, you have to move the mouse off the page/image.\r\nOr fork, edit, play with [both animations on codepen.io](http://codepen.io/collection/nxZOqm/).\r\n\r\n(side note: After a long time not designing motion , I searched for the right non-adobe tool and got frustrated, until I retreated to code: svg + css = total control 😍)\r\n\r\n### 1. Pop out\r\n![Nextcloud Logo Animation – pop out](https://epp.design/assets/images/NextcloudLogoAnimation-Popout.svg)\r\n\r\n[Pop out Logo Animation on codepen.io](http://codepen.io/eppfel/pen/qqyPgX)\r\n\r\n### 2. Slide out\r\n\r\n![Nextcloud Logo Animation – slide out](https://epp.design/assets/images/NextcloudLogoAnimation-Slideout.svg)\r\n\r\n[Slide out Logo Animation on codepen.io](http://codepen.io/eppfel/pen/xRJWmJ)\r\n\r\n@nextcloud/designers Would be nice to use this also as a discussion for use of motion in our visual identity.\r\nI would like to revise the animations on frontpage as well...\r\n"},"comment":{"url":"https://api.github.com/repos/nextcloud/nextcloud.com/issues/comments/267372597","html_url":"https://github.com/nextcloud/nextcloud.com/issues/305#issuecomment-267372597","issue_url":"https://api.github.com/repos/nextcloud/nextcloud.com/issues/305","id":267372597,"user":{"login":"Espina2","id":11150206,"avatar_url":"https://avatars.githubusercontent.com/u/11150206?v=3","gravatar_id":"","url":"https://api.github.com/users/Espina2","html_url":"https://github.com/Espina2","followers_url":"https://api.github.com/users/Espina2/followers","following_url":"https://api.github.com/users/Espina2/following{/other_user}","gists_url":"https://api.github.com/users/Espina2/gists{/gist_id}","starred_url":"https://api.github.com/users/Espina2/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Espina2/subscriptions","organizations_url":"https://api.github.com/users/Espina2/orgs","repos_url":"https://api.github.com/users/Espina2/repos","events_url":"https://api.github.com/users/Espina2/events{/privacy}","received_events_url":"https://api.github.com/users/Espina2/received_events","type":"User","site_admin":false},"created_at":"2016-12-15T16:27:52Z","updated_at":"2016-12-15T16:27:52Z","body":"First, thanks I'm glad that you like the improvements on the website, you are welcome to make some improvements to. \r\n\r\nSecond,\r\nI think somehow we are confusing communication design with art somehow. The logo serve a purpose identify a brand, not giving you what a painting will give. It have a concept behing of course, but the only job is to make you recognize the brand.\r\n\r\nSo lets no going for the philosophy here, and go for what is more aesthetic pleasant. So if you think that can make better, I am here to see and give my opinion about that. "}}
{"actor":{"display_login":"Espina2"}}