Advertisement
  1. Web Design
  2. General

Inspírate, pero no copies

Scroll to top
Read Time: 7 min

Spanish (Español) translation by Benjamín Porras (you can also view the original English article)

Sea cual sea la forma en que lo mires, tu diseño ha tenido alguna influencia del gusto o estilo de otro diseñador. Puede que no lo notes, pero has captado cosas, ya sea por instrucción directa, o simplemente navegando por la web, que tienes que incluir en tus diseños. Hoy Connor va a revisar un viejo tema del antiguo blog ThemeForest sobre el tema del plagio y el diseño web.

Este tema puede ser difícil de precisar porque entender lo que te "inspira" versus lo que estás copiando directamente puede ser una noción vaga. Por ejemplo, una página de producto puede tener el generoso espacio en blanco que inconscientemente dibujaste de Apple... o tu tipografía puede adherirse a un esquema más ligero gracias a tu amor por algún otro sitio. Por supuesto, no tiene que ser una gran corporación tecnológica en la que te inspires. De hecho, ni siquiera tiene que ser un sitio web. Entonces, ¿cómo decides cuál es una forma válida de inspiración y cuál es la copia?

Empezaremos con una definición (oye, todo esto se trata del significado de las dos palabras, ¿verdad?). La inspiración se define como el proceso de ser estimulado mentalmente para hacer o sentir algo, especialmente creativo. Por otro lado, copiar se define como una imitación o reproducción de un original. Es de esperar que se reconozcan instantáneamente las diferencias entre ambos a partir de sus definiciones. Una se refiere a ganar motivación mientras que la otra es una duplicación sin sentido.


¿Cuál es la diferencia?

Hemos establecido las definiciones del diccionario, pero ¿cuáles son algunas diferencias prácticas? Tomemos un ejemplo.

Muchos diseñadores web admiran el diseño de Apple, ya sea su menú de navegación, su amplia cuadrilla o algo completamente diferente. Para el propósito de esta explicación, digamos que amas el menú de navegación de Apple y quieres algo como esto en tu propio diseño. Usar sus imágenes está, por supuesto, legalmente prohibido, pero no hay nada que te impida físicamente crear una barra gris similar con colores invertidos y sombras de profundidad sutiles. Pero eso no es inspirarse, es copiar.

Ahora, imagina que yo admirara el mismo menú de navegación y lo usara como punto de partida. La inspiración sería ser estimulado por el éxito de Apple en este sentido, y crear algo que tiene pocos lazos visuales, pero que se adhiere a principios y objetivos similares. Tal vez tomaría la idea de invertir el color en el ratón y la aplicaría a una idea completamente diferente que es similar, pero no una doble del original.


Esto no es necesariamente una influencia del diseño, sino más bien una referencia informativa a la que debe atenerse. Por supuesto, observa las leyes de diseño locales.

Cómo inspirarte

Hay varias maneras de lograr esa estimulación mental para inspirarte. Vamos a tomar esto como un proceso paso a paso, así que salta este primero si ya tienes un diseño (o diseños) específico en mente.

Puedes inspirarte en varios lugares. Puedes examinar tu historia y echar un vistazo a algunos de los sitios web que visitas, muchos de ellos probablemente tienen algunas técnicas de diseño favorables utilizadas. Alternativamente, ¿por qué no navegar por un mercado como ThemeForest, o un escaparate como Creattica. Estos pueden ser grandes recursos para navegar entre lo que otros diseñadores han estado haciendo y generalmente representan las tendencias del momento actual, lo que significa que cualquier inspiración que dibujes es relevante. Si estás diseñando un sitio especializado, asegúrate de revisar las listas de resumen como las nuestras aquí en Tuts+ (y, casualmente, Travis King escribió recientemente un resumen de los diseños inspiradores de Creattica que puedes ver).

Por supuesto, la web no es el único lugar donde puedes buscar inspiración para tus diseños web. En última instancia, la industria del diseño web surgió de la industria de la impresión y varios principios se trasladaron (por ejemplo, antes de los últimos años, poner las cosas por encima del "pliegue" era popular. En el diseño impreso, estar por encima del "pliegue" era poner la mayor cantidad de cosas en la mitad superior de una página, donde el lector la vería antes de desplegar su copy). Echa un vistazo a una revista y puede que encuentres un gran ejemplo de buena tipografía. ¡Hey, incluso mi caja de chicles podría ser descrita como un ejemplo de una buena combinación de colores!

Una vez que encuentres un diseño que realmente admiras, no te detengas ahí. Sigue buscando diseños similares que tengan sus propios elementos originales, aunque varíen en otras áreas como el color, la disposición o la tipografía. Inspírate en las áreas que te gustan particularmente en un diseño, y deja fuera las áreas que no te gustan. Tu diseño favorito podría, de hecho, tener una barra de navegación horrible, lo que presenta una oportunidad de encontrar un diseño similar del que puedas extraer inspiración para la navegación.

Por supuesto, inspirarse en los diseños web en general no es la única manera. Uno puede tomar un sitio web como el Kuler de Adobe y obtener inspiración o motivación puramente en el lado de los colores de las cosas en lugar de necesariamente mirar los diseños web completos y su uso.


Analiza el diseño

Claro, puedes ir a un diseño y simplemente tomar las imágenes de la página. Pero eso está legalmente prohibido y va en contra de las restricciones de copyright de tu país, muy probablemente. Lo debes hacer es seguir adelante y analizar el diseño para identificar las áreas de inspiración y encontrar una manera de utilizarlas en tu diseño.

Es hora de hacer una radiografía del diseño. En última instancia, hay que mirar todos los elementos específicos y tomar nota de los puntos que destacan para ti. Vuelva a la página y si algo sobresale como una gran muestra, como, por ejemplo, el uso específico de la tipografía en el encabezado o algo similar. Puedes apuntar a áreas específicas y reconocer lo que se hizo bien, o alternativamente toma tus impresiones iniciales de lo que más te llamó la atención.

Por ejemplo, podemos echar un vistazo a uno de los sitios de AppStorm y notar inmediatamente dos cosas sobre ellos. En primer lugar, podemos reconocer el fondo texturizado que usa AppStorm, algo que me gusta en particular. No hemos dicho necesariamente que se deba usar un fondo negro y ruidoso con luz en la parte superior, sino que estamos viendo el concepto de usar un fondo texturizado y oscuro y esperamos aplicar un estilo similar a nuestros diseños. Del mismo modo, podemos apreciar el uso bastante generoso del relleno en este diseño y tratar de diseñar alrededor de un principio similar.

Básicamente, hay que mirar lo que hace que ese diseño funcione, tanto desde la perspectiva del usuario como la del cliente. Puede ser la yuxtaposición de una promoción en un sitio web corporativo que es particularmente influyente para un resultado específico, o puede ser solo porque piensas "¡vaya, ese texto se ve bien!".


Inspírate, pero no copies

Inspírate. Echa un vistazo a lo que funciona en un diseño web, y toma nota de los principios y técnicas que se utilizan para lograr un propósito específico. Sin embargo, nunca, bajo ninguna circunstancia, nunca tomes elementos de una página y los uses en tu diseño. Hay razones morales y legales por las que nunca debes hacer esto: se refleja mal en tus habilidades de diseño y podría meterte (y potencialmente a tu cliente) en serios problemas.

Sin embargo, incluso si tú mismo creas los elementos, crear algo idéntico a un objeto que ha sido popularizado en otro sitio puede afectar negativamente a tus habilidades y perspicacia en el diseño. Pasar tiempo y luego presentar a tu cliente un diseño que es idéntico en casi todos los sentidos al diseño de Amazon solo te hará parecer poco original y potencialmente inexperto.


Conclusión

Necesitas ser influenciado, pero no ser influenciado para copiar. Claro, ese genial deslizador puede ser muy bueno, pero no es tuyo para que lo tomes. Y sería poco profesional y moralmente incorrecto copiarlo directamente. La clave para una inspiración exitosa es ver qué hace que el diseño tenga éxito y cumpla su propósito y por qué lo hace. Una vez que entiendas cómo funciona, puedes aplicar principios similares a tus propios elementos.

Inspiración: el proceso de ser estimulado mentalmente para hacer o sentir algo.

La línea entre estar inspirado y copiar descaradamente puede ser bastante fina. Por ejemplo, un esquema de color aplicado a un elemento genérico puede funcionar en un sitio, pero ¿utilizar el mismo esquema en el mismo elemento en tu diseño es copiar? Espero que entiendas lo que quiero decir.

¿En qué te inspiras? ¡Comparte tus opiniones en los comentarios!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.