Mobile app version of vmapp.org
Login or Join
Ravi4787994

: How to design this? Image 1 is what i had first, obviously a bèta version of the design as this bar with buttons still needs to be designed / given layout. Image 2 is my attempt at (re)designing

@Ravi4787994

Posted in: #DesignPrinciples #InterfaceDesign #PageLayout #WebsiteDesign #WebsiteTemplates

Image 1 is what i had first, obviously a bèta version of the design as this bar with buttons still needs to be designed / given layout.

Image 2 is my attempt at (re)designing it.

Image 3 is to explain further what i need, this bar will be used to display both a status, and display some buttons, this is why i started to align buttons on the right side of the bar, adding also a tabbed menu there.

Now problem is i really want to make this look neat, but i'm new to designing and have no idea how to make this work, as you can see obviously image 2 isn't really good for a finished product.

Any tips, visual design examples, redesigns, anything? would be greatly appreciated!

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Ravi4787994

1 Comments

Sorted by latest first Latest Oldest Best

 

@Smith574

Welcome to GD Firebirdz. In regards to your question it maybe considered by some as off-topic but I will try to give you some advise on how to make a better design.


Your whole design is Monochromatic:



Monochromatic colours are all the colors (tints, tones, and shades) of
a single hue.



You're not utilizing color very well and it's hard to distinguish
between what is a priority and what is not.
Your table is very crammed and does not utilize whitespace very well. I would suggest separating the tables with space.
Change the colors on your table number sequence because at this moment all your typography is the same color.
The table colors are too harsh and take away from the data.


Some examples of quality tables you may want to consider:

Notice in the table below each row is designed in either a grey or white and the actual table is a very light grey.



This table utilizes color in the header and adds a subtle glow to the selected row and changes the header of the selected:



This table utilizes simplicity and may fit you best. Notice the subtle colors are not hard or strong but warm. They still allow the information to be displayed in a uniform manner but the table itself isnt harsh to the eyes:

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme