GUI Design Practice

Working on a few designs in my practice session. I will be posting more soon.
Tools I am using: Photoshop, Illustrator, Blender, Figma ( recently started learning )
You can check my designs here: https://www.behance.net/guimesh
Love to connect here : https://www.linkedin.com/in/bharatpsingh


Designed on Photoshop


Designed on Photoshop


Designed on Blender


Designed on Figma


Designed on Illustrator

What do you think? I am learning and finding more ways to improve my designs. :slightly_smiling_face:

2 Likes

They look great!

One observation: if you use 3-D lighting, make sure the light source stays put. The whole illusion breaks, when there are inconsistent shadings (especially obvious in the last example).

Have you considered coding the UI in JUCE using the juceGraphics primitives? That would help a lot when integrating.

1 Like

Thank you Daniel for your feedback and suggestions! I have not tried coding the UI, since I am not a programmer, but I will read about this feature.

Cool stuff! If you are creating a portfolio it might be a good idea to create sections of different widget types e.g. Sliders, Knobs, ComboBoxes, Dropdown menus, Buttons. In terms of format, I think that there are still many developers using raster graphics but here’s my humble vote for SVG exports (with Illustrator, Affinity or whatever) that are read well with JUCE methods.

1 Like

Thank you Q, for your suggestion, I will do that in my upcoming portfolio posts. Do you have an example that I can check, I hope you meant like this.