Herramientas para el diseño web.

Herramientas para el diseño web.

La diseñadora Marina Gutiérrez Teixeira en el curso de Introducción al Desarrollo Web  otorgado por la Universidad de Alicante en la plataforma de Google Actívate, nos da algunos consejos sobre cómo diseñar nuestro primer sitio web.

En el siguiente video explica cuáles son los software de diseño adecuados para comenzar, formas de inspirarnos, ideas y tendencias en el Diseño Web, nos introduce en la teoría del color, en las tendencias tipográficas, y nos brinda varios sitios donde poder recopilar recursos gráficos gratuitos.

A continuación los enlaces a los sitios web mencionados en el video.

Software de diseño:

• http://psd.tutsplus.com/articles/web/50-great-photoshop-tutorials-for-clever-beginners
• http://www.tutorialmagezine.com/
• http://www.smashingmagazine.com/2008/02/ilustrator-tutorials-best-of/
• http://www.computerarts.co.uk/tutorials/
• http://spyrestudios.com/30-adobe-photoshop-illustrator-tutorials-for-web-designers/
• http://designrfix.com/resources/60-adobe-photoshop-illustrator-tutorials/ 
• http://blog.spoongraphics.co.uk/category/tutorials 
• http://creativenerds.co.uk/tutorials/100-fresh-new-photoshop-and-illustrator-tutorials/
• http://vandelaydesign.com/blog/design/photoshop-illustrator-tutorials/

Inspiración, ideas y tendencias:

• http://www.webcreme.com/
• http://www.webdesign-inspiration.com/
• http://ffffound.com/
• http://designyoutrust.com/
• http://abduzeedo.com/

Información sobre el color:

Teoría del color:

• http://www.desarrolloweb.com/articulos/1444.php
• http://www.kabvtes.com/diseno/uso-cie-los-colores-en-diseno-web/
• http://www.abcdisegno.com/teoria-del-color/ 

Inspiración:

• http://pinterest.com/manekibeader/inspirational-colour-palettes/
• http://www.colourlovers.com/

Herramientas para crear paletas de color:

• http://colorschemedesigner.com
• http://www.colorhexa.com

Recursos gráficos gratuitos

• http://freelancefolder.com/25-sites-for-free-vector-files/
• http://www.vectorvalley.com/
• http://all-silhouettes.com/
• http://www.bestfreewebresources.com
• http://www.bittbox.com/
• http://psd.fanextra.com
• http://webdesignledger.com
• http://designbeep.com/

Tipografía:

Artículos  de tipografía en diseño web: 

• http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/
• http://www.creativebloq.com/web-design-tips/10-rules-for-using-web-fonts-that-some-designers-forget-1233034
• http://www.webdesignerdepot.com/2009/02/10-web-typography-rules-every-designer-should-know-2/

Tendencias e inspiración tipográfica:

• http://www.creativebloq.com/typography/biggest-type-design-trends-2012-812539/
• http://webdesignledger.com/inspiration/21-examples-of-inspiring-typography-in-web-design

Recursos tipográficos:

• http://www.google.com/webfonts
• http://www.fontsquirrel.com/
• http://www.dafont.com/es/
• http://fontfabric.com/
• http://www.theleagueofmoveabletype.com

Más información sobre diseño:

Elementos del diseño:

• http://www.johnlovett.com/test.htm
• http://www.slideshare.net/contactofaum/elementos-de-diseo
• http://www.ecured.cu/index.php/Elementos_b%C3%A1sicos_del Dise%C3%B1o_Gr%C3%A1fico
• http://www.cristalab.com/tutoriales/diseno-web-fundamentos-basicos-c631/ 

Comunidades y blogs de diseño:

• http://www.netmagazine.com/
• http://webdesignledger.com/
• http://www.creativebloq.com/