Diseño para no diseñadores

Por ejemplo, el diseñador no se preocupa simplemente por lo que el usuario puede ver en la pantalla, sino también por lo que finalmente verá en respuesta a algún evento. Un evento podría ser algo así como un clic del mouse, la finalización de un temporizador o incluso un error. Debemos preocuparnos por cómo responderá el producto a las cosas que suceden mientras el usuario interactúa con él. Si bien nuestro trabajo normalmente se muestra en una pantalla bidimensional, tenemos que poder pensar en al menos cuatro dimensiones.

El éxito como diseñador web requiere dominar una amplia gama de habilidades. El cuadro a continuación muestra una vista enormemente simplificada de las áreas principales que los diseñadores deben tener al menos para una comprensión práctica.

Dentro de cada una de estas capas, puede haber muchas otras capas, cada una de las cuales requiere conocimientos, habilidades y especializaciones diferentes. Por ejemplo, si agrupa las dos capas principales (Interfaz de usuario y Arquitectura de navegación), se encuentra en el territorio de un diseñador de UX, ya que su tarea principal es evaluar cómo funcionan o no funcionan estos elementos en particular para beneficio de el usuario. Agrupar las dos capas inferiores le da diseño del sistema.

Al aislar la capa superior, puede encontrar especializaciones en diseño gráfico, diseño de formularios, diseño, tipografía, animación y mucho más. El punto es que no existe una definición simple y sencilla de lo que es o hace un diseñador web. Pueden hacer algunas de las cosas descritas anteriormente, o pueden no hacer ninguna de ellas.

Algunos diseñadores web pueden ser brillantes en diseño gráfico y dibujo, pero no tienen ni idea de codificación. Otros pueden ser programadores brillantes, pero no pueden dibujar mucho mejor que un estudiante promedio de kindergarten. Si los diseñadores web no están realmente seguros de qué es exactamente el diseño web, no es de extrañar que los clientes rara vez aprecien la operación compleja que supone crear un sitio web de alta calidad.

Dominar todas estas habilidades es una tarea difícil para cualquier persona, por lo que la mayoría de los estudios prefieren trabajar en un entorno de equipo. Eso no siempre es práctico para todos, por ejemplo, si está encontrando sus pies en su pequeña empresa, y puede haber ocasiones en las que tenga que cubrir a un miembro ausente del equipo. Esta guía explica cómo puede hacer frente cuando las expectativas de su cliente sobre usted superan sus propias expectativas.

1. Conoce tus fortalezas

Ayuda mucho si ya sabes en qué eres mejor. ¿Eres bueno en la codificación? Luego enfoca 80% de tu esfuerzo de producción en la codificación. ¿Eres bueno dibujando? Luego enfoca 80% de tu esfuerzo de producción en eso. ¿Eres bueno en ambos? Aprovecha esa ventaja y encuentra a alguien más para hacer el trabajo. Por cierto, conocer sus puntos fuertes también significa identificar sus debilidades, y ahí es donde debe concentrar el 80% de sus esfuerzos de aprendizaje, para que pueda eliminarlos.

2. En equipo

No importa lo ahorrativo que quieras ser, o lo codicioso que te sientas, el consejo que recibiste en el preescolar que se siente bien compartir es en realidad bastante sólido. Póngalo de esta manera: ¿desea trabajar en un sitio web por mes por $ 2000 o desea trabajar en sitios web de 20 por mes para un porcentaje de 20 de $ 40,000? Tener un equipo talentoso de compañeros de trabajo significa que puede hacer más en menos tiempo, siempre que puedan trabajar bien juntos (eso es lo otro que aprendimos en preescolar).

Afortunadamente, vivimos en una época en la que buscar talento es más fácil que nunca. Un equipo podría trabajar todos juntos en el mismo edificio, o podrían estar dispersos en cinco continentes diferentes. Pequeños detalles como ese ya no importan, siempre y cuando sus comunicaciones funcionen bien.

Solo asegúrese de que si realiza una subcontratación, no obtenga su talento de sitios de subasta de talentos competitivos como O-Desk y E-Lance. Estos están llenos de aspirantes y vagos, por lo que encontrar talento genuino es como buscar un diamante en una enorme montaña de carbón.

Vaya a lugares donde encontrará montañas de diamantes contaminados por la ocasional partícula de carbón. Si tiene que morder la bala y trabajar con alguien de esos otros sitios, no vaya con el mejor postor o con los trabajos más completos. Busque el mejor comunicador (anuncio o respuesta bien escrito, estableciendo claramente lo que pueden hacer por usted en un idioma que pueda entender).

Entonces, ¿qué tipo de lugares? Aqui hay algunas sugerencias:

  • StackOverflow para codificadores
  • ProBlogger para escritores de contenido
  • Red de artistas freelance para ilustradores.
  • Toptal para UI, UX y diseñadores visuales

La contratación de fuentes de calidad como esta no es barata, pero significa que puede sentirse más seguro acerca de los posibles resultados. Trate de formar asociaciones duraderas, y si es posible, es mejor contratar una participación de ganancias de tarifa fija que pagar una tarifa por hora.

Tenga en cuenta que la mayoría de las personas sobreestiman sus habilidades, así que no preste mucha atención a lo que las personas dicen que pueden hacer. Poner más énfasis en lo que las personas muestran que pueden hacer. También tenga en cuenta de la cascada. ¿Que es eso? Bueno, cuando subcontrata a alguien que a su vez subcontrata el trabajo a alguien que puede estar subcontratándolo ellos mismos ... puede ver cuál es el riesgo aquí.

Si una posible contratación parece estar produciendo más trabajo del que sería humanamente posible y la calidad no apesta totalmente, es una señal muy clara de que probablemente estén en cascada, lo que significa que está pagando más de lo que debería, y La persona que hace el trabajo está siendo aprovechada.

3. En un pellizco, siempre se puede rastrear

Con una combinación de GIMP e InkScape, puede crear casi cualquier tipo de diseño gráfico que pueda imaginar. Pero si no eres realmente el tipo de diseñador que es bueno dibujando, siempre puedes cortar esquinas y hacer trampa. Este artículo solo repite todas las lecciones que aprendiste en preescolar, ¿no es así? Pero oye, ¿por qué dibujar cuando puedes trazar, verdad?

Ahora te darás cuenta que dije trazar y no copiar. La copia está mal, excepto cuando algo ya es de dominio público. Al copiar, usted y su cliente se exponen a riesgos innecesarios, y está engañando a alguien que pone tiempo y esfuerzo en crear algo que cree que vale la pena copiar.

El rastreo, por otro lado, sigue creando un trabajo original, siempre que el resultado final no sea muy similar al original. Pero no necesariamente tienes que rastrear el trabajo de otra persona de todos modos. También puedes trazar tus propias fotos originales. También puede usar los filtros PhotoShop para convertir fotos a bocetos, pero eso no funciona particularmente bien.

Veamos esa técnica en acción.

En este caso, su cliente ha solicitado que se cree un logotipo de mouse para su sitio web y debe hacerse con urgencia. La persona que normalmente hace todo el sorteo por usted está lejos y no se puede contactar con él, y no hay tiempo para reclutar a otra persona sin correr un gran riesgo. ¿Entonces que puedes hacer?

Una buena manera de comenzar sería simplemente tomar una foto del mouse.

Luego edite la imagen en GIMP o PhotoShop para redimensionarla a un tamaño más práctico y eliminar toda la información de color. Encontré que desaturar con la configuración de Luminosidad dio el mejor resultado en términos de reducir la sombra.

Exportar la imagen como un nuevo JPG y cerrar el editor. Abra la nueva imagen en InkScape.

Haga clic en la imagen para seleccionarla y luego presione Ctrl + X para enviarla al portapapeles.

Ahora seleccione Capas en el menú Capa y haga clic en el botón para agregar una nueva capa, que podría llamar "fondo".

Presione Ctrl + Alt + V para realizar una operación de "Pegar en lugar". Esto vuelve a colocar la imagen exactamente en la misma posición en la que la recortó (si solo hace una pegada normal, podría estar desplazada).

Ahora establezca la opacidad de la capa en un valor bajo como 40 o incluso 30, y luego haga clic en el icono del candado para bloquear la capa de cualquier modificación adicional.

Agregue una nueva capa, que podría llamar "traza".

Ahora solo seleccione la herramienta de lápiz (dibujar líneas a mano alzada) y trace cuidadosamente sobre las líneas. Esto funcionará mucho más fácilmente si usa un lápiz óptico y una tableta gráfica, pero aún puede hacerse usando un mouse. Puede ayudar a ampliar la imagen. Haga el trabajo en secciones pequeñas, para que resulte menos frustrante al corregir errores.

Acércate a la derecha en las áreas que requieren un control muy fino. No te preocupes por rellenar áreas sombreadas, lo haremos más tarde. También tenga en cuenta que si los bits son difíciles de ver, solo aumente la opacidad de la capa de fondo temporalmente para que pueda ver más fácilmente.

Ahora debería tener un contorno casi perfecto de la imagen del sujeto. Dependiendo del trabajo, es posible que desee utilizar el relleno y el sombreado, o puede dejarlo como una imagen de contorno monocromática.

Oculte o elimine la capa de fondo y guarde esta plantilla en formato SVG.

Ahora puedes jugar un poco con la imagen. Tal vez añadir un poco de color.

Luego una textura.

Pero para un logotipo, esto probablemente sea excesivo, por lo que deberíamos mantenerlo simple. Volviendo a monocromo, encogemos la imagen hacia abajo.

Ahora simplemente agregue algunos artefactos de logotipo, así:

Et voila! La obra maestra terminada. Este suele ser el punto en el que el cliente iracundo te llama y se queja de que pones un mouse de computadora cuando realmente querían un mouse de dibujos animados. Ese es un tema para nuestro próximo artículo, Cómo lidiar con clientes difíciles.

imagen del encabezado cortesía de Ramotion

Bogdan Rancea

Bogdan es miembro fundador de Inspired Mag, habiendo acumulado casi 6 años de experiencia durante este período. En su tiempo libre le gusta estudiar música clásica y explorar artes visuales. También está bastante obsesionado con los fixies. Ya es dueño de 5.