{"id":243,"date":"2012-09-20T15:52:59","date_gmt":"2012-09-20T14:52:59","guid":{"rendered":"http:\/\/oscillicious.com\/blog\/?p=243"},"modified":"2012-09-20T15:52:59","modified_gmt":"2012-09-20T14:52:59","slug":"new-graphics-for-songstarter-thoughts","status":"publish","type":"post","link":"https:\/\/www.oscillicious.com\/blog\/new-graphics-for-songstarter-thoughts\/","title":{"rendered":"New Graphics for SongStarter &#8211; Thoughts?"},"content":{"rendered":"<p>I&#8217;ve been playing around with tweaking the layout and graphics for loop groups (&#8220;ideas&#8221; in SongStarter lingo), and here&#8217;s what I&#8217;ve come up with:<\/p>\n<div id=\"attachment_244\" style=\"width: 1290px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/oscillicious.com\/blog\/wp-content\/uploads\/2012\/09\/Screen-shot-2012-09-20-at-3.38.54-PM.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-244\" class=\"size-full wp-image-244\" title=\"New Idea\/Loop Graphics in SongStarter\" src=\"http:\/\/oscillicious.com\/blog\/wp-content\/uploads\/2012\/09\/Screen-shot-2012-09-20-at-3.38.54-PM.png\" alt=\"\" width=\"1280\" height=\"800\" srcset=\"https:\/\/www.oscillicious.com\/blog\/wp-content\/uploads\/2012\/09\/Screen-shot-2012-09-20-at-3.38.54-PM.png 1280w, https:\/\/www.oscillicious.com\/blog\/wp-content\/uploads\/2012\/09\/Screen-shot-2012-09-20-at-3.38.54-PM-300x187.png 300w, https:\/\/www.oscillicious.com\/blog\/wp-content\/uploads\/2012\/09\/Screen-shot-2012-09-20-at-3.38.54-PM-1024x640.png 1024w, https:\/\/www.oscillicious.com\/blog\/wp-content\/uploads\/2012\/09\/Screen-shot-2012-09-20-at-3.38.54-PM-480x300.png 480w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/a><p id=\"caption-attachment-244\" class=\"wp-caption-text\">New Idea\/Loop Graphics for SongStarter, coming in the next beta (or the 1.0 final!)<\/p><\/div>\n<p>The new layout makes it harder to accidentally delete loops, and the mute buttons now have a proper icon. Additionally, I toned down the colours by making the background a dark grey, and made each group identified by just a strip at the top (instead of a solid background color).<\/p>\n<p>One major constraint in the graphic design for loops and ideas has been the waveform\/note canvases. We have nice multi-colour waveforms, but they only look good against a black background. Unfortunately, a black background clashes with SongStarter&#8217;s otherwise vibrant appearance, so we have to compromise.<\/p>\n<p>In the old layout (below), we had a solid, colour background for each idea. However, I think it emphasized the blank space in each idea, and provided perhaps too much contrast with the note\/waveform canvases still. On the other hand, they matched SongStarter&#8217;s bright appearance fairly well, and I liked that they were unique. (I&#8217;d like to think that interesting colours stimulate your brain a bit more than boring greys.)<\/p>\n<div id=\"attachment_208\" style=\"width: 1090px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/oscillicious.com\/blog\/wp-content\/uploads\/2012\/09\/Screen-shot-2012-09-09-at-1.33.32-PM.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-208\" class=\" wp-image-208\" title=\"VU Meter and Waveform View in SongStarter Beta 090912\" src=\"http:\/\/oscillicious.com\/blog\/wp-content\/uploads\/2012\/09\/Screen-shot-2012-09-09-at-1.33.32-PM.png\" alt=\"VU Meter and Waveform View in SongStarter Beta 090912\" width=\"1080\" height=\"776\" srcset=\"https:\/\/www.oscillicious.com\/blog\/wp-content\/uploads\/2012\/09\/Screen-shot-2012-09-09-at-1.33.32-PM.png 1080w, https:\/\/www.oscillicious.com\/blog\/wp-content\/uploads\/2012\/09\/Screen-shot-2012-09-09-at-1.33.32-PM-300x215.png 300w, https:\/\/www.oscillicious.com\/blog\/wp-content\/uploads\/2012\/09\/Screen-shot-2012-09-09-at-1.33.32-PM-1024x735.png 1024w, https:\/\/www.oscillicious.com\/blog\/wp-content\/uploads\/2012\/09\/Screen-shot-2012-09-09-at-1.33.32-PM-417x300.png 417w\" sizes=\"auto, (max-width: 1080px) 100vw, 1080px\" \/><\/a><p id=\"caption-attachment-208\" class=\"wp-caption-text\">The old idea graphics &#8211; Solid background colour, canvases outlined in white.<\/p><\/div>\n<p>So, the new graphic design in the first screenshot isn&#8217;t perfect, and it&#8217;s still a compromise, but it&#8217;s a <em>different compromise<\/em>. I think it looks a bit more professional, helps make the note\/waveform canvases look better, and still looks enticing.<\/p>\n<p>Is it better? Leave a comment and let me know what you think!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ve been playing around with tweaking the layout and graphics for loop groups (&#8220;ideas&#8221; in SongStarter lingo), and here&#8217;s what I&#8217;ve come up with: The new layout makes it harder to accidentally delete loops, and the mute buttons now have &hellip; <a href=\"https:\/\/www.oscillicious.com\/blog\/new-graphics-for-songstarter-thoughts\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37],"tags":[],"class_list":["post-243","post","type-post","status-publish","format-standard","hentry","category-songstarter"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.oscillicious.com\/blog\/wp-json\/wp\/v2\/posts\/243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oscillicious.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.oscillicious.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.oscillicious.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oscillicious.com\/blog\/wp-json\/wp\/v2\/comments?post=243"}],"version-history":[{"count":2,"href":"https:\/\/www.oscillicious.com\/blog\/wp-json\/wp\/v2\/posts\/243\/revisions"}],"predecessor-version":[{"id":246,"href":"https:\/\/www.oscillicious.com\/blog\/wp-json\/wp\/v2\/posts\/243\/revisions\/246"}],"wp:attachment":[{"href":"https:\/\/www.oscillicious.com\/blog\/wp-json\/wp\/v2\/media?parent=243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.oscillicious.com\/blog\/wp-json\/wp\/v2\/categories?post=243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.oscillicious.com\/blog\/wp-json\/wp\/v2\/tags?post=243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}