Brand Designs Part 1
The name for my project is "Codability" which connects the two words "Code" and "Capability" to create the meaning of what the app is about, it gives users the power and ability to learn code. I used the Morphological Matrix to create the logo/app icon for the project.
When developing my logo for the project this process helped me to think broadly of all the aspects I could incorporate into my design. It helped to generate a wide range of ideas that I could then narrow down and it made me think more creatively about the elements I could use. However, not all elements can be included as a logo design needs to be simple, scalable and work as a silhouette. A challenging aspect was deciding what to include from the range of ideas. I will use this method again when creating logo designs and pieces of design work as it really helps you to think more creatively and diverse instead of going for the first thing that comes to mind.
Bright and vibrant colours have been chosen for the Codability colour scheme as Buffer states “over 90% of our assessment of a product is made on colour alone” (UXplanet, 2019). Vibrant colours stand out from the background and pulse with energy. This is why designers use vibrant colours to make people focus their attention on important elements and make their design memorable. (UXplanet, 2019) Consequently, these colours have been selected to construct an innovative and dependable representation of the app, as these shades imply creativity, trust, and ambition.
As colours are often associated with having psychological effects on users, this has been taken into consideration to determine the most appropriate colour palette. With the assistance of Adobe Colour Wheel, I created an analogous colour palette as they are considered to be very visually appealing, therefore, creating colour harmony.
Colour Palette:
Once the app is loaded, users will be prompted to sign in or create an account this allows users to have their own profile in order to track code progress.
Initially, I will be focusing on the areas most important to students according to my primary research: coding challenges (33.3%), coding tips and articles (17.9%) and forum (12.8%). Continuous research will occur throughout this project, to tailor the interface design more towards specific user needs and communication with my external partner to ensure the product is to the best of its ability.
It can be useful:
- To produce different and new combinations selecting the best ones in a systematic way.
- More inclined to test different ideas and possibilities.
- To make sure you are achieving your purpose and thinking about how these elements can work together best to fit the fitness for purpose and clearly communicate to your audience your design.
- It gets you to think about multiple combinations and not the first one you select. It encourages more creativeness.
It may not be as useful:
- It gives few indications of the concerning the workability.
- It can often lead designs to over-design the piece making it decreasing its effectiveness.
- Requires a team of experts to increase the possibility of innovative solutions.
- You may end up over complicating the design and moving away from the initial purpose.
Bright and vibrant colours have been chosen for the Codability colour scheme as Buffer states “over 90% of our assessment of a product is made on colour alone” (UXplanet, 2019). Vibrant colours stand out from the background and pulse with energy. This is why designers use vibrant colours to make people focus their attention on important elements and make their design memorable. (UXplanet, 2019) Consequently, these colours have been selected to construct an innovative and dependable representation of the app, as these shades imply creativity, trust, and ambition.
Colour Palette:
Deep Purple #3F0068
Violet #9E4287
Sky Magenta #E26CBA
Light Sky Blue #82C5F4
White #FFFFFF
For Typography the font "Poppins" has been chosen. The font chosen is sans-serif which is clear and simple. This enables for maximum readability, as it is a widespread belief that this typeface is more legible, compared to serif fonts (Josephson, 2011, p.69). Wang and Li’s (2017, p.84) research shows that simple app design is endorsed by users. By only using one font with a variety of weights this allows for unity and simplicity across the brand. In addition, Poppins is a Google font. It has been specifically selected as it is a licensed web font, 100% free for commercial use; therefore, it is easy to access and implement.
Once the app is loaded, users will be prompted to sign in or create an account this allows users to have their own profile in order to track code progress.
Initially, I will be focusing on the areas most important to students according to my primary research: coding challenges (33.3%), coding tips and articles (17.9%) and forum (12.8%). Continuous research will occur throughout this project, to tailor the interface design more towards specific user needs and communication with my external partner to ensure the product is to the best of its ability.
Bibliography:
Josephson, S. 2011. Keeping Your Readers’ Eyes on the Screen: An EyeTracking Study Comparing Sans Serif and Serif Typefac- es. Visual Communication Quarterly. 15(1-2), pp.67-79.
UXplanet. 2019. Vibrant Colors In Web Design: 20 Visually Impactful Websites to Inspire You. [Online]. [Accessed 30 November 2019]. Available from: https://uxplanet.org/vibrant-colors-in-web-design-20-visually-impactful-websites-to-inspire-you-bc- 7988da1e95
Wang, M. and Li, X. 2016. Effects of the aesthetic design of icons on app downloads: evidence from an android market. Elec- tronic Commerce Research. 17(1), pp.83-102.
Comments
Post a Comment