Como usar a asimetría e a simetría no deseño

Como usar a asimetría e a simetría no deseño
Rick Davis
espectadores.

Como usar a ferramenta de forma de Vectornator para crear equilibrio

Ferramenta de forma

Cada maquetación comeza cunha páxina en branco.

Despois veñen os elementos de deseño: un logotipo, menús, seccións de texto, fotografías, ilustracións, etc.

A colocación dos elementos pode determinar como o deseño será exitoso. É por iso que unha das primeiras cousas que fan os deseñadores cando comezan a traballar nunha nova páxina é decidir cal será a disposición dos elementos nesa páxina.

Fonte da imaxe: Andra C Taylor Jr

Hai dous enfoques básicos dos elementos espaciais nunha páxina. Os deseñadores poden inclinarse por unha disposición máis simétrica dos elementos ou por outra asimétrica.

Agora imos ver dous poderosos principios de deseño que, a primeira vista, poden parecernos demasiado sinxelos e ser unha segunda natureza para nós. merece demasiada reflexión. Non obstante, sería prudente non subestimar as súas capacidades e os beneficios dos seus efectos.

Sempre que distribuímos elementos compositivos uniformemente arredor dun punto ou eixe central, realizamos un deseño simétrico. Un bo exemplo de simetría na natureza é a bolboreta: os seus lados dereito e esquerdo son moi similares entre si (aínda que non son idénticos).

Atopamos a simetría cando dous lados espellados son exactamente iguais, xa que crea un imaxe espello perfecta. Coloca un dedo da man dereita contra a superficie do espello do teu baño e mírao e o seu reflexo desde un ángulo. Asumindo que os nosos espellos estean limpos, sempre o faremosten tantas opcións diferentes para escoller, un sitio debe ser algo especial para destacar entre todos os demais e reducir a taxa de rebote. Cando os deseñadores dominan a asimetría, crean produtos máis memorables.

Fonte da imaxe: Olia Gozha

Para transmitir dinamismo

Cando os deseñadores web usan o termo "dinámico", o que se refiren é un deseño no que o ollo do espectador se move ao redor do deseño. Os deseños asimétricos poden provocar sensacións de movemento. É por iso que tantas marcas deportivas usan deseños asimétricos e asimetría en elementos individuais (como o logotipo).

Para chamar a atención

A asimetría chama a atención. Un deseño asimétrico axeitado leva automaticamente o ollo do espectador aos puntos focais: a mirada se fixa de xeito natural nas pezas críticas do deseño primeiro. Colocando e axustando elementos nunha páxina, podes dirixir a mirada ás diferentes áreas.

Ao elixir os puntos focales, lembra que o obxectivo principal de calquera deseño é a comunicación. Con cada páxina web que deseñas, contas unha historia aos teus visitantes, así que asegúrate de escoller os puntos focales que che axuden a contar esta historia da forma máis eficaz.

Aquí tes algunhas cousas que che permiten debuxar. atención:

  • Contraste. O contraste pódese usar tanto para resaltar un elemento concreto como para ocultalo. Ao aumentar o contraste dun elemento en particular, fai que destaque.Pola contra, ao baixar o contraste, podes facer que un elemento se esvae no fondo
  • Espazo en branco. Use espazos en branco para illar un elemento doutro
  • Movemento. O ollo humano está cableado para prestar atención aos obxectos en movemento
  • Indicacións direccionais. O ollo seguirá indicacións direccionais (por exemplo, unha indicación direccional pode ser unha frecha que apunte nunha dirección determinada)
  • Rostros humanos. O ollo seguirá o camiño dos ollos na foto, polo que o visitante dun sitio mirará na mesma dirección que unha persoa no deseño.

Combina simetría e asimetría no deseño

Fonte da imaxe: Artem Kniaz

A simetría non sempre é unha decisión. É posible crear os deseños máis atractivos e esteticamente agradables combinando simetría e asimetría.

Podes dividir o deseño en seccións máis pequenas e tentar conseguir un equilibrio simétrico ou asimétrico en cada sección. Por exemplo, podes ter un deseño simétrico no que a asimetría se utilice para crear puntos de interese e organizar a xerarquía visual dentro dun grupo de elementos similares.

A simetría (ou a súa falta) pode ser unha poderosa ferramenta no deseñador. caixa de ferramentas. A simetría evoca naturalmente unha sensación de orde, mentres que a asimetría, por outra banda, pode axudar aos deseñadores a lograr a singularidade e o carácter no deseño. A combinación dos dous axuda a crear deseños únicos e memorablesa esquina superior esquerda da túa forma. Mentres que os polígonos e as estrelas debuxaranse automaticamente desde o centro da túa forma.

Como editar o raio da esquina

Calquera punto de esquina nunha forma vectorial pode ter esquinas agudas ou redondeadas, e en Vectornator , podes usar o control deslizante do raio da esquina para axustar o raio dunha esquina individual nunha forma.

Para cambiar o raio das esquinas da túa forma, só tes que arrastrar o dedo ou o lapis polo raio da esquina dentro da pestana de estilo.

Para cambiar un único punto de esquina da túa forma, selecciónao coa ferramenta Nodo e despois desliza o dedo polo control deslizante do raio da esquina para axustalo.

Como editar o raio da esquina dun polígono

Podes axustar o raio das esquinas da túa forma usando o menú "Accións rápidas" sempre que selecciones a túa forma. Para facelo, toca a icona do raio da esquina no menú e despois desliza cara á esquerda e á dereita para cambiar o valor.

Como debuxar liñas rectas

Activa a ferramenta Liña seleccionando a icona da liña en a barra de ferramentas. Coloque o lapis ou o dedo onde quere que comece a liña e, a continuación, arrastre ata onde quere que remate a liña. Manteña un segundo dedo no lenzo para facer unha liña horizontal, vertical ou en intervalos de 45°.

Como crear estrelas

A creación de estrelas en Vectornator pódese facer facilmente usando a ferramenta Star. . Para activalo, simplemente toque a icona da forma dentro da barra de ferramentas e, a continuación, seleccione a estrela.Para debuxar unha estrela nova, só tes que tocar onde queres que estea o centro da estrela.

Á dereita da ferramenta estrela, atoparás un control deslizante que che permite controlar o número de puntos no teu dispositivo. estrela. O número que se mostra no control deslizante corresponde ao número de puntos.

Ao debuxar coa ferramenta Star, activarás un par de xestos que che axudarán a modificar os puntos e a dirección da túa forma:

  • Cambia a dirección das puntas: mantén premida e arrastra cara arriba e abaixo para modificar a dirección das puntas da túa estrela.
  • Cambia a forma da estrela: mentres debuxa a estrela, manteña premido un segundo dedo para editar a punta da estrela. raio arrastrando os dedos.

Como debuxar espirais

A creación de espirais en Vectornator pódese crear usando a ferramenta espiral. Para activalo, só tes que tocar a icona de espiral dentro da barra de ferramentas.

Á dereita da espiral, podes controlar o seu valor de desintegración. A decadencia especifica a cantidade en que cada vento da espiral debe diminuír en relación ao vento anterior.

Para debuxar unha nova espiral, manteña e arrastra o lapis a calquera parte do lenzo. Coloque o seu estilete (ou o dedo) onde quere que comece a liña e, a continuación, arrastre de abaixo cara arriba ou viceversa para definir a súa dirección.

En conclusión

Unha composición equilibrada parece correcta. Séntese estable e estéticamente agradable.

Aínda que algúns dos seus elementos poden ser puntos focales e atraer a túa mirada, nonunha área da composición chama a atención tanto que non podes ver as outras áreas.

O equilibrio dunha composición implica organizar tanto os elementos positivos como o espazo negativo de forma que ningunha área do deseño supere outras áreas. . Todo funciona xunto e encaixa nun todo perfecto. As partes individuais contribúen á súa suma pero non tentan converterse na suma.

Unha composición desequilibrada pode provocar tensión. Cando un deseño está desequilibrado, os elementos individuais dominan o conxunto e a composición faise menor que a suma das súas partes. Nalgúns proxectos, o desequilibrado pode ser o adecuado para a mensaxe que estás a transmitir, pero en xeral, queres composicións equilibradas.

A simetría é fermosa. Así o vemos a maioría de nós. A simetría leva a unha sensación de harmonía e unha estética agradable. A simetría tamén se asocia a miúdo con ser formal e estática. Por outra banda, a asimetría, aínda que carece de beleza inherente, adoita considerarse máis emocionante e máis dinámica.

Os deseñadores gráficos de éxito saben que dominar o concepto visual de equilibrio é a clave para unha comunicación eficaz. Cando os teus deseños acaden o equilibrio, o que pode ocorrer con deseños simétricos e asimétricos, conseguirán unha maior unidade e o teu público usará menos enerxía para captar a información.

Entender a simetría fronte á asimetría non é difícil. , pero conseguiloo correcto pode ser complicado ao principio. Pero se usas unha ferramenta líder como Vectornator, permitirache deseñar todo o que poidas imaxinar ata un 30 % máis rápido. Podes crear ilustracións sofisticadas, maquetas de deseño espectacular e imaxes equilibradas cando queiras.

Podes editar, personalizar ou incluso crear os teus propios pinceis. Cada trazo de pincel é sensible á presión, o que fai que toda a túa experiencia de debuxo se sinta como bolígrafo sobre papel. O deseño de prototipos e maquetas nunca foi tan rápido, e as infografías son moi sinxelas. As posibilidades son literalmente infinitas.

Como di o refrán, “O equilibrio non é algo que atopes. É algo que creas". Entón, fai fluír a túa creatividade e comeza a crear o acto de equilibrio dos teus deseños perfectamente simétricos e imperfectamente asimétricos.

fíxate en que a man dereita real e a súa imaxe especular (que se voltea para parecer unha man esquerda) son perfectamente simétricas.

Afortunadamente, o deseño simétrico non depende dun espello idéntico. Só é importante achegarse ao efecto: a exactitude non é necesaria. Lembra que podes manipular o ollo do usuario facilmente sen preocuparte pola perfección xeométrica como unha consideración no teu deseño.

Ver tamén: 18 series de anime clásicas que necesitas na túa lista de vixilancia

Polo contrario, a asimetría é a ausencia de simetría de calquera tipo. Sempre que fagamos un deseño que consista en elementos que distribuímos de forma desigual ao redor dun punto ou eixe central, teremos, en consecuencia, un deseño asimétrico. Podemos explotar a asimetría, usándoa para chamar a atención sobre áreas do deseño ou para transmitir dinamismo ou movemento.

Como na bioloxía, os elementos son como células ou partes dun ecosistema. En definitiva, cómpre ter en conta que o equilibrio do edificio, que podemos facer mediante o uso da simetría, fai un deseño "saudable" e máis eficaz.

Neste artigo, veremos como a simetría e traballo de asimetría para o deseño. Cubriremos as técnicas básicas, os consellos e as mellores prácticas para cada enfoque.

Que é Symmetry?

Fonte da imaxe: Faye Cornish

Durante moito tempo, a simetría (equilibrio formal) considerouse como o patrón de ouro do deseño. A preferencia por seleccionar un deseño simétrico é especialmente notable na arquitectura. Un bo exemplo disoé un dos edificios máis fermosos do mundo: o Taj Mahal. O Taj Mahal ten moitas propiedades que o fan tan agradable esteticamente, pero o seu equilibrio simétrico é un dos principais.

Os beneficios de usar a simetría no deseño non xurdiron da nada. O mesmo que moitos principios de deseño. Xurdiu dos Principios da Gestalt, unha teoría do comportamento humano que describe como a mente humana estrutura e organiza os datos visuais.

A nosa mente crea orde nas cousas que vemos de forma natural. Por iso a simetría é tan poderosa. O deseño simétrico é un deseño que ten orde e estabilidade e, polo tanto, é agradable para os ollos.

Segundo o científico estadounidense Alan Lightman, o cerebro humano realmente esfórzase por ver as cousas de forma simétrica. "A razón debe ser en parte psicolóxica", di. "A simetría representa o noso desexo de ver patróns neste estraño universo no que nos atopamos. A simetría axúdanos a dar sentido ao mundo que nos rodea".

Tipos de simetría

Fonte da imaxe: Vincent van Zalinge

Hai tres tipos de simetría: simetría de reflexión, de rotación e de translación.

Simetría de reflexión

Isto é probablemente o primeiro que pensa a xente cando escoita a palabra "simetría". Tamén coñecido como efecto espello, a simetría de reflexión ocorre cando todo se reflicte arredor dun eixe central.

O eixe pode estar en calquera orientación, pode serhorizontal, vertical, diagonal e calquera cousa intermedia, sempre que o que hai nun lado do eixe se reflexe ou se reflexe no outro.

Os deseñadores adoitan usar a simetría de reflexión para dar o mesmo peso a cada lado ou para crea un efecto visual entretido.

Simetría rotacional

Este tipo de simetría prodúcese cando todo xira arredor dun centro común. A simetría de xiro pode ocorrer en calquera ángulo ou frecuencia sempre que haxa un centro común ao redor do cal se xire todo e os elementos estean igualmente espaciados ao redor dun punto central.

A simetría de xiro é bastante común na vida real. Por exemplo, os brazos dunha estrela de mar irradian dende o centro. As pinturas do teito de moitas igrexas tamén usan a simetría de rotación.

Os deseñadores web incorporan a simetría de rotación no seu traballo para retratar o movemento (como para inferir progreso ou movemento) ou para visualizar datos dun xeito fascinante.

Simetría translacional

Este tipo de simetría prodúcese cando un elemento se repite en diferentes lugares do espazo mantendo a súa orientación xeral ou exacta. A simetría translacional pode ocorrer en calquera dirección sempre que se manteña a orientación do elemento.

O mesmo obxecto móvese varias veces a intervalos pares. Un valado é un bo exemplo de simetría translacional.

O uso axeitado da simetría translacional pode crear ritmo no deseño. Deseñadores web a miúdoutilizar a simetría translacional como elemento pasivo para crear patróns de fondo. Pero nalgúns casos, é posible utilizar a simetría translacional como un elemento activo que transmite unha mensaxe.

Non intentes conseguir a simetría perfecta

Cando se trata de deseño, a simetría non é o igual que o espello idéntico. A simetría perfecta é rara tanto no deseño web como na vida real.

Cando pensamos no noso entorno, a maioría dos obxectos e creacións naturais que nos rodean non son absolutamente simétricas. Por exemplo, estamos acostumados a pensar na nosa cara e no noso corpo como dúas partes espelladas. Non obstante, o lado esquerdo da cara non é absolutamente idéntico ao lado dereito.

Os deseñadores poden crear unha simetría xogando coa percepción do deseño do usuario, e está totalmente ben ter lixeiras variacións en cada lado como sempre que os espectadores teñan unha sensación de simetría do produto acabado.

Que é a asimetría?

Fonte da imaxe: Kajetan Sumila

A asimetría é naturalmente a ausencia de simetría. Na natureza, podemos ver a asimetría en case todas partes, como nas pólas dunha árbore ou as formas das nubes, por citar algunhas.

No deseño, a asimetría adoita utilizarse para crear tensión visual. Ao mesmo tempo, a asimetría pode ser un concepto difícil de dominar porque as relacións entre elementos nun deseño asimétrico fanse máis complexas. Pode ser difícil crear un todo, cohesionadodeseño.

É por iso que moitos deseñadores optan por deseños simétricos previsibles. Pero os deseñadores que dominan a asimetría teñen maior liberdade de expresión.

Simetría e equilibrio

Moitos deseñadores cren que o equilibrio é algo que só se pode conseguir en esquemas simétricos.

Ocorre. porque o termo "asimetría" implica unha falta de equilibrio. Aínda que a definición de asimetría é a falta de simetría, non é unha falta de equilibrio, como algúns asumen erróneamente: os deseños que carecen de simetría aínda deben equilibrarse.

É dicir, non importa o deseño que crees. , xa sexa simétrica ou asimétrica,  é vital conseguir o equilibrio porque unha composición desequilibrada resulta incómoda para o espectador.

Unha técnica adecuada para dominar o equilibrio (tanto simétrico como asimétrico) é pensar en cada elemento dunha páxina como tendo un peso visual. O peso visual depende do tamaño dun elemento (os obxectos máis pequenos poden pesar menos que os de maior tamaño) e das propiedades visuais, como o contraste (os elementos contrastantes poden pesar máis que os elementos neutros).

Os deseñadores deben xogar co peso dos elementos. elementos ata alcanzar un equilibrio eficiente.

Por suposto, é bastante sinxelo conseguir un equilibrio nunha disposición simétrica. Todo o que tes que facer é poñer o mesmo peso nas partes dereita e esquerda dunha páxina.

Cando se trata de deseño asimétrico, a tarefa pode sermáis difícil. Pode que teñas que ter varios elementos pequenos nun lado para equilibrar un obxecto grande do outro lado.

Ver tamén: Como crear e vender clipart de acuarela

A noite estrelada de Van Gogh é un excelente exemplo de equilibrio asimétrico. Van Gogh crea un equilibrio utilizando obxectos de diferentes tamaños e xogando coa cor e o contraste.

Outro tipo de equilibrio inclúe:

  • O equilibrio de mosaico (ou equilibrio cristalográfico) resulta de exemplos de caos. de equilibrio. Pense nas pinturas de Jackson Pollack. A composición carece de puntos focales distintos e os elementos comparten un énfase uniforme. A falta de xerarquía leva a ruído visual a primeira vista. Porén, dalgún xeito, todo funciona xunto.

En xeral, os mesmos principios de equilibrio que temos nas pinturas aplícanse ao deseño web.

Unha fórmula para o equilibrio perfecto

"Podo medir o equilibrio?" é unha pregunta bastante común entre os deseñadores. No intento de atopar unha resposta a esta pregunta, moitos deseñadores buscan unha fórmula específica que lles permita calcular se todo está en equilibrio. Malas noticias: non hai fórmula para calcular o saldo. Boas noticias: podemos utilizar unha poderosa ferramenta para determinar se unha composición está equilibrada ou non: os nosos propios ollos.

Os deseñadores experimentados poden notar deseños desequilibrados dunha ollada. Pero para acadar este obxectivo, cómpre adestrar o ollo traballando en proxectos prácticos e inspirándose no traballo doutros deseñadores. Canto máisfai iso, máis confiarás no teu propio criterio cando se trate de calquera decisión de deseño que teñas que tomar.

Simetría vs. asimetría

Fonte da imaxe: Zachary Shakked

En última instancia, cando se trata de deseñar un deseño, debes decidir se queres crear un deseño simétrico ou asimétrico. Non hai unha resposta universal a esta pregunta: a elección depende das características específicas do proxecto. Vexamos como se poden usar a simetría e a asimetría nos deseños.

Cando a simetría funciona mellor

Aquí tes algúns casos xerais nos que é mellor seguir un enfoque simétrico para o deseño de maquetación:

  • Buscas unha estética máis seria (queres transmitir clasicismo)
  • Queres potenciar o recoñecemento e a lembranza (as formas simétricas facilitan a lembranza da información)
  • Queres para conseguir máis orde e estrutura
  • Non queres pensar moito na disposición dos elementos, pero aínda así queres conseguir un equilibrio (as disposicións simétricas son inherentemente estables e equilibradas).

Agora imos revisar como se ven estes casos na vida real.

Transmitir un sentido de confianza

Os deseños simétricos funcionan ben para os deseños que queren mostrar unha aura de confianza. Non sorprende que moitas empresas que priorizan a confianza usen a simetría no seu deseño. Moitos fabricantes de automóbiles usan a simetría nos seus deseños para crear unha sensación deestabilidade.

O deseño simétrico é previsible. Así, se estás deseñando un sitio web que require estabilidade (como un sitio para un banco ou unha compañía de seguros), un deseño simétrico pode ser a opción correcta para ti.

Unha páxina ten unha única interacción. Obxecto

A simetría funciona ben para páxinas que teñen un único obxecto de interacción. Un exemplo típico é a páxina de inicio de sesión ou rexistro. Ao colocar un obxecto de interacción clave ou unha mensaxe crítica no centro, tes un punto focal centrado na páxina.

A páxina de Busca de Google é un bo exemplo de deseño simétrico cun único obxecto de interacción.

Unha páxina ten dúas (ou máis) opcións igualmente importantes

O deseño simétrico permítelle chamar a atención sobre todas as áreas dunha páxina por igual. Un exemplo típico é unha tenda en liña que vende produtos tanto para mulleres como para homes. A simetría axuda aos deseñadores a entregar dúas mensaxes igualmente importantes no mesmo espazo.

Cando a asimetría funciona mellor

A simetría adoita considerarse estable e harmonizada. Non obstante, para algunhas persoas, a estabilidade pode ser previsible e aburrida. O deseño asimétrico adoita ser máis interesante e dinámico.

Obtén a asimetría cando:

  • Estás preparado para dedicar máis tempo a organizar elementos para atopar formas únicas de lograr o equilibrio
  • Buscas un deseño máis divertido para transmitir o interese dos usuarios
  • Para que o deseño destaque.

Hoxe, cando os usuarios




Rick Davis
Rick Davis
Rick Davis é un experimentado deseñador gráfico e artista visual con máis de 10 anos de experiencia na industria. Traballou con diversos clientes, desde pequenas startups ata grandes corporacións, axudándolles a alcanzar os seus obxectivos de deseño e elevar a súa marca a través de imaxes eficaces e impactantes.Graduado na Escola de Artes Visuais da cidade de Nova York, Rick é un apaixonado por explorar novas tendencias e tecnoloxías de deseño e superar constantemente os límites do que é posible no campo. Ten unha profunda experiencia en software de deseño gráfico e sempre está ansioso por compartir os seus coñecementos e ideas con outros.Ademais do seu traballo como deseñador, Rick tamén é un blogueiro comprometido, e dedícase a cubrir as últimas tendencias e desenvolvementos no mundo do software de deseño gráfico. Cre que compartir información e ideas é fundamental para fomentar unha comunidade de deseño forte e vibrante, e sempre está ansioso por conectarse con outros deseñadores e creativos en liña.Se está deseñando un novo logotipo para un cliente, experimentando coas últimas ferramentas e técnicas no seu estudo ou escribindo artigos informativos e atractivos no blog, Rick sempre está comprometido en ofrecer o mellor traballo posible e en axudar aos demais a alcanzar os seus obxectivos de deseño.