During this class, we went over creating a design system, which I thought was a very useful tool. I also really like that now we have a basis to start a design system for any of our other projects. We also explore the Gestalt principles in the lecture, so I wanted to look at them more as I had heard of them, but hadn't really gone into the details. I want to use these in my design for envisioning.
https://www.thefutur.com/content/how-to-apply-a-color-palette-to-your-design
The primary colour is used for 60% of the design, the secondary colours for 30%, and the accent colours for 10%. Ensure that the colours work together and will impact the customer's decisions.
https://www.toptal.com/designers/ui/gestalt-principles-of-design
These Gestalt principles help designers when creating more natural and intuitive experiences as they allow visual information and align with how people perceive it. When the principles below are well used, they will help make a cleaner and more organised, and easier to navigate design. These principles help improve the user experience by looking into the human brain and the methods of how the brain works.
This is when items are placed together and are seen as a group. Having space in designs will help define structure without needing different borders. Such as in design labels should be near elements that belong to or users might get confused.
This is when you group elements that look alike, such as from the colour, shapes and size. These can be far away from each other. This principle helps users scan and understand related content faster.
When looking at a design, users follow the smoothest path in the design. If we put elements that are placed along a line or curve, this will guide the viewer's gaze. This principle can be used in product listings and any layout that the user has to move in certain directions.
If the design has missing parts, the brain automatically fills in the missing parts to complete the image. For example, this is how we recognise why logos like WWF Panda, even if the full image isn't drawn. In UX design, this helps with things that are shown on the side of the screen, and it suggests more content is available to see.
