{"id":74,"date":"2017-03-11T12:18:45","date_gmt":"2017-03-11T12:18:45","guid":{"rendered":"https:\/\/blogs.scummvm.org\/tkachov\/?p=74"},"modified":"2022-05-24T12:21:06","modified_gmt":"2022-05-24T12:21:06","slug":"gsoc-scummvm-site-new-look","status":"publish","type":"post","link":"https:\/\/blogs.scummvm.org\/tkachov\/2017\/03\/11\/gsoc-scummvm-site-new-look\/","title":{"rendered":"GSoC: ScummVM site new look"},"content":{"rendered":"

I’ve posted this picture on IRC yesterday:<\/p>\n

<\/p>\n

It inherits that green\/white scheme of mine. The navigation menu from the side moved in dropdown lists on the top panel. ScummVM description is a bit shorter, shows an actual application screenshot and calls to download the newest version. Then goes the two-column layout, and the right column can contain not only screenshots section, but also Contribute and Donate sections.<\/p>\n

Making of logotype & color scheme<\/b><\/p>\n

As my original idea was to make a clean minimalistic look, not to change familiar colors, let me show you how exactly I came to what I have now:<\/p>\n

So, let’s try designing a logotype!<\/p>\n

Step 0. Open an editor.<\/p>\n

<\/p>\n

Step 1. OK, what’s the most important part of ScummVM logo? Green “Scumm” and gray “VM” parts, for sure! As we’re trying to achieve the minimalistic look, borders and stuff would be left out:<\/p>\n

<\/p>\n

Looks good for me!<\/p>\n

Step 2. So, the other part of logo is background color, which is familiar ScummVM orange:<\/p>\n

<\/p>\n

Oh. Probably gradients did all the job. Or the borders. May be try different tones?<\/p>\n

<\/div>\n

Not really better.<\/p>\n

Step 3. OK, so they say that you could make a solid color scheme not only of complementary colors, but also of analogous. Let’s try replacing orange with green:<\/p>\n

<\/p>\n

Hey, it’s not that bad. And it’s not exactly green, it has some yellow tones in it. The closest to orange I could achieve =)<\/p>\n","protected":false},"excerpt":{"rendered":"

I’ve posted this picture on IRC yesterday: It inherits that green\/white scheme of mine. The navigation menu from the side moved in dropdown lists on the top panel. ScummVM description is a bit shorter, shows an actual application screenshot and calls to download the newest version. Then goes the two-column layout, and the right column […]<\/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-74","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/blogs.scummvm.org\/tkachov\/wp-json\/wp\/v2\/posts\/74","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=74"}],"version-history":[{"count":1,"href":"https:\/\/blogs.scummvm.org\/tkachov\/wp-json\/wp\/v2\/posts\/74\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/blogs.scummvm.org\/tkachov\/wp-json\/wp\/v2\/posts\/74\/revisions\/82"}],"wp:attachment":[{"href":"https:\/\/blogs.scummvm.org\/tkachov\/wp-json\/wp\/v2\/media?parent=74"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.scummvm.org\/tkachov\/wp-json\/wp\/v2\/categories?post=74"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.scummvm.org\/tkachov\/wp-json\/wp\/v2\/tags?post=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}