{"id":70,"date":"2017-03-01T12:16:49","date_gmt":"2017-03-01T12:16:49","guid":{"rendered":"https:\/\/blogs.scummvm.org\/tkachov\/?p=70"},"modified":"2022-05-24T12:18:29","modified_gmt":"2022-05-24T12:18:29","slug":"gsoc-scummvm-new-look-idea","status":"publish","type":"post","link":"https:\/\/blogs.scummvm.org\/tkachov\/2017\/03\/01\/gsoc-scummvm-new-look-idea\/","title":{"rendered":"GSoC: ScummVM new look (idea)"},"content":{"rendered":"<p>Recently I&#8217;ve thought to try designing a new fresh look for ScummVM. This is what I came up with:<\/p>\n<div class=\"image_group items2\"><img decoding=\"async\" class=\"alignright\" src=\"https:\/\/blogs.scummvm.org\/tkachov\/wp-content\/uploads\/sites\/60\/2022\/05\/main.png\" \/><img decoding=\"async\" class=\"alignleft\" src=\"https:\/\/blogs.scummvm.org\/tkachov\/wp-content\/uploads\/sites\/60\/2022\/05\/options.png\" \/><\/div>\n<p>As you might&#8217;ve noticed, it&#8217;s a little bit inspired by Steam: games listed on the left and current game displayed on the right. Saves are available right from the very first screen.<\/p>\n<p>Options dialog stayed pretty much the same, but tabs are replaced with a list. That allows to add more tabs without any scrolling and makes it look similar to main screen.<\/p>\n<p>I was unable to add the familiar orange color into this scheme without ruining it, so I replaced it with pale green. The whole look is kind of minimalistic: no gradients, borders, rounded angles and such. The similar approach could be used to redesign ScummVM site.<\/p>\n<p>These sketches show a 1024&#215;768 desktop look, while not doing anything about platforms with smaller resolutions. I think it&#8217;s OK to go with a simple skin for those, meaning the layout stays the same and only the colors\/fonts\/images change.<\/p>\n<p>I worked with ScummVM GUI system, so AFAIK it wouldn&#8217;t be too hard to change those layouts to correspond these sketches. That couldn&#8217;t be achieved with a simple skin, because some minor changes needed to place saves dialog in main dialog or to replace tabs with a list.<\/p>\n<p>P.S. It&#8217;s not about GSoC, but my site is configured to show only those posts which has &#8220;GSoC&#8221; prefix in the RSS feed Planet is aggregating.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Recently I&#8217;ve thought to try designing a new fresh look for ScummVM. This is what I came up with: As you might&#8217;ve noticed, it&#8217;s a little bit inspired by Steam: games listed on the left and current game displayed on the right. Saves are available right from the very first screen. Options dialog stayed pretty [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-70","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/blogs.scummvm.org\/tkachov\/wp-json\/wp\/v2\/posts\/70","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.scummvm.org\/tkachov\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.scummvm.org\/tkachov\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.scummvm.org\/tkachov\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.scummvm.org\/tkachov\/wp-json\/wp\/v2\/comments?post=70"}],"version-history":[{"count":1,"href":"https:\/\/blogs.scummvm.org\/tkachov\/wp-json\/wp\/v2\/posts\/70\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/blogs.scummvm.org\/tkachov\/wp-json\/wp\/v2\/posts\/70\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/blogs.scummvm.org\/tkachov\/wp-json\/wp\/v2\/media?parent=70"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.scummvm.org\/tkachov\/wp-json\/wp\/v2\/categories?post=70"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.scummvm.org\/tkachov\/wp-json\/wp\/v2\/tags?post=70"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}