1

Little in Visual Design

 3 years ago
source link: https://uxplanet.org/little-in-visual-design-ccd74939e37b
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Little in Visual Design

Language of Typography and Colors

Image from unsplash
Photo by Nick Fewings on Unsplash

Intro

Helloo.. friends, hope you are doing great. After going through so many adventures like City of Frames, Journey Mapping, and whatnot, our friend Little here is again stuck. This time, he is trying to figure out the language of Typography and Colors.

Isn’t it fascinating, how in certain circumstances, one color can give us a sense of danger and another could feel like a mother’s embrace? How do you get goosebumps with fear, by just looking at a font and Why do certain fonts appear friendly?

Let’s talk more about it in this article with some of my project's work, which I have done on these topics.

Understanding

Our brain gets input from our senses, then it tries to comprehend it, based on the information saved, during previous interactions and experiences. This new info is also saved for future references.

So, how does it relate to Visual Design?

I will try to explain it with a couple of examples -

  1. In general, we relate the color Green as relaxing — one reason for this is that our eyes became accustomed to this color of nature and the brain started relating green as nature; which is caring, nourishing, and relaxing for most of us, humans.
  2. Some fonts are considered professional(generally sharp edge) while others as friendly and playful(generally round edge) —one reason for this is that sharp things can hurt and also, can be used as a tool, so our brain becomes alert while encountering sharp edges/corners and feels relaxed in the presence of soft edges/corners.

My Projects

In the first two weeks of Unit-3 in Design Shift Academy, I completed a few projects related to Visual Design —

1 ) Cloning of website pages to understand visuals.

clone1 image
clone1 image
Clone made on Figma
clone2 image
clone2 image
Clone made on Figma

2 ) Conversion of the clone into mobile app page to understand the concept of Adaptive and Responsive design.

image showing mobile app version of clone
image showing mobile app version of clone
The mobile app version of the clone, made on Figma

3 ) Cloning of an unconventional screento understand the difference in their design.

Car dashboard
Car dashboard
car dashboard made on Figma

4 ) Selecting, comprehending, and applying various fonts in the clones we made, on the basis of the emotions they evoke and a little research to sensitize our eyes toward fonts.

1*nN-Ucad7EdEb1fIAjECLjA.png?q=20
little-in-visual-design-ccd74939e37b

5 ) Make mood boards for the selection of a color pallet that resonates with what we want to conveyto sensitize our eyes toward colors.

Moodboard for color pallet
Moodboard for color pallet
Mood board for color pallet made on Figma

6 ) Redesign a webpage using the knowledge of typography and colors we got from the previous projects.

Redesign made on Figma
Redesign made on Figma
The redesign made on Figma

7 ) Redesign of a Book Cover

Book cover redesign
Book cover redesign
Book Cover redesign made on Figma

8 ) Redesign a Ticket

Ticket Redesign
Ticket Redesign
Ticket Redesign made on Figma

So these were the glimpses of the work I have done on Visual Designing. Hope you got a little in Visual Design and also, loved the work.

Thank You………..till next time.


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK