reddit-india / indianelectionmeter.github.io

Website dedicated to track promises made in Indian Elections, as suggested on reddit.com/r/india
http://indianelectionmeter.in
MIT License
40 stars 19 forks source link

UI Design #33

Open sandeepzgk opened 8 years ago

sandeepzgk commented 8 years ago

A designer to cohesively design and implement a core UI for the website with appropriate branding

ndarville commented 8 years ago

Any particular mock-up tool worth using here?

sandeepzgk commented 8 years ago

anything would work, including powerpoint. the key is to be simple, consistent and then evolve

greyhound291 commented 8 years ago

Any suggestions on the colour scheme of the website will do!

I was thinking a light grey background (Hex: D1CCC0) or even something lighter; with a dark black (Hex: 121110) foreground for the main title bar and side bar...

It will look good if we have colour coded categories for the promises, it will look very dull if we dont go ahead with the colour coded promises

railgaadi commented 8 years ago

UI/UX and visual designer here. Can help out with the same. I use Sketch for wireframing and design and upload it to Zeplin for specs and slices. I pick up and tweak colour schemes from here: http://www.colorhunt.co/

kritinvij commented 8 years ago

We should maintain documents related to css colors and their purpose. If we can move to using less instead of css, then we can just use the variable names for color coding. Instead of background:#7f7f7f, we could be doing background: @back-color and have all those colors be maintained in one global file. What do you guys think?

Kritin Vij University of Washington Computer Science | Math Minor kritinvij@gmail.com kritinvij@gmail.com | http://in.linkedin.com/pub/kritin-vij/2b/176/ab0/

On Mon, Nov 16, 2015 at 9:16 PM, railgaadi notifications@github.com wrote:

UI/UX and visual designer here. Can help out with the same. I use Sketch for wireframing and design and upload it to Zeplin for specs and slices. I pick up and tweak colour schemes from here: http://www.colorhunt.co/

— Reply to this email directly or view it on GitHub https://github.com/reddit-india/indianelectionmeter.github.io/issues/33#issuecomment-157271926 .

okpatil4u commented 8 years ago

@railgaadi welcome to the team, @greyhound291 can you coordinate with @railgaadi to work on it ? Also join our slack channel #designers .

greyhound291 commented 8 years ago

As @railgaadi suggested, I have found the following colours from colourhunt that seem to be going well with each other

Saffron: #2B4450 White (ish): #497285 Green: #6DC995

Final: http://www.colorhunt.co/c/9162

Source: http://www.colorhunt.co/c/8184 for saffron and white http://www.colorhunt.co/c/8011 for green

I was also thinking, that the two other colours in http://www.colorhunt.co/c/8184 (i.e. #497285 and #2B4450) can be used as button/foreground colours for the title bar

OR

We could just use a completely rad colour scheme like this one: http://www.colorhunt.co/c/6941

okpatil4u commented 8 years ago

@railgaadi can you fork the repo and implement these color schemes and new logo. You can send a pull request when you are done.