Diseñar con círculos: trucos y consejos

Una vez rechazados por los diseñadores, los círculos parecen estar regresando. La forma perfectamente redonda, y sus contrapartes alargadas, pueden ser difíciles de trabajar. La forma no encaja tan bien como el rectángulo más estándar y crea una sensación general muy diferente.

El círculo tiene una forma perfecta, lo que significa que es el mismo sin importar cómo lo mires. Está completo y en armonía con la naturaleza: considere cuántos elementos naturales se basan en círculos. Entonces, como diseñador, ¿cómo puede hacer que los círculos funcionen para usted?

Círculos básicos

Los círculos son familiares y seguros. Lo que está dentro de un círculo está «protegido» del exterior, y lo que está fuera del círculo puede ser restringido para que no se acerque al contenido de un círculo. La forma es interesante y un punto de atracción.

Todas estas son excelentes razones para considerar el uso de círculos en su diseño. Pero también puede ser difícil trabajar con círculos porque pueden crear espacios incómodos y no funcionan bien con otros elementos de diseño. El uso de un tema circular debe estar bien planificado, diseñado y ejecutado.

Además del círculo tradicional, también estamos empezando a ver formas más redondeadas en general en los proyectos de diseño. Formas alargadas, casi rectángulos con bordes dramáticamente curvos: todos estos elementos adquieren su propio significado. Así que nos centraremos en el anillo perfecto y su reciente popularidad en proyectos de diseño.

Significado de los círculos

Hay muchas asociaciones relacionadas con los círculos. Son fluidos y están conectados con el movimiento y la movilidad (rueda de pensamiento). Debido a que los círculos son parte del mundo natural (la forma de la luna, las flores, las frutas), el objeto se considera real y representa la vida.

Además, las curvas de un círculo pueden ser reconfortantes y están asociadas con la energía, el poder, la armonía y el infinito.

Como diseñadores, todos estamos muy acostumbrados a ver la rueda de colores, uno de los círculos más reconocibles en el mundo del diseño. Funciona porque combina todas las características anteriores para crear un objeto que comunica información de una manera simple, poderosa y armoniosa. Los círculos son completos y crean énfasis.

Círculos en Diseño Web

Los círculos, que alguna vez se usaron raramente en el diseño web, se están convirtiendo en una opción más popular. (Hace años era difícil crear formas redondeadas en CSS, pero ya no es así). Entonces, ¿cuáles son algunos de los atributos de un gran diseño de sitio web con círculos?

A menudo se utilizan en una de cinco maneras:

Como forma o marco dominante.

En lugar de rectángulos para las imágenes, algunos diseñadores usan círculos. Los círculos también se pueden usar para logotipos o botones. Mientras que un círculo puede crear interés, puede crear un dilema cuando se trata de corte y espacio. ¿La imagen cabe dentro del círculo? (Las cámaras no toman fotos redondas.) ¿Los círculos tienen suficiente espacio para estar solos para que las imágenes no se mezclen? Los círculos como marcos son más populares en el diseño de portafolios, para mostrar una «porción» de trabajo sin mostrarlo todo.

Como elementos de la interfaz de usuario.

Un botón redondo es algo familiar. Sabe cómo tocar (o hacer clic) para hacer una selección, lo que hace que los círculos sean una opción popular para las indicaciones. Los elementos circulares de la interfaz de usuario son más populares cuando se usan con moderación.

como fondo

Debido a la armonía innata asociada con la forma, los círculos son fáciles de usar como patrón de fondo. Crean una sensación de flujo y calma. Los fondos circulares también pueden ayudar a enfocarse en los elementos que rodean, como un ícono que vive en un círculo.

Como herramienta de información gráfica.

Los círculos son una herramienta común para mostrar cómo las cosas son diferentes y similares, según la noción de formas superpuestas. Esta es una herramienta común para mostrar varios tipos de datos e información.

Para crear interés.

A veces, la idea detrás de usar un círculo es simplemente ser diferente y hacer que algo se destaque del paisaje lleno de gente. Los círculos son una excelente manera de crear interés visual. Pero tenga cuidado, usar demasiados círculos puede crear una apariencia de inestabilidad o caos, ya que cada elemento exige ser visto.

Círculos en elementos de la interfaz de usuario

Como herramientas de interfaz de usuario, los círculos parecen funcionar mejor cuando se usan como parte de un esquema de diseño minimalista general. Necesitan espacio para respirar, identificarse y tener sentido para los usuarios. Cuando se usan de esta manera, los círculos pueden ser una buena alternativa a otros tipos de navegación.

llevar Diseño de gravedad, p.ej. Los círculos se utilizan para un propósito distinto: para navegar hacia la izquierda y hacia la derecha. Todos los demás botones son rectangulares. Lo que hacen los círculos aquí es mostrar que estás interactuando con el sitio de una manera diferente a la que esperas. (En este caso, el sitio se desplaza hacia arriba y hacia abajo, pero también los paneles laterales).

Servicio también usa círculos para botones y navegación, pero de una manera muy diferente. La navegación de la izquierda usa «botones» para moverte de una página a otra. Además, el sitio presenta círculos para acomodar todo el texto contra un fondo ocupado, para que sepa exactamente en qué parte de la pantalla debe enfocarse.

Círculos en aplicaciones móviles y diseño.

Los círculos en las aplicaciones también pueden ser muy divertidos. Actualmente soy adicto a CIENTOS, que es un juego de nada más que círculos. Y el juego tiene aplicaciones prácticas para diseñar con círculos: necesitan espacio para funcionar bien. En el juego, círculos de diferentes tamaños se mueven por la pantalla; si se tocan, pierdes. Es la misma idea con el diseño. Los círculos necesitan su propio espacio para ser más funcionales.

Usar círculos en pantallas más pequeñas puede ser un desafío. Deben ser lo suficientemente grandes para leer o ver fácilmente, y si un círculo funciona como un botón, debe ser lo suficientemente grande para tocarlo.

Labio use los círculos como botones para las ventas. Son grandes y están aislados, lo que los convierte en un lugar fácil para hacer clic (o tocar).

Círculos en otros proyectos

Los círculos también son una opción popular para logotipos y formas en tarjetas de presentación. (Esto no es sorprendente, ya que vemos muchas de las mismas tendencias al mismo tiempo en el diseño digital e impreso).

Las mismas razones para usar o no usar círculos se aplican a los proyectos impresos. Pero hay una consideración adicional: la impresión. A diferencia de los proyectos digitales que se limitan a una pantalla rectangular, puede crear y diseñar para un entorno circular.

Los volantes, calcomanías, tarjetas y otros materiales cortados a medida tienen el valor agregado de ser diferentes cuando se usan de una manera menos convencional. Esto puede traer atención adicional al proyecto en cuestión.

Solo sé consciente de lo que hay dentro del círculo. Recuerda que la forma está diseñada para contener algo. Asegúrese de que la forma, las imágenes y las palabras creen un mensaje unificado. Esto funciona de la misma manera que usar círculos como marcos de fotos en proyectos digitales.

Conclusión

Entonces, ¿cómo empiezas con los aros? Hay toneladas de excelentes recursos para ayudarlo a imaginar las posibilidades, incluido uno de mis favoritos, Creative VIP.

No solo VIP creativo usa muchos círculos en su diseño e interfaz, es una puerta de entrada a excelentes herramientas para diseñadores. En este momento, puede encontrar excelentes colecciones de íconos circulares, plantillas de diseño de aplicaciones circulares, plantillas de página de destino que usan anillos, controles deslizantes redondos e incluso algunas insignias. (Soy miembro y me encanta este recurso, aunque solo sea para inspirarme).

¡Buena suerte para comenzar con el diseño circular!

Fuentes de imagen: La vida en mis zapatos, El Proyecto Verde, Janko a la velocidad de la luz, Nos encanta codificar y Dulces tarjetas de visita creativas..