itchio-app-old icon indicating copy to clipboard operation
itchio-app-old copied to clipboard

Visual and UX design

Open leafo opened this issue 11 years ago • 6 comments

Post screenshots of other downloading apps (game or non-game related) for ideas and inspiration in the comments please #1 brought some visual updates to what's already coded, but I figure some thought should go into designing the various dialogs both visually and how the user interacts with them. Here are the following views that are planned (so far) and the corresponding page on the site.

  • [ ] Log in http://itch.io/login
  • [ ] My collections http://itch.io/my-collections - #9
  • [ ] Game listing http://itch.io/my-purchases - #6
  • [ ] Game files http://leafo.itch.io/boyfriend-simulator-feed-my-boyfriend/download/4nZiJ9C72U21B8dQ5IZMeya9xn94446G1pq96Cny
  • [ ] Application settings - for controlling things mentioned in #5

Each one of these doesn't necessarily have to be a separate screen but should minimally be incorporated somehow.

leafo avatar Dec 20 '14 02:12 leafo

  • [ ] Fonts

joseccandido avatar Mar 02 '15 12:03 joseccandido

Library Widget

Full proposed library widget design.

joseccandido avatar Mar 06 '15 12:03 joseccandido

Looks like a good start.

This is what it looks like on my computer:

The truncated text is problematic, but maybe including the font will fix that.

I also noticed on windows that the 90 degree rotated text was very aliased an hard to read

leafo avatar Mar 14 '15 02:03 leafo

What do you think about this for the login dialog:

I'm a little worried though because based on my experience implementing a design in qt is tough due to lack of experience.

Source is here: https://github.com/leafo/itchio-app/blob/master/design/login.svg

leafo avatar Mar 14 '15 03:03 leafo

I like the login idea very much. Will make it tomorrow or the day after. After so many days working with the Qt designer, it finally gave up and it's doing what i ask.

Yeah. Using Lato for the font would make the text more slim and fit the space better.

I also will check up on some anti-aliasing for the vertical text.

joseccandido avatar Mar 14 '15 03:03 joseccandido

Game Frame

New Game Frame design.

joseccandido avatar Mar 15 '15 21:03 joseccandido