Administro un proyecto de código abierto ( Rubberduck , un complemento para el editor de VBA), y hasta la última versión, este fue el formulario de bienvenida:
Desde 2015, la marca giraba más o menos en torno a un código VBA que giraba y esa imagen de stock de patito de goma, con las letras "RUBBERDUCK" en una fuente gótica Showcard que estoy usando en todas partes desde el comienzo del proyecto, y que no soy mentalmente preparado para dejarlo ir.
Para resumir, anoche lancé la versión 2.2 con una nueva forma de presentación basada en la marca de 2018, un diseño mucho más sobrio que esperaba que fuera más profesional. El stock ducky se reemplaza por un "shadow ducky", una versión SVG del pato ligeramente borrosa:
El diseño se basa en el material publicitario de la comunidad 2018 que en realidad está funcionando bastante bien en Code Review SE, pero desde que el proyecto se originó en ese sitio y he sido moderador allí desde 2015, es posible que esa sea una percepción sesgada de un diseño decente.
Realicé una encuesta rápida en Twitter (estuvo toda la semana), y hasta ahora los resultados (bueno, solo 7 votos hasta ahora) indican que la nueva forma de presentación se percibe como "bastante aburrida" (57%), en lugar de "más profesional" (43%): no estoy tomando las encuestas de Twitter como una medida científica o precisa de ninguna manera, pero el hecho de que la mitad de los comentarios hasta ahora consideren que la nueva salpicadura es "bastante aburrida" me preocupa un poco.
No soy un artista gráfico, pero es uno de los muchos sombreros que tengo que usar como parte de este proyecto, por lo que estoy buscando comentarios de esta comunidad, para poder identificar cómo podría mejorarse el nuevo diseño / marca para reducir el "aburrimiento" y mejorar el "profesionalismo".
Lo que estoy tratando de transmitir es que la herramienta está dirigida a profesionales y que se ve a través del código de sus usuarios , con un diseño que no se siente tan abarrotado / juguetón como el original, es decir, un concepto que está depurado pero no lo hace. No parece "aburrido" o aburrido (esperaba que la fuente Showcard Gothic de la firma me ayudara con eso).
Necesito su ayuda para comprender dónde y cómo el nuevo diseño podría no transmitir su mensaje, y qué puedo cambiar para evitar que se perciba como "aburrido"; También agradecería saber si estoy violando algún principio de diseño que desconozco: tal vez no veo un problema de contraste flagrante, o estoy usando una fuente incorrecta que es demasiado pequeña (Gill Sans MT), o hay algo que no está equilibrado en el diseño (colocación de letras vs. ducky, posicionamiento de etiqueta de estado, etc.): un colaborador colaborador señala que el desenfoque no está ayudando y que un ducky más nítido parecería menos aficionado, ... Estoy seguro de que todos estos son cuantificables objetivamente por los profesionales del diseño.
Si se trata de información útil, la pantalla de inicio se muestra durante aproximadamente 3 segundos al inicio, cuando el Editor de Visual Basic carga sus complementos.
Respuestas:
Creo que la percepción de opacidad se atribuye en gran medida a la falta de color en la nueva pantalla de presentación. Me gusta su enfoque de epuración (aprendí esa palabra hoy), por lo que mi sugerencia sería simplemente agregar algo de color.
Es difícil diseñar un logotipo que transmita "profesionalismo" si va a seguir con Showcard Gothic, por lo que personalmente me gustaría aceptar la alegría de la tipografía y agregarle un poco de amarillo y azul al logotipo. Aquí está mi oportunidad rápida:
Tampoco dejaría el fondo completamente blanco, una textura sutil puede ser muy útil. Opté por incorporar remolinos como un guiño al "código de remolino" original, pero podría ser cualquier tipo de textura sutil o incluso un gradiente suave.
Ducky silueta cortesía de Anthony a través de pexels.com
fuente
Creo que esta pregunta es un poco amplia. Y también creo que "interrogar" a los legos o usuarios para "qué piensas de mi logotipo" siempre es una muy mala idea. El "diseño por comité" a menudo conduce a demasiadas opiniones diferentes y sin una dirección clara. Un equipo de unos pocos es genial ... o una colaboración ... pero una encuesta generalmente está llena de aquellos que nunca estarán contentos, independientemente de cualquier cosa que cambies / crees.
En general, creo que es una pena que no estés usando un gráfico tan fantástico como el pato de goma. Es algo tan inmediatamente reconocible y ofrece una impresión instantánea abierta, amigable y acogedora. Me realmente jugar hasta el más pato.
No estoy seguro de cuál fue el proceso de pensamiento para minimizarlo más allá del punto de ser atractivo, pero conservando una tipografía que es ... bueno ... simplemente no es mi estilo. Mi gusto personal es que un tipo de logotipo no debería ser simplemente un tipo de letra "estilo de visualización" integrado. En realidad termina pareciendo menos profesional. Especialmente si se encuentra en una industria tecnológica donde es muy probable que los usuarios vean ese tipo de letra en otro lugar y lo reconozcan.
Si bien no pasé mucho tiempo en esto, tenía una imagen de pato de goma previamente creada, por lo que no pude evitar jugar un poco con ella. Creo que si te enfocas en el pato más que en el tipo, cualquier tarjeta de bienvenida o gráfico se vuelve intrínsecamente más atractivo y atractivo.
Un tipo de letra más estándar se prestará a más "profesionalismo" en mi opinión.
Una vez más, la obra de arte del pato fue algo que creé hace un tiempo, así que la tuve por ahí. Con el tiempo, puede funcionar mejor personalizar más el pato e integrarlo mejor con el tipo ... ponerle lentes ... usar un ángulo diferente ... atarlo de alguna manera al código VBE. Todo esto estaba simplemente fuera de mi cabeza usando ilustraciones existentes. El tipo anterior podría necesitar más tiempo y cuidado, pero creo que transmite la prominencia del pato en sí. (El azul que utilicé se extrae del color de los ojos del pato para la continuidad. Por lo tanto, podría hacerse más vibrante).
Los conceptos aquí son gratuitos para tomar ... la obra de arte real no lo es .
fuente
Sé que mi primera publicación es un poco "controvertida", pero no soy el tipo de persona que simplemente dice "eso no funciona".
Aquí hay un proceso aproximado para mostrar cómo se deben tomar muchas decisiones.
Esta será una publicación larga.
También estoy haciendo trampa para llenar el espacio entre la imagen y el pato.
Estoy publicando esto para explicar, no hay una sola receta ... Cada paso que publiqué aquí para llevar a cabo una gran exploración e investigación. Leí algunos artículos de derechos de autor sobre el uso del pato de goma, exploré algunas fuentes, elegí una que es de uso gratuito, proporción de contraste, estilo, aplicaciones ... etc.
Sí, el pato puede hacerse más lindo o tener un estilo diferente. No hay forma de complacer a todos, pero el enfoque es con un poco de suerte, un poco más sólido y menos "aburrido".
Editado para una versión más feliz y mirando más optimistamente al cielo ... bueno, soñando en el cielo ...
fuente
Por favor perdoname. No quiero ser grosero.
Como es ... no, no lo es.
Publiqué este texto como un comentario, pero es realmente bueno, (pero un poco sarcástico ... lo sé)
Un producto de software terminado tiene muchas caras además de un buen código: UX, usabilidad, imagen, percepción. Por lo tanto, si está dirigido a usuarios profesionales, probablemente debería contratar a un diseñador profesional para darle un aspecto profesional.
No significa pagar mucho dinero. También puede ser un esfuerzo de colaboración. Pero no tengas miedo de pedir una colaboración.
La opacidad, como describe JohnB, mejorará el uso del color, esta podría ser una pregunta obvia, pero también es solo una silueta y un texto genérico, por lo que, en realidad, necesita más que color. Necesita un diseño real: abstracción, estilo, proporción, combinación de colores, selección tipográfica ...
Solo algunas notas:
Sé que esto suena grosero. Simplemente no lo es. No soy un programador, por lo que no puedo juzgar la calidad o el valor intrínseco del programa, los beneficios, el mercado. Pero como la pregunta se ha hecho haciendo críticas en el lado del diseño gráfico de la pantalla de inicio y de alguna manera la marca, mi responsabilidad es hacer eso.
Vivimos en un mundo colaborativo, multidisciplinario. Y eso es una gran cosa. n_n
fuente
Al comparar su versión "aburrida" con el material publicitario de la comunidad 2018 que vinculó, creo que gran parte de la "opacidad" es causada por el uso de desenfoque, lo que crea la impresión de opacidad. Creo que un psicólogo de la percepción podría explicar eso. Veamos qué es realmente el aburrimiento: creo que ver algo a través de la niebla daría una impresión aburrida.
Comparando las imágenes, el logotipo actual tiene un pato borroso, y también la fuente tiene mucho menos contraste.
Intenta darle al pato un contorno, como la fuente. Da un fuerte contraste.
También lo hace similar a la fuente, lo que reduce la complejidad y probablemente mejora mucho la profesionalidad.
Para aumentar la impresión profesional, ayudaría a que el pato fuera menos prominente en el logotipo. No centrado, y no abrumadoramente grande. Podría ser pequeño, y en el lado derecho, no detrás, sino sobre el nombre del producto. Además, pruebe con una fuente que todavía sea "divertida", pero solo la mitad de divertida que la fuente actual.
fuente
Creo que es aburrido, porque no muestra casi nada que reconocer a primera vista. Su mensaje principal de este logotipo es "somos iguales a cualquier otra cosa, nada especial que buscar. Podemos mezclarnos con la invisibilidad y si quiere conocer nuestra marca, necesita mirar más de cerca" . Algunos lo consideran "profesional", otros lo ven como "este elemento está deshabilitado". La vieja salpicadura solo grita " ¡¡¡¡¡¡¡PATO DE GOMA !!! " incluso antes de que tengas tiempo de leer las cartas. Y luego sigue " ¡Hey! ¡Juega con un código! ". Me parece más diferente que los dos tipos de mejoras que utilicé en este párrafo. Y pregunta, ¿qué leería a cualquiera que se volviera loco? ¿Itálica en la primera parte o en negrita?
En el momento en que comencé a programar, había (casi) solo una interfaz de texto en las PC, pero en el menú se resaltaron todos los cortes de tiro para facilitar la lectura: primero en fondo negro invertido (en monitores en blanco y negro), luego en amarillo o rojo en azul, o algo así similar. Y la pantalla de inicio obtiene al menos un gran arte ASCII del nombre del programa para decir con orgullo "somos ESTO". Más tarde llegó la interfaz gráfica y las salpicaduras estaban llenas de colores y los iconos eran fácilmente reconocibles, incluso cuando solo había pocos píxeles grandes y pocos colores disponibles. Los elementos deshabilitados en el menú estaban en gris oscuro, pero aún claramente visibles.
Con el tiempo llegó una resolución más grande, más colores en la pantalla y más potencia computacional. Pero con todos esos colores, los programas disponibles cayeron lentamente al gris sobre el tema gris, donde incluso el elemento resaltado es MENOS legible, que los elementos desactivados hace unos años. Se ve igual, se ajusta al color de su camisa y calcetines y qué, pero no es fácil de leer.
Se ve muy bien en los anuncios, donde todos los reflectores brillan en modelos bonitos que fingen usar "cositas profesionales de alta tecnología", ya que no perturban la imagen de la actriz / actor destinada a llamar la atención de posibles compradores. Mucho peor cuando realmente quieres usarlo y cuando realmente intentas encontrar algo en el menú.
Compare este diseño gris sobre gris con logotipos de grandes empresas en el mundo real. Cada gran marca es fácilmente reconocible a primera vista, ya sea McDonald, CocaCola, Linux, Windows, Adidas, Nike, solo por nombrarla. Mire los favicons de diferentes secciones aquí en stackexchange (ya sea en el título de la página o en la columna de la derecha "Preguntas de la red caliente" - nuevamente reconocible en el primer vistazo. Incluso los iconos de usuario son coloridos y probablemente pueda reconocer a sus amigos en un segundo sin lupa y / o lectura del nombre asociado.
Entonces, ¿por qué su salpicadura debería mezclarse aparentemente con el fondo sin enviar un mensaje reconocible de lo que es y si ya lo sabe, o si es solo un relleno genérico de espacio? En mi opinión, la salpicadura y el logotipo hacen mucho en la marca / identidad / reconocimiento de la empresa / producto. Y puede decir con orgullo " ESTAMOS AQUÍ " o puede susurrar en silencio " por favor, no nos menciones, no somos nada importante o interesante ".
Tal vez soy demasiado viejo para este momento, pero prefiero la legibilidad a la capacidad de reconocimiento sobre "tan decente que es difícil de leer" cada vez (como segundo marcador después de la usabilidad y la funcionalidad del curso, pero no estaba preguntando sobre el programa, sino el logotipo)
fuente
Creo que la percepción de opacidad se debe principalmente a los colores grisáceos y al hecho de que el muelle está sombreado muy oscuro.
Algunas cosas para probar:
Hacer que la imagen general sea más brillante y usar colores divertidos / veraniegos / brillantes haría que se viera mucho más "emocionante".
Reducir la cantidad de gris en la imagen en general también ayudará.
No solo escriba letras negras, considere los grises (puede parecer una contradicción con mi declaración anterior, pero obviamente tiene que haber un equilibrio).
La creación de @ JohnB logra lo que estoy describiendo muy bien.
fuente
Mathieu, como compañero codificador e ingeniero convertido en propietario de un negocio, debe pensar en algunas cosas:
Lo que usted cree que es su mercado (desarrolladores profesionales) y lo que cree que es su producto (una herramienta profesional) es al principio, solo lo que otras personas piensan que se basa en su percepción.
Miré su proyecto / GitHub, estoy calificado para dar fe de que su proyecto es de hecho un proyecto profesional y que los desarrolladores profesionales querrían usarlo, pero me llevó 18 años acumular conocimiento y 15 minutos para explorar sus recursos.
De hecho, usted es un ingeniero muy profesional (a juzgar por lo anterior y su presencia en línea), pero ¿también es un diseñador profesional? un gerente de marca? Puede que no lo creas así, pero esas profesiones también son cosas que las personas pasan sus vidas para perfeccionar, solo mira el sorprendente descuido de @Rafael
Como ingeniero, estamos predispuestos a pensar que podemos hacer todo nosotros mismos, eso es algo bueno, pero debe dejar ir y delegar algunas tareas a medida que crece su negocio / proyecto, esta es una de esas.
Cada marca / imagen horrible para OSS y herramientas patentadas son invariablemente un resultado del propietario del proyecto, un ingeniero, pensando que pueden encender Gimp durante un fin de semana y crear un buen logotipo, su psique se hace cargo y no pueden para dejar ir, y luego nos preguntamos por qué los dueños de negocios no lo están comprando (nuestra herramienta / OSS), bueno, los dueños de negocios no son ingenieros (en su mayor parte), todo lo que tienen para evaluar su profesionalismo es su flujo de caja, logotipo y marca, precisamente a las cosas que los proyectos OSS no tienen.
Mi sugerencia para usted: delegue !, contrate a @JohnB o @Rafael, o vaya aquí: https://99designs.com.au cree un "concurso", deje los $ 350, deje que los ingenieros de branding hagan lo suyo, usted AME su nuevo logotipo y luego concéntrese en las tareas donde puede aplicar sus habilidades de manera más eficiente.
Desafortunadamente, sí, su nuevo logotipo es aburrido, genérico e inmemorable.
¿Por qué demonios harías un pato de goma gris y sin goma? Un pato de goma es un juguete para niños, ese es el poder de la imagen, la gente espera que las cosas sean de cierta manera, o se confunden y huyen inconscientemente de su producto.
El diseño anterior era en realidad mejor porque daba un mensaje: en 5 segundos se podía entender que es una herramienta para facilitar la codificación si se trata de VBA, el color es vibrante y a todos les encanta un pato de goma amarillo sonriente que toma un nadar, envía una imagen de "fresco", "juguetón" y "fácil".
¿Ves el problema? Eliminó todas las cosas buenas de su antiguo logotipo, ahora le queda una palabra genérica con una fuente genérica con una silueta genérica, sin significado, mensaje o color (lo que es peor, el color gris está asociado con la depresión, es el único color que no envía ninguna señal a nuestros cerebros, por eso la gente mencionará "aburrido").
Y, como ingeniero, estás abordando el problema, pensando que puedes "cuantificar objetivamente" el proceso de diseño, no puedes, es una forma de arte, hay "métodos", pero ningún método de diseño se basa en la mecánica, es como escribir música (en lugar de leer música del pentagrama).
Pido disculpas si vengo como grosero, estoy tratando de ser objetivo, el diseño / branding / color / psicología son campos que disfruto leyendo / aprendiendo, pero es mejor contratar al experto cuando tienes que hacer el trabajo .
fuente
Creo que puede mantener el diseño del logotipo en escala de grises y evitar ser aburrido. El diseño gris podría beneficiarse de una mayor profundidad y un tratamiento estilizado en el icono del pato. En este momento está demasiado desvanecido y se pierde detrás de la tipografía.
fuente
En lo que respecta a eso, quiero hablar sobre las reglas de la tipografía.
Una línea de un personaje que se muestra a la derecha, quiere ser más gruesa que una línea vertical.
Piensa en la parte inferior derecha de tu K.
Esto no se hace en su fuente.
Una línea horizontal quiere ser más delgada que una línea vertical.
No, hecho en tu fuente.
Lo que muestra su fuente es la regla sobre las puntas de triángulos y círculos.
Al mostrar hacia arriba o hacia abajo, van más arriba, más abajo, que la línea de base de la fuente.
Mira tu B.
La parte superior va más arriba.
Sobre las mayúsculas que digo, las mayúsculas al comienzo de una palabra aumentan la legibilidad.
Todas las mayúsculas, no necesariamente, hacen eso.
Y va un poco en la dirección de los gritos.
fuente