When it comes to line work, you\u2019re really going to have to tow the line<\/em> between angular and curvaceous. Lines may be the base shape that begets all artwork, but logos and web designs that rely heavily on linework are anything but simple.<\/p>\n\n\n\n Typically, humans have a preference for curved lines<\/a> over straight lines. This can be attributed to the neurophysiology of the visual system. Even infants whose eyes are not fully formed will focus their attention longer on curved shapes<\/a> than on sharp, angular lines. <\/p>\n\n\n\n However, curves won\u2019t necessarily increase the amount of time a user will focus their attention on your design. In fact, sharp angles are more likely to catch the quick attention of your users. Where curves connote softness and complexity, sharp lines and angles connote seriousness and simplicity. <\/p>\n\n\n\n Studies have shown that angular objects can trigger a sense of threat. Sharpness in shapes has been shown to increase activity in the amygdala<\/a>, which is the area of the brain that processes fear. For that reason, sharp angles often demand your audience\u2019s attention and draw the eye in more quickly than their curved counterparts.<\/p>\n\n\n\n You can use these natural human response patterns to create designs that make your audience feel something. For fun, lighthearted brands, curved lines can help you break up blocks of text on sites and create a sense of whimsy. For more serious brand personas, though, sharp angles and straight lines will help drive home a sense of gravity.<\/p>\n\n\n\n Creative studio The Inlay<\/a> uses straight lines and a minimalist design to draw your eye as you scroll through the pages, but avoids overusing the sharp angles that may trigger negative responses. <\/p>\n\n\n\n Technology consulting company Affinity<\/a>, however, uses a lot of relationship-oriented language throughout their website. Their rounded arrow logo and curved shapes throughout the design feel much more approachable than the traditional, stiffer imagery used in the tech space.<\/p>\n\n\n\n If you\u2019re calling someone a square, you\u2019re probably insinuating that they\u2019re boring. The opposite, then, would mean that circles connote fun, youth, and a carefree mentality. It makes sense that because babies\u2019 attention has been shown to hold longer for curved lines, they also tend to prefer circular toys<\/a>.<\/p>\n\n\n\n Openness and togetherness<\/a> come to mind when your viewers look at a circle. Round shapes can also connote feelings of community or protection\u2014like being safe in your own bubble or even a nice hug. Other characteristics<\/a> of circles can include friendship, warmth, femininity, and rebirth (think: the circle<\/em> of life). <\/p>\n\n\n\n From a naming perspective, the Ring<\/a> doorbell has tapped into their users\u2019 senses. Auditorily, you can imagine the doorbell \u201cring\u201d while visually, the imagined \u201cring\u201d is tied to both their logo and the way the physical hardware is designed.<\/p>\n\n\n\n The Circle, a Netflix reality competition show, is another place in which circular branding makes the most sense. The premise is a group of people who may or may not be telling the truth about their identity try to gain popularity amongst their peers only through a social media platform called The Circle. The objective? Stay within the community\u2014remain in The Circle.<\/p>\n\n\n\n Acceleration, motion, and balance<\/a>, triangles easily illustrate activity. They\u2019re energetic, powerful shapes that can evoke an array of emotions from excitement to caution.<\/p>\n\n\n\n Triangles have impact, and the way they\u2019re directed is crucial<\/a>, because direction will change their meaning in the mind of your consumer. For example, a triangle pointing upward can show strength, but when turned even slightly askew, they can show instability. But multiple triangles in all different directions can demonstrate amusement or excitement\u2014like confetti!<\/p>\n\n\n\n The play button on your favorite video or music streaming service is more than likely just a triangle pointing to the right. It resembles an arrow which indicates forward motion, as opposed to the two straight lines that would indicate a pause (a literal \u201cbreak\u201d between two straight lines).<\/p>\n\n\n\n HGTV<\/a> uses triangular design in a clever way as well. The isosceles triangle<\/a> sits across the top of their wordmark, a clear but simple way to illustrate the roof of a home. The \u201cV\u201d at the other end of the logo makes a great counterbalance as it points downward.<\/p>\n\n\n\n Quadrilaterals<\/a> include any four-sided shape. Squares and rectangles are the most common examples, but trapezoids, diamonds, and a few more are included here as well. Squares and rectangles are often symbols of stability and steadiness, conformity, or straightforwardness. Their right angles visually suggest rationality, order, and structure.<\/p>\n\n\n\n Squares and rectangles are often used by brands that want to come across as down-to-earth or pragmatic. From National Geographic to LinkedIn to Dominos, squares and rectangles are common\u2014especially for logos\u2014across a wide range of industries.<\/p>\n\n\n\n Other types of quadrilaterals will also convey those feelings of regularity, but with a more avant-garde, contemporary visual twist<\/a>. Diamonds can be used to convey luxury or high-end products because of our unconscious association between the shape and the gemstone. Quadrilaterals like kites and rhombuses are great for hinting at a level of stability without resorting to overused patterns.<\/p>\n\n\n\n Australian-based web designer Mokthar Saghafi<\/a> uses a parallelogram shape for the geometric pattern of his website. The four-sided figures are neatly stacked, hinting at the stability usually connoted with four-sided shapes. Setting them slightly off-kilter as a rhombus instead of a true rectangle, though, adds another layer of visual interest.<\/p>\n\n\n\n While Lego<\/a> may not seem down-to-earth or conforming, they’re certainly stable\u2014how else would you build with them? Their square logo is also a visual callback to their product. It looks very remarkably similar to a square Lego brick with four studs.<\/p>\n\n\n\n “Polygon” is an umbrella term used to describe any 2D geometric shape, but it\u2019s usually reserved for those with 5 or more sides, like pentagons, hexagons, and octagons.\u00a0<\/p>\n\n\n\n In nature, these shapes are found everywhere, from honeycombs to shell patterns to crystals and rock formations. In web design, however, they\u2019re used less frequently<\/a>. This can be a good thing for your clients because it\u2019ll help set you apart from more common design trends!<\/p>\n\n\n\n Complex and futuristic, polygons are often used to create a modern, contemporary aura that\u2019s still well structured. Certain polygons are commonly used within niche industries, however. For example, auto and machine manufacturing and repair companies often employ hexagons and octagons in design as they resemble the head of a bolt.<\/p>\n\n\n\n The hexagonal layout used by UK web design agency Built By Buffalo<\/a> is a great way to show lots of examples of their work upfront without it overwhelming their homepage. It\u2019s then used throughout the website to showcase team headshots, show off fun office photos, and call out important information.<\/p>\n\n\n\n The Pentagon is one of the most recognizable buildings in the world, and it is aptly named for its five-sided structure. A prime example of using polygons for architectural design, the building itself conveys stoicism and stability<\/p>\n\n\n\n There are a few other geometric and abstract shapes that are commonly used across web and product designs, promotions, and branding efforts. Let\u2019s take a quick overview of some of those popular shapes and their meanings.<\/p>\n\n\n\n Blobs are often shapes that are characterized as fun or silly. The famous \u201cbouba\/kiki effect\u201d<\/a> has proven that individuals across cultures and writing systems will attribute the nonsense word \u201cbouba\u201d to blob shapes, while \u201ckiki\u201d is associated with spiky abstract shapes. <\/strong><\/p>\n\n\n\n When you choose to use sharp abstract shapes with spiky edges, you\u2019ll grab the fast attention of your viewer. With rounder shapes, however, you\u2019ll make them feel more comfortable and playful.<\/p>\n\n\n\n Brooklyn-based custom WordPress design studio Buzzworthy<\/a> uses lots of blob shapes and bulbous transition animations to showcase their fun, funky style. <\/p>\n\n\n\n Often used to showcase spirituality and healing, connection, or balance, crosses<\/a> appear all the time in web design. It\u2019s the most common way visually to connote a meeting or connection between two things. Another common use for a cross in design is as a \u201cplus\u201d sign, indicating you can add something to a cart or expand for more information. <\/p>\n\n\n\n In logos, crosses are typically reserved for religious organizations due to their strong religious ties, but other, more agnostic uses of the shape have been successful as well.<\/p>\n\n\n\n The American Red Cross<\/a> is one of the most notable organizations to make use of cross imagery. Their work sits at the intersection of individuals who need<\/em> help and individuals who can<\/em> help during or after a disaster. The Red Cross\u2019 logo places them at the intersection of those two things, while also visually alluding to healing and health.<\/p>\n\n\n\n Spirals<\/a> connote movement and progression. Rounded spirals and loops often illustrate perfection, beauty, and evolution. If your spiral is more pointed, like a zigzag motion, it\u2019s more likely to convey a pivot, change, or new direction that\u2019s being taken by a product, company, or service.<\/p>\n\n\n\n The direction of your spiral will also have a lot to do with how it\u2019s perceived\u2014especially if you plan on animating it. The last thing you want is to try to convey development, growth, or creativity and end up sending your users on a literal downward spiral. As with most things, convey positive movement by making your spirals move up and to the right when possible.<\/p>\n\n\n\n Rally<\/a>, a digital product studio out of Salt Lake City, UT, uses a simple spiral on a white background for the entirety of their site. The changing colors and dynamic motion of the spiral keep viewers interested visually and create a cohesive user experience. <\/p>\n\n\n\n Organic shapes include leaves, branches, roots, waves, stars, clouds, and more. Where geometric shapes can be used together to create images (example: a square with a triangle on top becomes a simple house), organic shapes typically standalone as an image unto themselves.<\/p>\n\n\n\n These shapes will typically be irregular or asymmetrical (but not always) and they\u2019ll have an association with the natural world in some way. The idea of \u201cthe cloud\u201d is a perfect use of organic imagery. <\/p>\n\n\n\n The idea of \u201ccloud\u201d storage ties something very heady and technical\u2014an intangible \u201clocation\u201d that holds information\u2014and ties it to the natural world, making it more approachable for tech novices. SoundCloud<\/a>, for example, is a music sharing site on which users can upload audio files and share them with a growing community of music lovers across the globe.<\/p>\n\n\n\n As always, these are not hard and fast rules. Use multiple shapes, line weights, and alignments within your design to create visual interest. Using several elements together will allow you to tell a story that your readers can see with their eyes and feel in their gut.<\/p>\n\n\n\n The WP Engine resource center is your source for information on all things design, and our Psychology of Design series is all about using the fundamental elements of design to draw in customers with well-planned branding. <\/p>\n\n\n\n Read parts one and two for a deep dive into the meanings of color and how to use them in your visual storytelling. Then, check out the rest of the series which explores the importance of your typeface<\/a>, page layout<\/a>, and logo design<\/a>.<\/p>\n\n\n\n![\"Screenshot](\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2023\/02\/affinity.png\")
![\"Screenshot](\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2023\/02\/inlay.png\")
Circles and Ovals<\/strong><\/h2>\n\n\n\n
![\"Screenshot](\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2023\/02\/ring.png\")
![\"Screenshot](\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2023\/02\/the-circle.png\")
Triangles<\/strong><\/h2>\n\n\n\n
![\"Screenshot](\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2023\/02\/play-button.png\")
![\"Screenshot](\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2023\/02\/hgtv.png\")
<\/em><\/figcaption><\/figure>\n\n\n\nQuadrilaterals<\/strong><\/h2>\n\n\n\n
![\"Screenshot](\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2023\/02\/quad.png\")
<\/em><\/figcaption><\/figure>\n\n\n\n![\"Block-shaped](\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2023\/02\/lego.jpeg\")
Polygons<\/strong><\/h2>\n\n\n\n
![\"Screenshot](\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2023\/02\/hexagon.png\")
![\"Screenshot](\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2023\/02\/pentagon.png\")
Abstract Shapes<\/strong><\/h2>\n\n\n\n
Blobs<\/strong><\/h4>\n\n\n\n
![\"Screenshot](\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2023\/02\/bouba.png\")
Crosses<\/strong><\/h4>\n\n\n\n
![\"Screenshot](\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2023\/02\/red-cross.png\")
Spirals<\/strong><\/h4>\n\n\n\n
![\"Screenshot](\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2023\/02\/spiral.png\")
Organic Shapes<\/strong><\/h4>\n\n\n\n
![\"Screenshot](\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2023\/02\/soundcloud.png\")
The Mind Behind Design<\/strong><\/h2>\n\n\n\n