Una vez rechazados por los diseñadores, los círculos parecen estar haciendo una reaparición. La forma perfectamente redonda y sus contrapartes oblongas pueden ser difíciles de trabajar. La forma no se apila tan bien como el rectángulo más estándar y crea una sensación general muy diferente.
El círculo es una forma perfecta, lo que significa que es el mismo, no importa cómo lo mires. Está completo y en armonía con la naturaleza. Considere cuántos elementos naturales están basados en círculos. Entonces, como diseñador, ¿cómo puedes hacer que los círculos funcionen para ti?
Circulos basicos
Los círculos son familiares y seguros. ¿Qué está dentro de un círculo está protegido? desde afuera y lo que está fuera de un círculo se puede restringir de acercarse a los contenidos de un círculo. La forma es interesante y un punto de atracción.
Estas son todas buenas razones para considerar el uso de círculos en el diseño. Pero los círculos también pueden ser difíciles de manejar porque pueden crear espacios extraños y pueden no funcionar bien con otros elementos de diseño. El uso de un tema circular debe estar bien planeado, diseñado y ejecutado.
Además del círculo tradicional, también estamos empezando a ver formas más redondeadas en general en proyectos de diseño. Formas oblongas, casi rectángulos con bordes dramáticamente curvados: todos estos elementos adquieren un significado propio. Así que nos centraremos en el anillo perfecto y su reciente popularidad en proyectos de diseño.
Significados de los círculos
Hay muchas asociaciones conectadas a los círculos. Son fluidos y están conectados al movimiento y la movilidad (piensa en la rueda). Debido a que los círculos son parte del mundo natural: la forma de la luna, las flores, los frutos, 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 todos los rasgos anteriores para crear un objeto que comunica información de una manera simple, poderosa y armoniosa. Los círculos están completos y crean énfasis.
Círculos en diseño web
Los círculos, una vez que rara vez se utilizan en 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í). ¿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 una forma o marco dominante.
En lugar de un rectángulo para las imágenes, algunos diseñadores están usando círculos. Los círculos también se pueden utilizar para logotipos o botones. Si bien un círculo puede generar interés, puede crear un dilema cuando se trata de recortar y espaciar. ¿Encaja la imagen dentro del círculo? (Las cámaras no toman fotos redondas.) ¿Los círculos tienen suficiente espacio para sostenerse por sí mismos para que las imágenes no se mezclen? Los círculos como marcos son más populares en el diseño de portafolio, para mostrar una? Rebanada? De trabajo sin mostrar todo el asunto.
Como elementos de la interfaz de usuario.
Un botón redondo es algo familiar. Usted sabe que debe presionarlo (o hacer clic) para hacer una selección, lo que hace que los círculos sean una opción popular para las llamadas a la acción. 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 fluidez y tranquilidad. Los fondos circulares también pueden ayudar a enfocar los elementos que rodean, como un icono que vive dentro de 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 dónde se superponen las formas. Esta es una herramienta común para mostrar diferentes tipos de datos e información.
Para crear interés.
A veces, toda 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 gran manera de crear interés visual. Pero ten cuidado, usar demasiados círculos puede crear una apariencia de inestabilidad o caos porque cada elemento está pidiendo 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, ser identificados y tener sentido para los usuarios. Cuando se usan de esta manera, los círculos pueden ser una buena alternativa para otros tipos de navegación.
Tomemos diseño gravitacional, por ejemplo. Los círculos se utilizan para un propósito distinto: navegar hacia la izquierda y hacia la derecha. Todos los otros botones son rectangulares. Lo que hacen los círculos aquí es mostrar que interactúas con el sitio de una manera diferente de lo que podrías esperar. (En este caso, el sitio se desplaza hacia arriba y hacia abajo, pero también los paneles de lado a lado).
Zervice también utiliza círculos para los botones y la navegación, pero de una manera muy diferente. Usos de navegación a la izquierda? Pulsadores? para pasar de una página a la siguiente. Además, el sitio cuenta con círculos para alojar todo el texto con un fondo ocupado, para que sepa exactamente en qué punto de la pantalla enfocar.
Círculos en Apps y Diseño Móvil.
Los círculos en las aplicaciones también pueden ser muy divertidos. Actualmente soy adicto a Hundreds, que es un juego de nada más que círculos. Y el juego tiene una aplicación práctica para diseñar con círculos: necesitan espacio para funcionar bien. En el juego, círculos de diferentes tamaños se mueven en 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.
El uso de círculos en pantallas más pequeñas, aunque puede presentar un desafío. Deben ser lo suficientemente grandes para leer o ver con facilidad y si un círculo se duplica como un botón, debe ser lo suficientemente grande como para tocar.
Buza usa círculos como botones para las ventas. Son grandes y 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 visita.(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 los círculos se aplican a los proyectos impresos. Pero hay una consideración adicional? impresión. A diferencia de los proyectos digitales que se limitan a una pantalla rectangular, en realidad puede crear y diseñar para un medio circular.
Los volantes, adhesivos, tarjetas y otros materiales que se cortan para dar forma tienen el valor adicional de ser diferentes cuando se usan de una manera más poco convencional. Esto puede traer atención adicional al proyecto en cuestión.
Solo se consciente de lo que está dentro del círculo. Recuerda que la forma está diseñada para contener algo. Asegúrese de que la forma y las imágenes visuales y las palabras crean un mensaje unificado. Esto funciona de manera muy similar a la utilización de círculos como marcos para imágenes en proyectos digitales.
Conclusión
Entonces, ¿cómo empezar con los círculos? Hay un montón de excelentes recursos para ayudarte a imaginar las posibilidades, incluido uno de mis favoritos, Creative VIP.
Creative VIP no solo usa muchos círculos en su diseño e interfaz, sino que también es una puerta de entrada a excelentes herramientas para diseñadores. En este momento, puede encontrar excelentes colecciones de iconos circulares, plantillas para el diseño de aplicaciones con círculos, plantillas de páginas de aterrizaje que usan anillos, deslizadores redondos e incluso algunas insignias. (Soy miembro y me encanta este recurso, aunque solo sea por inspiración.)
¡Buena suerte al iniciarse en el diseño circular!
Fuentes de imagen: La vida en mis zapatos, Project Green, Janko a Warp Speed, Nos encanta codificar y Creative Sweet Business Cards.