Shapes & Symbol for Web Design

Toma Oceanize
Oceanize Lab Geeks
Published in
2 min readMar 22, 2018

Shapes & Symbol is important elements of web design.Today I share to exploring how to create basic shapes inside of Adobe Illustrator.We can use geometric shape or other free hand shape by useing Adobe Illustrator.

Ai shape

All the visual objects can be analyzed in terms of shape. All shape have meaning. Each shape has its own meaning and influences our mind and reactions differently. There are many psychological tests which are used to define the personality or mental condition via shapes.

Geometric shapes meaning

There are plenty of geometric shapes which people see daily including squares, circles, rectangles and others. Now I shere their meaning.

Squares and Rectangles

Common meanings: discipline, strength, courage, security, reliability.

Triangles

Common meanings: excitement, risk, danger, balance, stability.

Circles, ovals, and ellipses

Common meanings: eternity, female, universe, magic, mystery.

Spirals

Common meanings: growth, creativity, calmness, intelligence.

Abstract shapes meaning

Usually visual symbols of abstract ideas or simplified versions of natural shapes. Some abstract shapes can be too difficult to recognize because of it’s stylized & only small details give a hint to what it is. One abstract shape often has both direct and figurative meanings.It’s often used in UI design. Abstract shapes are an effective way to transfer a message quickly without text.

Common meanings: The duality of meaning, uniqueness, elaborate.

So now we understand of the basic shape tools that you have available to inside of Adobe Illustrator, and then how to use those to quickly create these skeleton pieces which we can then start to throw a little bit of creativeness on top of to create some really stunning web graphics.

--

--