Balance

• symmetric balanceformal balancestyle: composition-balance-symmetric001Symmetric balanceArt · Design · UI/UXEqual masses sit at equal distances on either side of the center.
• asymmetric balanceinformal balancestyle: composition-balance-asymmetric002Asymmetric balanceArt · Design · UI/UXA large mass near the center is balanced by a small mass far from it.
• visual tensionoff-balancestyle: composition-balance-tension003TensionArt · Design · UI/UXElements are pushed to the edge and tilted, creating instability.
• bottom-heavygrounded compositionstyle: composition-balance-bottom-heavy004Bottom-heavyArt · Design · UI/UXLarge, heavy masses sit at the bottom, with light elements above.