Visuals – User interface

Hello everybody,

I’ve to say that we work a lot for the demo. Recently, I tried to rearrange the user interface of the game. The text box seems to be too big and at the end, with the characters and all the elements of the UI, we don’t see really the background which is a problem.

Thanks to Tigsourceforum, I had some interesting feedbacks. Here a picture to explain the importance of the organization of the UI.

2v0joux

So, here the first version of the bedroom scene and the next one. I redraw the characters and resized the elements of the UI with a new position for each one. What do you prefer ?

BG_ChambreTest2

First version

BG_ChambreTest2

Second version

BG_ChambreTest3

Thirs version

. Version française :

Bonjour à tous,

Penser à l’interface d’un jeu est une étape cruciale pour la réussite de ce dernier. Si l’interface (UI en anglais) est trop dense, on risque de fatiguer inutilement le regard du joueur. Il faut que l’ensemble soit cohérent et lisible.

Pour cette raison, et pour notre démo qui devrait sortir fin novembre, j’ai tenté de réorganiser la précédente interface grâce aux précieux conseils de développeurs indépendants sur Tigsource forum.

Ci-dessous, une image expliquant la réorganisation nécessaire de l’interface puis la première et deuxième version de la scène de la chambre. Dans la deuxième, on constate plus d’espace, et donc une meilleure lisibilité du background.

Publicités

2 commentaires sur “Visuals – User interface

Ajouter un commentaire

  1. J’aime beaucoup la deuxième version ! Inversement, la troisième me plaît moins à cause des bandes noires… D’un autre côté, si ces bandes noires n’apparaissent qu’à certains moments (dialogues interactifs, etc.), cela peut être très pertinent pour nous signifier le changement de situation ou le passage à l’interaction. À voir !

    J'aime

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

Créez un site Web ou un blog gratuitement sur WordPress.com.

Retour en haut ↑

%d blogueurs aiment cette page :