Reviving Waving Hands - Strategy, and Implementation

[Galbarad]

main screen

prioli may I ask you to give me RGB colors code for GUI
thanks

[prioli]

I'm not a designer
but I used:
#99278B for the button and white #FFFFFF for the button text

If the background has some texture / image then I don't feel that you need any color for the top bar
Otherwise, you can try the cyan/blue that you have elsewhere: #35B4E4, or the light purplish grey #F3EFF3

Galbarad

[prioli]

Galbarad ,
I found this color pallet on the web.
You can use this instead throughout the app, I think it will all look better

drive.google.com/file/d/1OrIzp5gJNJm5xzShA9vXkX2nsPuFzJtv/view?usp=sharing

Basically with this the background would be dark purple: #210430
Buttons are gradient #551470 --> #FEE2D6, with button text #A8F4F4
Links are also #A8F4F4
Other regular texts are #2DA0A5
Navigation bar is also #551470
Navigation bar texts and icons are #FEE2D6

Gesture letters would be #FEE2D6 and same for your monsters, your health, etc'

Turn description is: #E7FFFF for messages, #10C9F5 for things that happened, #2DA0A5 for gestures, #FEE2D6 for spells that were cast, and also for attacks and damage, #E7FFFF for death.

and basically -
everywhere you need white it would be either #FEE2D6 or #E7FFFF
everywhere you need dark background it is either #210430 or #551470
everywhere you need something clickable it is #A8F4F4
everywhere you just want to write text it is #2DA0A5 by default, or #FEE2D6 or #E7FFFF as alternatives, and when you need many text colors then also #10C9F5

[Galbarad]

thanks
you design skills much better than my)

[Galbarad]

prioli in case you have the time and inspiration, I need more help with GUI
a pack of icons
for Profile, Menu (top bar left and right side) cause after apply dark view icons are disapearred
and few more icons for battle list:
green circle, clock (for waiting battle) and icons for finished and win or lose battle
thanks

[Galbarad]

[prioli]

Galbarad - what icon sizes do you need?

[prioli]

Galbarad

Didn't know you were working on that UI version. So here's this updated version with colors for the main screen:
drive.google.com/file/d/1GCkLKFvq5F3uEnhGkH2sLpVrFjfft162/view?usp=sharing

This is the background image that I used (feel free to use it, it's just some random distortion):


I used the darker purple #210430 for the top navigation bar
I used the link color #A8F4F4 for the main button and for the "Play with Both"
I used the default text color #2DA0A5 for the titles "Your Games" and "Finished Games"
I used the creamy #FEE2D6 for the text in the top navigation and also for games that are active (ready or waiting)
And I used the light blue #10C9F5 for games that are already finished

[Galbarad]

sorry for delay
I suppose 256*256 was enough, I'll reduce size in case too large, but enlarging decrease quality for picture

new look is amazing, I'll try to reproduce in code)

[Galbarad]

Nov 6, 2020 16:06:30 GMT -5 prioli said:

Didn't know you were working on that UI version. 

Oh I done this app a few years ago and it's need refactoring URGENT))

so I think

- if I should recreate a 60% of GUI "just do it" new battle screen too)

[Galbarad]

current main window(((

prioli please provide bg color for battle buttons, couse my own looks ugly with this text color
New Game button already fixed)




P.S. looks like I start battle window soon)

[prioli]

Galbarad

Battle buttons background is #544653

About icon size - better give me precise dimensions because in some cases I can generate from an online SVG to PNG conversion, and that's better than resizing a big PNG.

[prioli]

Nov 9, 2020 9:02:04 GMT -5 Galbarad said:

Nov 6, 2020 16:06:30 GMT -5 prioli said:

Didn't know you were working on that UI version. 

Oh I done this app a few years ago and it's need refactoring URGENT))

so I think

- if I should recreate a 60% of GUI "just do it" new battle screen too)

I think it is better to split the release to 2 parts:
1. release before starting to work on the new battle screen, and add some BI events to know what people are doing
2. add new battle screen, while seeing what people already do with what you've released so far (to see if there are more blockers that need to be solved)

[Galbarad]

split is really good idea, but unfortunately impossible(
cause current "battle field" hard linked with whole app and I can't change only one part(
so it will be one update with full list of changes
but I am a full of passion and hope finish this project in one or two weeks

[Galbarad]

prioli sorry forget about icon size - best size will be 128 * 128 I suppose it's big enough to cover high resolution screens

many thanks for your help - design is most hardest development part and I am happy that you take this part)