Posted in Designs, Inspiration, Projects

CLICK! Adds UI Designer to my Resume.

‘Understanding  that some of the most important things in life are purpose and passion driven, combined with a deeper need to make a difference beyond myself and make an impact’  

Omoyemi Akerele

What exactly was Steve Jobs role anyway? I often thought to myself after watching clips of him at the Apple product launch and watching the movie done about him titled Steve Jobs. ‘Yeah, I can do that’, I thought to myself even though I had no idea what what he did was called.

Remember when I wrote about my first Design 101 Class here? Well, the class has been rounded up and I feel so satisfied and so many emotions I cannot express. So, here is a run down of how the class went for those interested in knowing.

First Week: Seeing Design.

We were given videos to watch and articles to read on how to see design and what exactly design is. Design is beyond how beautiful looks, it is more about how it works, the system of usability and how interactive and easy it is for users to understand. Design should be aesthetic (which is one of my favourite words to use). The following should be put into consideration.

Whom are you designing for? : Taking into consideration the target audience of whom the design is for, gender-based, demographic and regionally based, age, or just neutral and appealing to all. This needs to be properly defined during the design thinking process serving as a guide to all decisions going to be made.

What do you want to achieve? : A good design should satisfy the hierarchy of needs taken from Maslow’s hierachy of needs but this is for design. They include functionality, reliability, usability, proficiency, creativity. In other words, what voice do you want your design to speak? Mature, but playful, innovative, boring? And if so, how do you plan to achieve this? This where the How comes in.

Read More here: Design 101 – Excerpts From my First Week with SENPAI.

How do you achieve this design?:  This is where tools come in, and by tools not necessarily softwares, but more like principle for guidelines, theories and rules for designing.

Exercise: Identify 2 websites you like and do not like, and state the reasons why. Here’s my work here.


Second Week: Understanding Visual Hierarchy.

This has to be my favourite topic of the class, because it clearly explained how visual elements are looked at, and how to properly align your design so that the right elements have more visual weight than others. Here, Gestalt principles were introduced and how to apply them.

“The whole is other than the sum of the parts” – Kurt Koffka

This aptly describes the Gestalt in a nutshell. In other words, elements that are seen as a group are viewed in the same way. We view them as a group, even if they are separate entities.

There’s the law of Pragnanz (good figure, law of simplicity). When presented with complex shapes, we tend to group them into a simpler components. There’s closure which is a sort of glue holding elements together, so we mentally tend to create a pattern out of it. There’s also symmetry and order, figure/ground which is the relationship between positive elements and negative elements, based on the idea that the eye would separate whole  figures from their background in order to understand what is being seen. Common Region, Proximity, Uniform Connectedness, Continuation, Common Fate, Parallelism, Similarity, Focal Points, Past Experiences are also principles of Gestalt.

Know more here.

Exercise 2: Pick and 3 Gestalt Principles and create a design for each of them.

Screenshot_20180822-111059

Here’s my work .

Third Week: Layout & Composition

My first wireframe came through. Using a gray-scale and understanding the basic concepts of layouts and visual design, we were asked to create a wireframe for an imaginary restaurant. It took a little bit of tweaking over time after looking at what others had done and here is the product.

Screenshot_20180822-111233

Fourth Week: Typography & Seeing Grids In Action.

Introduction to Kerning and how to pair typefaces. And do you know that what we call fonts are actually typefaces? Read this and know how. Also, I got to play the kerning game which helps you know how to pair fonts and how to balance them out.

Grids are guidelines used and available in design softwares that guide the designer to create a balanced out design, equally with the other elements. Without grids, your design might look very scattered. I applied that re-aligned the elements.

Exercise: Flesh out wireframe with text and grids.

Screenshot_20180822-110128

Fifth Week: Colour Theory.

Understanding colours, and how to use them. There are various ways to combine colours in their shades, hues, chroma, value, tones and saturation levels on the colour wheel. Analogous, Monochromatic, Complementary, Split Complementary, Triadic, Double- Complimentary, Custom etc.

Here’s my work.

Restaurant Landing Page Design Using Figma
Restaurant Landing Page

In summary, the Design 101 class was amazing. A million and one thanks to the Senpai Community and Henry the founder the vision bearer for this opportunity given to aspiring designers to learn and develop themselves. We are the future. For now, I’m going to take a break to pracice some more and see where that takes me. I learnt a whole lot than I could ever imagine.

Looking forward to more Henry, founder of Senpai emails *inserts cool wink emoji*

And yes, Steve Jobs was a designer, and oh yeah..I can do that!!!

.

.

.

Hey guys, my twitter account got locked so I started up a new one which y’all can follow here. It took me almost 3 hours to complete this post because for some weird reason, my keyboard seemed too unfamiliar to my fingers as I tried to put in everything I learnt into a summary. Follow my Instagram : @the_ugonna to catch up because that is where I am most frequent. Love xx.

Featured Image Credit: Iyke Anyanwu on Instagram as @inquisitiv_1

Author:

Hello. Welcome to my blog. This is where I let out my anger and frustration in other not to become a nuisance to the world. So let’s say it’s a win-win. Now, we can all hold hands and sing 'kumbaya'. Thanks for visiting, and I really hope you enjoyed it. Well, it’s not like you really have much of a choice hey. Love xx.

5 thoughts on “CLICK! Adds UI Designer to my Resume.

  1. Aesthetic- “Critical reflection on art”.
    A very interesting and educating piece Miss Eronini, am interested in learning more. I trust and believe in you so much, you will only get better.
    Greater strides ahead.
    ❤️❤️

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s