I am also thinking to develop html5 games. I have questions by the way.
-Any tips on designing good UI & graphics? I have a difficulty in
figuring out how to learn designing of nice UI. If you could kindly
suggest any blogs giving advices on that topic, it would be superb!
Have you gotten any good suggestion to keep users’ attention during the Now Loading … screen? I have seen many games, even major ones, lacking nice
loading screen (some of them often stuck at the loading screen
without giving any information of why the loading process would not
advance).
Now I myself am not such an experienced game developer in Phaser but i have been practicing and have learned a thing or two.
The most important thing to consider while developing games in Phaser is “State Management”.
What you do basically is that you take the game and divide it into different blocks i.e loading, main menu, gameplay & gameover screens and through state managment you control the flow of your game.
Here is a really good article explaining state management:
For the UI:
Use images as buttons.Set the width and height of the images
according to the screen width and height.
Kill an un-necassary sprites which you are not using, to increase the performance of the game.
These are some of the small things I learned during my dev in Phaser.
You dont need to be great to start, just keep practicing and you will get a hand of it.