Gracias a Internet, el diseño gráfico y la programación se están convirtiendo en campos cada vez más superpuestos.
Como programador, me encuentro constantemente necesitando conocimientos básicos de diseño gráfico, pero tengo problemas para encontrar recursos de aprendizaje de diseño gráfico exhaustivos pero concisos, y en su lugar generalmente encuentro fragmentos de conocimiento aplicables a la tarea en cuestión.
¿Pueden ofrecer algunos consejos o recomendar algunos buenos libros, tutoriales, blogs y sitios web que proporcionen una descripción general del diseño web para principiantes que han sido, según su experiencia, materiales de aprendizaje efectivos y de alta calidad. No busco consejos sobre cómo usar las herramientas de edición de imágenes, pero suponiendo que los comprenda, ¿qué recursos y consejos ayudarán mejor a un nuevo diseñador a crear diseños de aspecto profesional?
Respuestas:
En cuanto a los recursos, consulte cualquiera de los siguientes sitios web:
fuente
El índice básico de diseño de Jim Krause me dio un muy buen resumen de los conceptos básicos de composición, color y tipo. No era un gran admirador de la mayoría de sus propios ejemplos, pero ilustran muy bien sus puntos y toca algunas cosas valiosas que no he visto mucho en otras partes. Y quizás lo más importante, leerlo me emocionó mucho salir y experimentar con las ideas que estaba presentando.
fuente
A veces hay una ligera superposición entre el desarrollo web y el diseño web, pero no creo que los desarrolladores web deberían tratar de ser diseñadores a tiempo completo a menos que estén dispuestos a poner tanto esfuerzo como aprendieron a programar. No es algo en lo que puedas incursionar los fines de semana y ser bueno.
Si esto es así, puede aprender a ser su propio diseñador web (es decir, hacer su propio diseño web para todos los sitios en los que trabaja), entonces realmente le recomiendo que reciba capacitación formal (incluso si solo toma unos pocos cursos de diseño universitario) para aprender los fundamentos del diseño visual y la composición. Un libro de diseño al estilo de un libro de texto como el que Damon publicó podría ayudar, pero en realidad tendrá que hacer todos los ejercicios del libro y asegurarse de comprender el material. Pero lo más importante, debe pasar mucho tiempo mirando (navegar por galerías de diseño en línea, hojear revistas y anuncios de revistas, etc.) y crear diseños (descargar algunos resúmenes de diseño de práctica en línea o participar en concursos de diseño en línea).
Si es para ayudarlo a comunicarse con los diseñadores web / gráficos con los que trabaja, simplemente obtener un libro que le enseñe el vocabulario (por ejemplo, conceptos de tipografía) y centrarse en la usabilidad , la accesibilidad y el diseño UX es probablemente el mejor uso de su tiempo. De esta manera, puede involucrarse en la dirección creativa del proyecto y ayudar a diseñar las interfaces, pero el diseñador es el que crea el "aspecto" o la estética del sitio.
Virtuosi Media enumera muchos buenos recursos (la red Tutsplus es excelente en general, y Smashing Magazine es una lectura obligada para cualquier desarrollador / diseñador web), a lo que agregaría:
fuente
Yo mismo soy programador y para mí los siguientes libros fueron muy útiles para mí:
fuente
Tal vez no sea relevante para todos los casos, pero para los programadores web, una de las cosas más importantes que me destaca, que tal vez cierra un poco la brecha, es aprender CSS por dentro y por fuera, ya que poder diseñar bien no significa nada si no puede integrarlo en su proyecto que está creando.
fuente
En 2004 me encontré a medio camino entre ambos mundos, como lo había estado durante la mayor parte de mi vida: había estado haciendo web desde HTML 3.2 en los días de las puntocom; criado con una Apple // e por padres (un coreógrafo y un educador) que me permitieron y me animaron a pasar mucho tiempo con el arte. El diseño no es arte, y de hecho algunos de sus patrones más algorítmicos se alinean muy bien con la programación, ya sea que esté haciendo web o de otra manera.
Pero sí, 2004: dividí la diferencia cuando fui a la escuela de posgrado, donde primero obtuve una educación tipográfica de primera clase, y luego la latitud para explorar, tiempo durante el cual mis propensiones más geek fueron útiles.
Entonces, tal vez considere la educación superior, o lo que sea que sea igualmente atractivo para usted. Buena suerte con eso de cualquier manera.
fuente
Aprende mucho sobre tipografía.
De los clásicos ...
Jan Tschichold
No los payasos ...
David Carson
La tipografía estratégica y efectiva es una de las cualidades más ausentes en este campo (y siempre lo ha sido).
Por lo general, puedo reclutar un diseñador basado completamente en su manejo de tipos. Alrededor del 80% de la historia está en la configuración del currículum.
Un buen comienzo (gratuito) es esta adaptación detallada del recurso esencial de Robert Bringhurst para su aplicación en la web.
Los elementos del estilo tipográfico, Bringhurst
Esta es una consideración más amplia que se ocupa de la interacción de tipo y diseño.
Sistemas de cuadrícula en diseño gráfico, Brockmann
fuente
Piensa críticamente sobre los objetos diseñados a tu alrededor
Casi todo en el entorno artificial tiene algún tipo de diseño detrás, ya sea un gráfico, un sitio web o un accesorio de moda.
Observe qué tan bien funciona el diseño para su propósito previsto, así como su aspecto.
Piense en el diseño como una forma de satisfacer una necesidad o resolver un problema
Si bien se esfuerza por hacer que las cosas se vean bien, el diseño difiere de otros tipos de arte en que tiene una aplicación práctica.
Un logotipo, por ejemplo, es un tipo de diseño gráfico que ayuda a que una marca o empresa sea rápidamente reconocible.
Una prenda de vestir sirve para cubrir el cuerpo, además de hacer que el usuario se vea más atractivo.
Practica la comunicación visual.
Los diseñadores deben poder hacer dibujos u otras representaciones de sus diseños para refinarlos y explicarlos a otras personas, como colegas de diseño y fabricantes.
El dibujo es una herramienta poderosa para los diseñadores, pero no se preocupe si no puede dibujar de manera fotorrealista. Los dibujos de los diseñadores no tienen que ser obras maestras, solo una forma de capturar rápidamente ideas que conduzcan al producto terminado. El rastreo también es totalmente aceptable.
Además de los dibujos, los diseñadores también usan cosas como maquetas, prototipos e imágenes por computadora para visualizar sus diseños.
Explora cómo se hacen las cosas
Cuando trabajas como diseñador, no solo tienes que considerar lo que es agradable a la vista, sino que también debes considerar cómo se implementará tu diseño.
Para un objeto como una carcasa de teléfono celular, los diseñadores industriales deben pensar qué tipo de procesos de plástico y moldeo se utilizarán, y cómo cada parte se unirá.
Encuentra buenas fuentes de información
Además de las revistas de diseño, busque libros sobre el proceso, los principios y los métodos de diseño.
Intente mirar libros de texto y videos técnicos para la construcción de prendas de vestir, métodos de fabricación y diversas técnicas artesanales.
Aprender sobre diseño va más allá de leer moda y decorar revistas, aunque estos son un buen recurso para las tendencias actuales.
Desarrollando tus habilidades de diseño
Estudiar y practicar es bueno, pero lo que realmente llevará su diseño al siguiente nivel es la experiencia del mundo real.
Cometer errores rápidamente
cometerás muchos errores, y cuanto más rápido puedas superarlos, mejor.
Siempre esté listo para captar ideas.
Busca inspiración en todas partes. La inspiración no tiene que provenir de otros diseños o tendencias de diseño, a menudo puede provenir de la naturaleza o de cosas que suceden por accidente.
Libros y materiales
http://www.alistapart.com
http://webdesignledger.com
Revista sensacional
PSD Tuts
Abuzeedo
Cabina UX
fuente
Algunos puntos a tener en cuenta:
Deja de pensar en el diseño en términos de "¿Cómo hago para que esto sea bonito?" y empiece a pensarlo en términos "¿Cómo hago que esto sea tan fácil de usar como sea humanamente posible?"
Cuando crea sitios web, esto significa que, en el sentido más amplio, está resolviendo un problema comercial .
Existe un sitio web para alcanzar un objetivo comercial .
Los usuarios de un sitio web también vienen con su propio objetivo en mente: pueden querer comprar algo, comparar productos, leer sobre un tema, etc.
Es su trabajo como diseñador ayudar a la empresa asegurándose de que tantos usuarios como sea posible cumplan el objetivo comercial y ayudar a los usuarios a navegar por el sitio web para que puedan cumplir su propio objetivo.
Por ejemplo, está diseñando una tienda de comercio electrónico: el objetivo comercial aquí sería vender los productos. Y el objetivo de los usuarios es encontrar exactamente lo que quieren comprar, lo más rápido posible y pagar, lo más rápido posible.
Una gran parte del proceso de diseño consiste en resolver el problema, construir un perfil del usuario, pensar cómo alcanzar el objetivo comercial, etc.
Los colores, las fuentes, el diseño, cada decisión de diseño que tomes deben ser dictados por el objetivo del sitio web .
De eso se trata la consistencia.
Por ejemplo, emparejamiento de fuentes. Las fuentes se combinan en función de rasgos similares, en la repetición de detalles.
Aquí hay un partido: Farnham y Benton Sans.
De acuerdo con esta publicación aquí 2, estas dos fuentes coinciden porque:
La repetición de ciertos rasgos hace que estas 2 fuentes funcionen bien juntas. Puedes verlos en una página web aquí 3 .
La repetición trae armonía en un diseño. Y la armonía hace que el diseño se vea hermoso.
Pero, como puede ver, Farnham y Benton Sans también contrastan: Farnham es una fuente serif y Benton es sans serif.
¿Por qué hay necesidad de contraste? Estamos buscando introducir similitudes en un diseño, ¿verdad?
Bueno, sí, pero demasiada repetición hace que tus diseños sean aburridos y difíciles de usar .
La cura es el contraste.
Les ayuda a distinguir diferentes elementos entre sí. Les ayuda a encontrar los elementos clave como encabezados, navegación, botones.
Cuanto más importante es el elemento, más debe contrastar con su entorno.
Use la repetición para hacer que sus diseños sean consistentes. Como otros han dicho: 2 fuentes, una paleta de colores limitada, etc.
Utilice el contraste cuando realmente necesite diferenciar un elemento del resto.
Todo lo que es bueno saber, pero ... todavía no te ayuda a diseñar tu próximo sitio web, ¿verdad?
Bueno, también tengo una solución para eso .
El primer paso para mejorar el diseño web es observar y absorber el trabajo de los demás. Mucho de eso. De ahí viene la "inspiración".
Mira cien diseños que te gustan, analízalos y comenzarás a detectar patrones. Tu cerebro te ayudará a combinar estos patrones en tu propio diseño, que será una variación de todos los diseños similares que viste. No necesita crear algo "único".
Resumen: la próxima vez que comience a diseñar para su proyecto paralelo
Visite una docena de sitios web / aplicaciones web similares y haga bocetos rápidos de sus diseños. Tenga en cuenta qué flujo de trabajo utilizaron. ¿Por qué lo usaron? Tenga en cuenta qué formas, colores y fuentes utilizaron.
Luego, siga este proceso para crear su propio diseño:
Define el proyecto. Sumérgete en el proyecto y conoce más sobre:
1. Su propósito, resultados previstos
Dar forma al contenido
Puede leer más sobre cada paso de este proceso aquí .
fuente
Un poco mas:
Eche un vistazo a través de colecciones inspiradoras de sitios web para obtener ideas. Una colección Motherload of Inspirational Website Collections enumera bastantes colecciones. Otros dos buenos sitios son siiimple.com y minimalsites.com .
La sugerencia de 'Eliminar clutter' de Virtuosi Media es un ideal definitivo, pero un sitio con desorden hecho por un principiante se ve mejor que un sitio minimalista hecho por un principiante. El desorden de alguna manera camufla los otros elementos de diseño pobres, lo que distrae con el contenido. El sitio de negocios típico tiene demasiado desorden, al igual que casi todas las plantillas, pero sigue siendo lo suficientemente profesional.
Se necesita una conexión íntima con las fuentes, el contraste, el espacio negativo, el color, la densidad, el flujo, ... para crear el sitio verdaderamente bien diseñado y eficiente que respire bien.
Si todo se vuelve un poco abrumador, considere comprar una plantilla.
fuente
Solo para agregar un par de enlaces más para las personas que provienen de un entorno de programación interesado en el diseño de la interfaz de usuario.
fuente
Al principio enfrentarás problemas ya que algunas cosas no se interpondrán en tu camino. Pero tendrá que ser paciente y practicar mucho. Cuando comencé a diseñar y miro hacia atrás mi trabajo de hace 4 años, no puedo creer que hice ese trabajo.
Realmente necesitas buscar otros grandes diseñadores de trabajo. Para eso debes seguir a grandes diseñadores en Dribbble . También otra cosa muy muy importante es ver regularmente los últimos diseños en sitios de la galería CSS como www.minimalistgallery.com u otros.
Deseando todo lo mejor !!!
fuente
Suscríbase a http://sidebar.io/ para recibir boletines diarios. Cada artículo será útil de una forma u otra. Otra gran manera de aprender sobre los diseños es dribbble .
fuente
Este podría ser un consejo bastante general, pero para mí es algo que realmente dice si alguien es un buen diseñador o no:
Espacios en blanco, márgenes y alineación.
Son la clave para crear diseños elegantes y de aspecto profesional. Crean una especie de "espacio de respiración" y realmente pueden determinar si su diseño se verá bien o no. Al igual que con las fuentes, desea mantener ciertos márgenes / espacios en blanco determinados para mantener un diseño limpio.
Para realizar un seguimiento de cosas como esta, puede ser muy útil usar una cuadrícula o guías para diseñar.
fuente
Su pregunta es como "Como diseñador, constantemente necesito conocimientos básicos de programación de aplicaciones". Ambas son áreas vastas, con supor regiones superpuestas que se necesitan mutuamente. La buena noticia: estás interesado y entiendes la importancia de ellos. La mala noticia: no hay una manera fácil de comprender completamente lo que se necesita para hacer un buen diseño, sin un curso o metodología adecuados. PERO para los primeros pasos, este libro es de alguna manera bueno para comenzar de manera segura a construir sistemas visuales que tengan sentido.
Libro de diseño para no diseñadores
fuente