# data[].attributes.body
What is Visual Thinking?

Visual Thinking is one of the human's ability where one can tap into the brain's visual processing center. Visual thinking can be in forms of pictures, charts, diagrams and drawings.

# data[].attributes.attachment_caption
 Activity 1. We were asked to bring sketchpad, markers and pencils on our first day. We had to close our eyes and draw some squiggles without cheat

# data[].attributes.body
We were given a task to visualize our future expectation and translate it in a visual manner with less words used. In this task, I had faced some difficulties in trying to interpret visual what I was thinking in my mind. I had to go to the flashbacks many times and in this process I have been able to draw what I was thinking.

# data[].attributes.body
Small brain activity in class.In another task, we were given instruction to draw lines and cut some triangular shapes. With those shapes, we had to think and make different types of objects.

# data[].attributes.body
The communication process

We learned about the process of communication and the noise often encountered during a conversation. There are 4 types of noise.
1. Physiological ex. Headache
2. Physical ex. Crowded areas
3. Pyschological ex. being pre-occupied
4. Semantic ex. pronounciation

# data[].attributes.body
Types of Visual Communication

We have learned that there are 7 types of Visual Communication:
1. Representational
2. Organisational
3. Mnemonic
4. Transformational
5. Interpretive
6. Relational
7. Decorative
Notes on each types of communication is given on google classroom.

# data[].attributes.body
Early forms of communication

- We were taught about Petroglyphs (Rock Carvings) which     are images incised in rocks.
- We learned about other writing systems Pictographs and  Ideograms. Definition notes were shared through online.
- Pictograms were evolved to Hieroglyphics - logograms representing words using graphical figures such as animals, objects or people.

# data[].attributes.body
We had to do a research about some graphic designer's journey and their works. I choose the graphic designer called Massimo Vignelli. I did researches on him and presented in the class.

# data[].attributes.headline
The elements and principles of visual design

# data[].attributes.subject
The elements and principles of visual design

# data[].attributes.body
We learned that visual design is concerned with the creation and maintenance of a product's overall looks. We work with key aspects of visual design, arranging them according to design principles, to create the aesthetic style of a website or app. These aspects and ideas are the foundations of visual design, and a thorough understanding of them is essential for establishing a product's visual design.

# data[].attributes.body
We learned what is a line and some examples in real life. How lines and shapes are used in web design and some shapes that are commonly used in graphic design

# data[].attributes.body
We learned Negative space (also known as white space) is the empty area around a (positive) shape. The relation between the shape and the space is called figure/ground, where the shape is the figure and the area around the shape is the ground.

# data[].attributes.body
We learned what is visual hierarchy. Visual Hierarchy is a visuall design principle used by designers to show importance of each page or slides by manipulating different characteristics such as color, size, contrast, and so on.

# data[].attributes.headline
Characteristics used to establish Visual Hierarchy

# data[].attributes.subject
Characteristics used to establish Visual Hierarchy

# data[].attributes.body
We learned how size, color, contrast, alignment, repetition, white space, texture & style can be used and beautify an Web page.
*Notes are shared on google classroom

# data[].attributes.body
We learned what is Gestalt theory and how can we apply it in visual design.

# data[].attributes.body
We learned about the Upper Paleolithic times when cave paintings used symbols as a form of language. We looked at different writing systems at different civilization. We learnt the middles ages manuscripts and calligraphy.

# data[].attributes.body
We learned that it was created by Bi Sheng in the 1000's AD and he used wood & clay to create his reusable letters.
-Notes were shared on google classroom

# data[].attributes.body
It is defined as the art, craft or process of composing type and printing from
it. It is not only concerned with fonts but also with size, placement, body text, white space and other aspects.

-Purpose

We learned how the knowledge of typography is important for a designer. Appropriate use of typography will make it easy for the user the text that is being presented. Typeface style has an impact on how a user perceives that design. It improves the user experience.

# data[].attributes.body
A typeface is a set of characters that share common design features. Some typeface
also include different font weight and styles.
A font is a specific size and style of typeface

# data[].attributes.body
We learned in a font there are many anatomies associated.
*NOTES WERE SHARED ON GOOGLE CLASSROOM

# data[].attributes.body
We learned what is legibility and readability.
-Legibility refers to the degree to which writing or text can be read easily
because the letters are clear, the text is printed well, etc.
-Readability refers to the presentation of the entire text i.e the arrangement of
fonts and words in order to make written content flow in a simple, easy to read manner.

# data[].attributes.body
We learned what is kerning, tracking & leading. How we apply them in fonts.
Kerning: adjusting the space between letters to increase the legibility and readability of the content.
Leading: Leading refers to the space
between two lines of type- the distance between the baseline of a line of text and the baseline of the next line of text.
Tracking: involves the spacing throughout the entire word.

# data[].attributes.body
We looked at some examples of size, weight & color that are used to make fonts look good.

# data[].attributes.headline
What is Representation & Interpretation?

# data[].attributes.subject
What is Representation & Interpretation?

# data[].attributes.body
Representation
It is defined as ‘the signs that stand in for and take the place of something else’. The process of representation is characterized by using signs that we recall mentally or phonetically to comprehend the world.
Interpretation
It is about expressing an understanding of something. It is a mental representation of the meaning of something.
Semiotics
It is the study of signs and symbols and their interpretation.
*All notes are shared on google classroom.

# data[].attributes.body
Signs
Signs take the form of words, images, sounds, odours, flavors, acts or objects - They become signs only when we invest into giving them meanings.

We were given some examples and explanation in the notes.

# data[].attributes.body
Symbols
A symbol is something such as an object, picture, written word, sound, or particular mark that represents something else by association, resemblance, or convention.

Some examples & explanation were given on the notes.

# data[].attributes.body
Phoenix Beverages is one of the leading beverage company in Mauritius.
Phoenix Beverages Ltd done a rebranding process to Phoenix Bev. Along with a change in branding, Phoenix Bev
incorporating Phoenix Camp Minerals and a bottling agreement with the Coca-Cola Company to introduce the famous soft
drink all over the island.
The rebranding was a signal of the internal changes that took place.
In 2003, MBL (Mauritius Breweries Ltd) changed its name to Phoenix Beverages Limited and five years later, it merged with
Phoenix Camp Minerals which is a wholesaler.
Phoenix Bev looked at marketing trends to plan their next step and contribute to the social development in Mauritius)

# data[].attributes.body
Today we learned about UI designs and UX.
We learned about each of UI and UX types and their user experiences.

# data[].attributes.body
A presentation was conducted on our group project which was on "Phoenix Beverages".

# data[].attributes.body
Today we learned about different types of formats of images and their differences and similarities.
Jpeg, tiff, png, bmp, gif....

The main difference between all of these image formats comes down to two things: compression and compatibility.

# data[].attributes.body
Lossless image formats capture all of the data of your
original file. The file may still be compressed, but all
lossless formats will be able to reconstruct your image
to its original state. Lossless compression means that
you reduce the size of an image without any quality
loss.

Lossy compression
significantly reduces the size of the image file but at
the same time may impact on the image quality (loss of
quality)

# data[].attributes.body
In this topic we learned about the basic concepts of Images used for print and screen purposes. These include vector and bitmap images, resolutions, document sizes.

# data[].attributes.body
What are Pixels?
-Pixels are individual picture elements (dots or
squares) that appear in rows and columns and that
make up the image.
-Each individual pixel from an image is assigned a
single colour.
-Pixels dimensions determine the amount of detail
in an image

# data[].attributes.body
When changing the size of an image in Adobe Photoshop,
there's really two ways to go about it.
-You can either resize the image, or you can resample the
image.

Image resampling means physically changes the number of pixels in your image (the Pixel Dimensions).

Image resizing keeps the number of pixels in your image the
same and affects only how large your image will print (the
Document Size).

# data[].attributes.body
Today we learned about color modes and models.Color is one of the basic principles of all
design theory and a tool that contributes to an
overall aesthetic and provides user interaction
cues.

COLOR MODEL
A system of defining color. Color models are used to
classify colors and to qualify them according to such
attributes as hue, saturation, chroma, lightness, or
brightness. They are further used for matching colors and are
valuable resources for anyone working with color in any
medium: print, video, or Web.

COLOR MODE
Refers to the image as a whole, specifying how the colors
are recorded in the actual file

# data[].attributes.body
Two processes for producing color,
namely:
• Additive – involving the blending of light. We “create”
white by mixing all the colors at full intensity; black is
the total absence of color.
• Subtractive – involving the mixing of physical
substances (e.g., ink, paint). Each dot/splotch covers
the medium

# data[].attributes.body
RGB exists exclusively in digital formats (e.g., mobile
screens). Although RGB is present across most
electronic devices, the color elements vary across
systems and models. So, an image can display
differently on-screen from brand to brand.

Uses of RGB:
• Web & App Design
• Digital Design
• Social Media
• Online Advertisements

GRAYSCALE - uses up to 256 shades of gray,
including black and white.

•Can be used on the web, in commercial printing, for output to
other devices such as printers.

•color information is lost on conversion to grayscale mode.

•The image retains brightness value of each pixel expressed
in varying shades of gray.

# data[].attributes.body
We were requested to complete at least go through the some tutorials and submit at least one from the selections and one from the text effects.

# data[].attributes.body
Definition by Paul Rand

“a logo is a flag, a signature, an escutcheon (a shield or emblem bearing a coat of arms), a street sign. A logo does not sell (directly), it identifies. A logo is rarely a description of a business. A logo derives meaning from the quality of the thing it symbolizes, not the other way around. A logo is less important than the product it signifies; what it represents is more important than what it looks like. The subject matter of a logo can be almost anything.”

# data[].attributes.body
We learned that there are different types of logo.
Logo types can be categorized as follows:
Emblems
Monograms
Logo Type (textual/typographic style)
Iconic (symbol type)/Pictorial marks
Combination (mix of iconic and text)

# data[].attributes.body
Today we learned different parts of the Adobe Illustrator such as "The workspace , the document setup, selection tools,vector paths and anchor points". We were also given some pen tool practice exercises to complete.

# data[].attributes.body
Today we learned that there are several processes involving logo design.The steps are:
Logo Design Brief/ Setting the task
User and Market Research
Idea Generation - Drawing The Sketch By Hand (sketched thumbnails/roughs)
Short-list The Logo Design Concepts
Send To Client For Review
Revise & Add Finishing Touches
Supply final Files To Client

# data[].attributes.body
Today we also learned how the grid system can be helpful to make logos.
Logo grid ( construction guides) makes that the process of designing a logo much easier by:
- providing an ordering system through the use of shapes with the aim to create geometric
harmony
- Simplifies work for future usage to another designer to reconstruction
- Maintain visual consistency.

# data[].attributes.body
The Golden Ratio was derived from the Fibonacci sequence
Fibonacci: A sequence in which the next number in the sequence is a total of itself and the previous number starting with zero. It is dynamic and determines the rate of growth. Also pleasing to the eyes.

# data[].attributes.body
It is a technique or a design being used by
photographers and logo designers
-helps with the composition of the logo
-makes very efficient use of the negative and positive spaces
-can also help align your text correctly

# data[].attributes.body
As End of year assignment,we were given the task to create a logo based on this Situation:
As a recent graduate of the University, you have decided along with some friends to start an
NGO (Non-governmental organization)i. You have decided to start with the design of the

corporate identity which would include the following main items:
- The organization 's logo
- The organization 's visiting card
- The organization 's stationery items such as envelopes, memos(letterheads), and other promotional items

It was also broken in several steps
step 1: Brainstorming phase and generating initial ideas
step :Thumbnail sketches
step : 3: Preliminary rough sketches
Step 4: Shortlisting potential ideas and drawing logos in
Adobe Illustrator
Step 5: Variations in logo (at least 4 proposals for variations)
Step 5: Final logo

# data[].attributes.body
Hence after the phase 1,phase 2 consists of working in groups of 5 person.
Again the assignment was broken in several steps.
-Choosing the logo to use for your NGO website
-Designing web pages layouts : Home page and 2 other pages
-create a wireframe
-create a moodboard
-create the layout design of the other 2 webpages