Los kits de diseño parecen estar en todas partes estos días. Desde los kits de UI hasta plantillas y cuadrículas para completar los kits de diseño, ¿qué hace que estas herramientas sean tan populares (y cuáles son las desventajas)?
Hoy vamos a echar un vistazo a las ventajas y desventajas de usar diferentes tipos de kits de diseño, e incluso le mostraremos algunos kits en los ejemplos que podrían valer la pena probar para varios propósitos.
¿Qué es un kit de diseño?
Primero, es importante entender la naturaleza de un kit de diseño. Estas herramientas varían ampliamente en alcance, costo y utilidad.
En pocas palabras, un kit de diseño es cualquier herramienta preempaquetada que puede utilizar en la creación de un proyecto de diseño digital. Los kits de diseño más comunes incluyen iconos de interfaz de usuario, botones y gráficos que están diseñados para usarse juntos. La mayoría incluye una paleta de colores y fuentes comunes que se incluye con el kit, aunque la mayoría son personalizables.
Los kits pueden contener cientos o incluso miles de elementos, pero también pueden incluir elementos individuales (como un gráfico) o elementos como cuadrículas. Algunos kits de diseño son plantillas de diseño completo, como los temas de WordPress, que puede utilizar para crear un sitio web desde cero. (Algunos diseñadores de impresión también usan kits para artículos como membretes o tarjetas de visita).
Mientras que algunos diseñadores confían en estos kits como un gran marco o punto de partida para proyectos, otros los rechazan por completo, a favor de construir todo desde cero.
Independientemente de la teoría a la que se suscriba, existen algunos pros y contras casi universales asociados con la compra, descarga y uso de kits de diseño.
Pro: Ahorre tiempo
Una de las mejores características de los kits es que pueden ahorrar mucho tiempo. En lugar de crear toneladas de piezas pequeñas para un sitio web, un kit viene con todo lo que está pre-diseñado y listo para funcionar.
El único compromiso en tiempo real de su final es personalizar los colores y tipos de letra para que coincidan con el resto del diseño del sitio. Opte por un kit que refleje el estilo y el flujo de lo que está haciendo. Es mejor obtener un kit muy temprano en el proceso y pensar en las diferentes partes y cómo se utilizarán a medida que construya el sitio.
Destacados: kit de interfaz de usuario de terciopelo oscuro ($ 39) y kit de interfaz de usuario limpia PSD (gratis)
Con: Costos Asociados
Algunos de los mejores kits no son gratuitos, y usted debe esperar pagar por los kits con características premium. Esto puede ser prohibitivo, dependiendo de ciertos presupuestos. Sin embargo, la mayoría de los kits son relativamente económicos para licencias individuales e incluyen tarifas más altas para una licencia de desarrollador.
Pro: Excelente para la consistencia
Si desea asegurarse de que los elementos, los botones y los íconos sean iguales y coincidan entre sí, desde su página de destino hasta su página de contacto, los kits son una alternativa fácil. Dentro de un kit, cada elemento, botón, icono y color están diseñados para coincidir con los demás en el kit perfectamente.
El uso de estos elementos dará como resultado una apariencia de consistencia limpia sin mucho esfuerzo por su parte. Facilita la organización y la planificación. Solo recuerde hacer todas sus personalizaciones y guardar antes de comenzar, para que las opciones de color específicas, etc. estén listas para usar.
Destacados: 300 iconos de líneas finales ($ 11) e icono de mapa de iOS (gratis)
Con: Las partes son 'demasiado coincidentes'
Algunos diseñadores pueden ser rechazados por el estilo de los kits porque las partes pueden ser "demasiado iguales". lo que significa que un kit contiene 50 botones, exactamente el mismo estilo y apariencia en un arco iris de colores. Los botones son demasiado similares, lo que dificulta la identificación visual.
Puede ser difícil filtrar a través de todas las piezas que vienen en un kit grande. Pero sea selectivo. Sepa lo que necesita y use esas partes, no sienta que necesita integrar todo en un diseño para obtener el valor de su dinero.
Pro: Fácil de usar
Los kits de diseño facilitan el trabajo de detalle. La mayoría de los paquetes de iconos, elementos e interfaces de usuario incluyen archivos de Adobe Photoshop, que son fáciles de usar y manipular. Los diseñadores que no conozcan el código pueden usar partes de estos kits con facilidad.
Otros kits también incluyen información CSS para una transición perfecta a un diseño web. (Algo que los desarrolladores apreciarán).
Si bien necesitará algunos conocimientos sobre cómo usar el código y cómo funciona el backend de un sitio web, para que todo esté cargado y listo para su publicación, los kits pueden eliminar algunas de las conjeturas del proceso de planificación. Una herramienta especialmente valiosa para los diseñadores nuevos o inexpertos.
Destacados: Plantilla de aplicación Circular Vipe ($ 3.99) y 3D Date Flipper (gratis)
Con: Kits incompletos
Asegúrese de leer atentamente los detalles cuando compre un kit para que sepa exactamente lo que está incluido. Un kit con 1,000 elementos puede no ser ideal si es realmente solo un puñado de elementos en una variedad de colores.
Algunos kits son temáticos, como iconos de redes sociales, botones o iconos de calendario. Asegúrese de que un kit incluya todo lo que necesita antes de comprar.
Pro: gran herramienta para aprender
Una de las mayores ventajas para un diseñador nuevo o inexperto que trabaja con un kit es que ofrece una forma de ver el interior de la construcción de iconos, elementos o paletas de colores.
Con una descarga, puede ver cómo los diseñadores crean conjuntos: la mayoría se crean como archivos PSD en capas. Al desarmar un kit, puede descubrir las mejores prácticas para construir sus propias piezas, consejos para trabajar y guardar capas y la organización básica.
Comienza con un kit y profundízalo un poco para ayudarte a determinar cómo proceder cuando estés listo para crear un conjunto de elementos desde cero. Al trabajar con un kit que se combina bien, también puede agregarle su propio estilo. Tome el kit de 6 iconos de redes sociales, por ejemplo, ya que puede separar los iconos y ver cómo se construyen, puede agregar sus propios iconos al kit reflejando la forma en que se crearon los elementos empaquetados.
Destacados: Página de inicio responsiva de Fitnex ($ 11) y 6 iconos de redes sociales (gratis)
Con: Parece similar a otro sitio
Una de las mayores preocupaciones que tienen los diseñadores sobre el uso de kits es que su sitio terminado podría parecerse mucho a otro sitio. Y sucede.
La mejor solución es utilizar un kit como punto de partida, no como producto terminado, de modo que las piezas, piezas y elementos de la interfaz de usuario se vean y se pongan en evidencia en el diseño de su sitio web. Si usa un kit? ¿Lo saca de la caja? Es probable que se vea como otra cosa.
Conclusión
El uso de un kit puede ahorrarle tiempo y garantizar la consistencia, lo que facilita el diseño y lo ayuda a aprender más sobre cómo funcionan y se construyen las piezas.
Por otro lado, los kits a veces pueden ser costosos, incluir piezas que se parecen mucho entre sí, están incompletos o lo dejan con un producto terminado que se parece mucho a otro sitio.
Los kits no son para todos, pero pueden ser herramientas útiles y puede que te sorprenda la cantidad de diseñadores que usan los kits y la cantidad de sitios que contienen piezas de un kit prediseñado.