Asymmetry vs. symmetry: know the right tool for the job

Balance is one of the basic rules of design, and knowing when to use it or break it is vital. These resources touch on when asymmetry vs. symmetry is best.

Get started growing your business with a B12 website.

No credit card required
Asymmetry vs. symmetry: know the right tool for the job

Resources

Key quotes:

  • "Her hair ripples as an ocean wave that laps provocatively over her breasts."
  • "As the face of Starbucks since 2011, the Siren logo is alluring by design, beckoning you into the store…."
Read more →

Key quotes:

  • "As you can see after a few sketches it was pretty obvious that a vertical scrolling layout would be best especially when responsive design is brought into the equation."
  • "It is how I visually think about my design without having to build several comps or HTML models."
  • "After sketching a rough approach to my layout it is time to get into some HTML."
  • "I used to use Photoshop to render out my designs before building them in HTML."
  • "The evolution of the tools I use has also allowed me to change my approach."
  • "Responsive frameworks like Bootstrap and Foundation have opened up the ability to rapidly prototype designs directly in the browser."
Read more →

Transcript: One of the designers most basic visual tools is the distinction between symmetry and asymmetry you may be surprised to discover how much you can enhance your work by harnessing this powerful distinction Ellen you love symmetry tell us why many natural organisms are symmetrical look at me I'm symmetrical my arms and legs keep me balanced a leaf grows outward in a symmetrical pattern the arms of the starfish radiate out from the center that's called radial symmetry symmetrical layouts are inherently stable and balanced and that's why designers for centuries have gravitated towards centered layouts so in a symmetrical design I should be able to draw a line top to bottom and it's the same on either side or I could draw a line through the center and it's the same above and below but Jennifer I know you love asymmetry tell us about that I think that symmetry is more inherently understandable because we can all relate as human beings that are symmetrical to that principle but you may be wondering what exactly is asymmetry asymmetry in design really is distributing elements so that moving them around until they really do feel balanced so that really is... See more →

Key quotes:

  • "We are humans and no matter how many times we try to put ourselves into little boxes it won’t ever work, be it 16 personalities or OCEAN in psychology, flat vs skeumorphism, or a portion of your target demographic that doesn’t quite behave like you expect it to."
  • "We, as designers, have liked grids and structures not so much because they are beautiful but due to their natural ability to simplify and connect."
  • "Grids are similar to that for designers: a tool that is so useful that we might get a bit overwhelmed and think that the general audience will have the same relation with them but we need to take a retake on our take over this."
  • "Our tools like grid and formal language might provide clarity and convenience but its difficult to form an emotional connection with their symmetry."
  • "As designers we need to understand these relations in context of product and the user."
  • "These relations need to be formed not just with usability and aesthetics in mind but also human love for humor and creativity."
Read more →

Key quotes:

  • "SSL allows web clients and servers to: It works through a combination of symmetric and asymmetric encryption using cryptographic keys tied to an SSL certificate."
  • "SSL uses these digital signatures to authenticate the identity of web servers."
  • "Its contents consists of: The SSL protocol uses SSL certificates to Except for self-signed certificates, SSL certificates are signed and issued by certificate authorities, third party corporations who verify the identity of organizations in exchange for the certificate."
  • "But even among SSL certificates issued by certificate authorities, there are three types of certificates, each with varying levels of security (and prices): Clients like browsers or smart phones, will come with a list of some certificate authorities and their public keys."
  • "The client will then encrypt this random secret key through asymmetric encryption using the server’s public key and send it to the server."
  • "The SSL handshake is over and the two applications can communicate securely by symmetrically encrypting messages with this secret random key."
Read more →

Transcript: Hi I'm dan green with rotary lifts in this video I'll go over some of the benefits of symmetric and asymmetric lifts so you can make the best decision for your shop symmetric and asymmetric lifts are both the used to lift the vehicle the wheels free and undercarriage access various capacities and adapters are available properly engaged pickup points of the vehicle symmetric lifting centers the vehicle front to air in the bay columns are positioned directly across from and facing each other all forearms are of equal length and the lift has more drive-through clearance center of gravity of the vehicle and a lift are aligned equalizing the load on the columns carriage and bearings these benefits make a symmetric lift ideal for trucks vans and commercial vehicles capacities range from 10,000 to 18,000 pounds asymmetrical lifting centers the vehicle to the rear of the columns on a true asymmetrical lift the columns are rotated and the front and rear arms are of different lengths allowing for maximum door opening and interior vehicle access the rotated columns align the center of gravity of the vehicle with the lift equalizing the load on the columns carriage and bearings these... See more →

Key quotes:

  • "As I previously promised to discuss the symmetry, visualizing solid shapes, coordinate geometry and vector in this article, so here I am today for you to talk about these topics in this session."
  • "Asymmetry can also represent an object that breaks a predefined pattern of symmetry or an imbalance of design elements."
  • "A three-dimensional object can be easily represented on a two dimensional plane with the help of an oblique sketch."
  • "In the oblique sketching method, the circular lines which are parallel to the front plane of the projection are drawn true shape and size."
  • "The following points must be kept in mind while drawing an oblique sketch: Isometric Sketching or isometric drawing is a pictorial representation of an object in which all the three-dimensions are drawn at the full scale."
  • "Oblique sketching is a method of representing 3-D objects on a 2-D plane."
Read more →

What customers & experts say

Joseph
Joseph Customer / Founder Collective

“It was such a pleasure to work with B12. Their technology made the web design process easy and the B12 team helped us launch a website we love! We're proud to be an investor and a client.”

Sheila
Sheila Customer / Dr. Sheila Hughes Weight Loss & Wellness

“There's absolutely no comparison between our old website and the B12 one. Our B12 website gives us the call to actions we need and better communication tools with our patients. Since our B12 launch, we started seeing more online visitors scheduling a consultation through our website.”

Read more →
Annabel
Annabel Customer / Evolv Ventures

“My B12 experience has been great! What I appreciate most is that I can edit the site personally whenever I want to, but I can also ask for support when there are changes that I'm not able to make myself. B12 is great blend of a DIY service and a full-service website agency.”

Read more →
Daniel
Daniel Sales at B12

“I'm proud to work for B12 and deliver the product and service we do. Too often, individuals do not have the time or industry knowledge to build, manage, or maintain a website. In today's world, your website can be your best friend. We strive to make sure your best friend is working as best it can!”

Mandie
Mandie Design expert at B12

“I have thoroughly enjoyed working with the B12 website editor. It allows me to make pixel-perfect websites in a fraction of the time.”

Natalie
Natalie Customer / Natalie Elisha Gold

“The entire \[B12] process felt really quick and efficient. I was able to work with them and highlight certain areas that I wanted on my website. Everything that I didn’t like was changed in a matter of seconds and minutes. It was vastly different compared to the previous team that I had hired to do my website.”

Read more →
Liam
Liam Sales at B12

“B12 aims to help small business owners by saving them time to focus doing what they do best — running their business. We want to help them increase their bottom line by providing high-quality websites at a fraction of the price charged by boutique agencies and other DIFY providers.”

Rick
Rick Customer / Rick Finbow Enterprises, LLC

“I think it's great that B12 is watching out for me. I'm reminded to update my website and I get ideas. I like that I'm not in it alone.”

Megan
Megan Customer success at B12

“The website editor rocks! It makes it easy to add new items while keeping the same theme and structure I set when I created the site, no reformatting needed. It's fool proof and provides everything needed to create a seamless, gorgeous website. I actually use B12 for my own website!”

Debra
Debra Customer / A New View of Food

“B12 has positively impacted my business with its wide variety of integrations, such as the bookings integration! I’ve been getting more emails from potential customers who are able to book online and schedule consultations with me easily. I’m not tech savvy, so if you’re like me, having a company like B12 to work with is incredibly helpful.”

Read more →
Carlos
Carlos Customer / FitFuel

“If you want to sit at the head of the table, use B12. It is clear they have talented designers who are genuinely motivated to see you reach your goals.”

Read more →
Megan
Megan Customer / Body Wise

“I love using the B12 website editor, which provides the ease of updating my website myself. With an intuitive editing platform, I didn’t need any guidance on making website updates. I made changes to my photos, copy, and text color — and I can do it whenever I want.”

Princess
Princess Customer / Clear Visions Consulting Services, LLC

“I need \[B12] recommendations. As I add new courses to my website, I need to make sure that I'm fresh, I'm sharp, and I'm up to date.”

Nikolai
Nikolai Expert at B12

“I use B12’s website editor on a daily basis and I love how easy it is to personalize the style. I’m able to add multiple images, videos, and text in different layouts based on the preference of our customers in just a few hours! It’s been a huge time-saver, given how intuitive the interface is.”

Roberto
Roberto Customer / Emerald Gardens

“B12 was able to give us the flexibility we needed to play around with website elements while guiding us in our first attempt at building a website.”

Read more →

Ready to grow your business online?

Join the tens of thousands of professionals who’ve found success with a B12 website, SEO, blogging, and more!

Get a website in minutes
This website uses cookies to ensure you get the best browsing experience.  Learn more
I agree