30 Lecciones sobre Diseo.

Gua completa para principiantes y profesionales

Esta gua busca acercar la teora del diseo a todos los profesionales del sector, tanto experimentados como principiantes. A los experimentados, para refrescar los conocimientos tericos del trabajo que realizan cada da de forma automtica, y a los principiantes, para introducirles en la profesin por medio de los principios fundamentales de un buen desarrollo artstico. Las 30 lecciones siguientes pretenden actuar como pequeos cursos de diseo centrados en las distintas reas que componen un trabajo y que contribuyen a su xito.

1. Fundamentos del diseo grfico El hecho de conocer ciertos principios bsicos sobre diseo siempre ha constituido una ventaja a la hora de llevar a cabo trabajos profesionales. Tener las ideas claras contribuye al respeto de las normas y a la consecucin de buenos resultados. La siguiente leccin constituye un curso de diseo grfico y explica sus fundamentos iniciales. Leccin 1: Fundamentos de Diseo Grfico 2. Jerarqua visual en diseo grfico Todo lo que nos rodea tiene su propia jerarqua de informacin. La disposicin de los elementos dentro de una imagen, un texto o una sintona, por ejemplo, hace que percibamos antes unas piezas que otras. En el caso del diseo grfico sucede lo mismo. Podemos planear y desarrollar una jerarqua visual propia que resalte los aspectos que queremos promocionar. La siguiente leccin ofrece las pautas de la jerarqua de la informacin en esta disciplina. Leccin 2: Jerarqua Visual en Diseo Grfico 3. Consejos sobre tipografa La tipografa es uno de los aspectos ms importantes del diseo, y a menudo uno de los ms olvidados. El conocimiento de los distintos tipos de fuentes puede ayudarnos a mejorar nuestros trabajos y presentaciones, optimizando la esttica y la lectura de los documentos. La siguiente leccin ofrece algunos consejos para mejorar el empleo de la tipografa. Leccin 3: Consejos sobre Tipografa 4. Glosario sobre tipografa El diseo y creacin de fuentes tipogrficas abarca mltiples aspectos que es necesario tener en cuenta. La presencia o ausencia de ciertos elementos modifican el aspecto de las

letras. En la siguiente leccin aparecen los trminos ms frecuentes en este campo. Leccin 4: Glosario sobre Tipografa 5. Cmo escoger una tipografa Una de las decisiones ms complicadas para rematar un diseo es escoger la fuente ms apropiada para esa composicin. El tipo de letra debe acompaar al resto de la esttica, para reforzar el mensaje que se quiere transmitir. La leccin siguiente facilita el proceso de seleccin de tipografas. Leccin 5: Cmo Escoger una Tipografa 6. Cmo escoger tipografas para combinar? Es frecuente la utilizacin de dos o ms fuentes tipogrficas en un mismo trabajo. La labor de escoger tipografas diferentes, pero complementarias, tampoco resulta tarea fcil. La siguiente leccin ofrece asesoramiento sobre este tema particular. Leccin 6: Cmo escoger tipografas para combinar 7. Tipografas serif y sans serif Las tipografas serif y sans serif solamente se diferencian entre s por algunos trazos que rematan el diseo de las letras. En la siguiente leccin aparece una seleccin de las tipografas ms populares con y sin serif. Leccin 7: Tipografas serif y sans serif 8. Gua sobre tipografas para web El tema de las tipografas da mucho que hablar. Incluso podemos diferenciar entre fuentes especficas para diseo grfico y para diseo web. La web ampla la teora sobre este tema, ya que lo que funciona en el papel no lo hace en una pantalla de ordenador. La siguiente leccin reflexiona sobre esta realidad. Leccin 8: Gua sobre tipografas para web 9. Ocho trucos para tipografas web Siguiendo con la adecuacin de las fuentes al entorno digital, la siguiente leccin habla sobre las diferentes familias tipogrficas disponibles en cada uno de los sistemas operativos y navegadores. Seala algunos trucos para escoger fuentes que sean compatibles con el mayor nmero de sistemas posibles. Leccin 9: 8 Trucos para tipografas web 10. Tipografas gratuitas

A continuacin se muestra una recopilacin de tipografas gratuitas para disear todo tipo de proyectos. Si alguna de ellas se adapta a nuestras necesidades, podemos ahorrarnos la inversin en comprar una nueva. Leccin 10: Tipografas Gratuitas 11. Diseo con retcula La retcula es un sistema de lneas que ayuda a organizar los elementos de un diseo de forma equilibrada. La siguiente leccin aporta ms datos acerca de esta herramienta de base. Leccin 11: Diseo con Retcula 12. Columnas y retculas Las columnas son uno de los elementos decisivos a la hora de crear la retcula sobre la que se va a trabajar. Dependiendo del tipo de documento, el nmero de columnas ser mayor o menor, y el diseo de la cuadrcula tambin ser diferente. La siguiente leccin ampla la teora sobre retculas. Leccin 12: Columnas y Retculas 13. Teora del color Hay mucho que decir sobre el color. Los colores transmiten sensaciones, y cada persona percibe esas sensaciones de forma subjetiva. El empleo de uno u otro pigmento modificar el mensaje que se quiere transmitir, por este motivo resulta tan importante conocer el significado de cada color. Ese es el objetivo de la siguiente leccin. Leccin 13: Teora del Color 14. Psicologa del color Los colores tambin tienen significado psicolgico. Algunos excitan, otros tranquilizan. La siguiente leccin ampla el tema del color y explica sus distintas aportaciones a reas externas al arte y al diseo. Leccin 14: Psicologa del Color 15. Psicologa del color en marketing Los profesionales del marketing aprovechan los conocimientos que se tienen sobre la psicologa del color para aplicarlos a su propia disciplina. Cada campaa de publicidad tiene objetivos diferentes, y el cumplimiento de esos objetivos puede verse reforzado por el empleo de uno u otro color. As lo indica la siguiente leccin. Leccin 15: Psicologa del Color en Marketing 16. Principios de diseo web

El diseo web tiene poco que ver con el diseo grfico. Sus objetivos suelen ser diferentes, y por este motivo, su desarrollo debe ser distinto. Mientras que el diseo grfico nicamente pretende mostrar informacin, el diseo web avanza un paso ms, y busca obtener una interaccin por parte del usuario. Siguiendo esta lgica, la siguiente leccin explica los principios de un buen diseo de pginas web. Leccin 16: Principios de Diseo Web 17. Jerarqua en el diseo web Las pginas web deben ordenar su informacin con el fin de proporcionar mayor visibilidad a los elementos ms importantes. Para ello, es importante respetar una jerarqua de elementos que contribuyan a alcanzar los objetivos de la pgina. Este tema aparece ampliado en la siguiente leccin. Leccin 17: Jerarqua en Diseo Web 18. Botones que invitan a la accin en diseo web Los botones de una pgina web no actan simplemente como un enlace a otra pgina. Su importancia radica en que se encuentran integrados en el contenido de la web y en que portan un mensaje que invita al usuario a la accin. La siguiente leccin habla sobre la forma de crear botones ms integrados y eficaces. Leccin 18: Botones que Invitan a la Accin en Diseo Web 19. Gua sobre arquitectura de la informacin Una buena arquitectura de la informacin es decisiva para alcanzar las metas marcadas en un proyecto. Existe toda una teora sobre este tema, enfocada en cubrir las necesidades de los destinatarios de la informacin. La siguiente leccin repasa los requisitos necesarios para conseguir una buena distribucin de los datos desde esta perspectiva. Leccin 19: Gua sobre Arquitectura de la Informacin 20. Algunas lecciones sobre usabilidad No existe mejor estrategia para captar a un usuario dentro de la web que disponer de pginas que cumplen las normas de usabilidad. Una navegacin sencilla ayuda a que los internautas encuentren lo que buscan de forma inmediata, y evita el abandono de la pgina antes de tiempo. El objetivo de la siguiente leccin es asesorar sobre el diseo de una pgina web usable. Leccin 20: Algunas Lecciones sobre Usabilidad 21. Tcnicas para el diseo de una buena interfaz El xito de las aplicaciones web tambin depende del nivel de usabilidad del que dispongan. Una buena interfaz de usuario es el primer paso para conseguir que las

herramientas adquieran o no popularidad entre el pblico. La leccin siguiente ofrece algunos consejos para optimizar las interfaces de las aplicaciones. Leccin 21: Tcnicas para el Diseo de una Buena Interfaz 22. Cmo mejorar la experiencia de usuario en la web Cmo se disea una buena web o aplicacin? La respuesta es sencilla: Ponindose en el lugar del usuario y experimentando lo que l va a ver. Siguiendo esta recomendacin, se pueden optimizar las interfaces con las que el pblico va a interactuar, al mismo tiempo que se mejoran los resultados de los proyectos. As se considera en la siguiente leccin. Leccin 22: Cmo Mejorar la Experiencia del Usuario en la Web 23. Sitios web mal diseados La siguiente leccin pretende ensear lo que no se debe hacer en cuestin de diseo web. Conocer y descartar los errores que se muestran a continuacin puede ayudar a mejorar las creaciones, incluso tratndose de principiantes. Leccin 23: Sitios Web Mal Diseados 24. Ilustracin: Arma de diseo Las imgenes suelen ser la base de cualquier diseo o composicin. La obtencin de imgenes debe proceder de fuentes profesionales. Las ilustraciones constituyen una de esas fuentes, podra decirse que la ms habitual. La siguiente leccin hace las veces de un breve curso de artes plsticas. Leccin 24: Ilustracin: Arma de Diseo 25. Tcnicas de ilustracin digital Las nuevas tecnologas han ocasionado cambios en la forma de trabajo de los ilustradores profesionales. La mayor parte de sus dibujos es digitalizada y tratada con programas especficos de retoque de imgenes. La leccin que sigue es un breve curso de ilustracin digital. Leccin 25: Tcnicas de Ilustracin Digital 26. Fotografa: Arma de diseo Otra de las principales fuentes de imgenes para el diseo grfico es la fotografa. A diferencia de la ilustracin, las fotos retratan la realidad y resultan ms impactantes. Adems, existe la posibilidad de manipularlas mediante tcnicas de retoque fotogrfico, dando lugar a imgenes an ms llamativas. La siguiente leccin reflexiona sobre este tema. Leccin 26: Fotografa: Arma de Diseo

27. Principios bsicos de fotografa Conocer algunos trucos sobre una prctica tan habitual como es hacer fotos nunca viene mal. Sobre todo si esas fotografas van a formar parte de un diseo o composicin. La siguiente leccin es un pequeo curso de fotografa, que recoge los principios ms bsicos de esta disciplina. Leccin 27: Principios Bsicos de Fotografa 28. tica en el diseo La profesin de diseador implica ciertos conflictos morales que a menudo no se tienen en cuenta. En ocasiones surge el debate sobre si el profesional debe opinar acerca del mensaje que transmite con su trabajo o si debe limitarse a crear diseos de calidad siguiendo las pautas que le han marcado. La siguiente leccin ofrece una visin contrastada sobre el tema. Leccin 28: tica en el Diseo 29. Diccionario de Arte y Diseo El conocimiento de nuevas palabras y su significado puede ayudar a comprender mejor el mundo del arte y diseo. Nuevos conceptos dan lugar a nuevas ideas. La ltima leccin de esta gua es un diccionario de lectura y consulta sobre trminos especficos del sector. Leccin 29: Diccionario de Arte y Diseo 30. Historia del diseo grfico Esta leccin realiza un repaso por la historia del diseo grfico, desde las primeras manifestaciones artsticas de los habitantes de las cavernas hasta la era digital actual. Menciona muchas de las facetas y perspectivas del diseo en general, de los elementos que participan en l y de las especialidades del mismo. La gran variedad de aplicaciones de esta disciplina es la causante de que la formacin en arte y diseo se haya diversificado, dando lugar a nuevas titulaciones relacionadas con el sector. - Cursos de arte: implican multitud de actividades creativas. Dibujo, pintura, escultura, etc. Todas ellas crean la base terica y los conocimientos para el posterior desarrollo de trabajos de diseo de calidad. - Cursos de arquitectura: una disciplina estrechamente relacionada con el diseo. Muchas de las reglas que se utilizan en el trazado de obras y edificios son aplicables a otro tipo de creaciones artsticas. - Cursos de diseo industrial: es una nueva vertiente del diseo grfico, que se centra en la concepcin de nuevas formas y estructuras para nuevos objetos o para objetos que ya

existen. Su finalidad es innovar y crear herramientas prcticas para el da a da de las personas. - Cursos de fotografa: La fotografa es uno de los complementos ms importantes para el diseo grfico, junto con la ilustracin. El conocimiento de tcnicas sobre iluminacin, sombras, texturas y composicin supone un avance a la hora de realizar un diseo til y original. Leccin 30: Historia del Diseo Grfico