Diseño gráfico, de marca, interfaces y web

Recopilación de enlaces con información de utilidad en el proceso de creación de identidad gráfica y desarrollo de elementos web y multimedia

Indice

Diseño de elementos gráficos

Just Creative Design – Learn the Basics
¿Quieres saber cómo diseñar? justcreative.com explica los fundamentos del diseño mediante los elementos básicos del diseño incluyen color, línea, forma, escala, espacio, textura y valor. Éstas son las piezas fundamentales que componen cualquier pieza de trabajo.
http://justcreativedesign.com/2008/06/13/how-to-design-learn-the-basics/

Adobe – Kuler
Crea esquemas de color con la rueda de colores o explore miles de combinaciones de colores de la comunidad Kuler
https://color.adobe.com

Wikipedia – Web colors
Los colores web son aquellos colores que aparecen en una página web. Se pueden basar sobre los sistemas de color RGB o HSL
http://en.wikipedia.org/wiki/Web_colors

AIGA – The professional association for design
El American Institute of Graphic Arts (en español como Instituto de Artes Gráficas de Norteamérica, conocido simplemente como AIGA) es un colegio oficial de diseño gráfico creado en los Estados Unidos en 1914. Es conocida por sus actividades de diseño técnico, específicamente en la creación de pictogramas del Departamento de Transporte de los Estados Unidos en 1979.2 Actualmente está organizado por 20.000 miembros a través de 65 sedes en todo el país.
http://www.aiga.org/

Design Observer
Design Observer es un sitio web dedicado a una variedad de temas de diseño, incluyendo diseño gráfico, innovación social, urbanismo, cultura popular y crítica.
http://designobserver.com/

Computer Arts Magazine
Revista para diseñadores
http://www.computerarts.co.uk/

Diseño de identidad/marca/estilo

Logoorange – The Corporate Identity Style Guide
Branding, Identidad Corporativa, Recursos de Diseño
http://www.logoorange.com/corporate-identity-manual-brand-style-guide.php

Smashing Magazine – Designing Style Guidelines For Brands And Websites
Diseño de pautas de estilo para marcas y sitios web
http://www.smashingmagazine.com/2010/07/21/designing-style-guidelines-for-brands-and-websites/

University of Cambridge – Identity guidelines
Guías de diseño de la universidad de Cambridge
http://www.admin.cam.ac.uk/offices/communications/services/identityguidelines/

Adobe Corporate Brand Guidelines
Guías de diseño de la empresa Adobe
https://issuu.com/logobr/docs/adobe_brand_guidelines

Conjunto de ebooks y manuales de identidad corporativa
https://drive.google.com/folderview?id=0BxTisRIJ7yAPR1dsVWdoN3pxMHc&usp=sharing

Referencias Bibliográficas

Sobre Branding
Web de Branzai, Academia de Branding. Informar y Formar sobre la creación y gestión de marcas.
http://www.branzai.com/search/label/Herramientas
http://www.branzai.com/search/label/Tendencias
http://www.branzai.com/2012/05/de-logos-marcas-fases-de-construccion.html

Brand off on: El Branding del futuro [libro]
Estamos atisbando el «futuro del futuro». Vivimos un cambio de era sin precedentes que está transformando nuestro entorno y con ello todas las empresas y marcas.
http://www.amazon.es/dp/B00IN37WES

Proceso de creación de marca y emprendedores

Estudio que propone modelos de negocio para Empresas emergentes de Diseño
http://www.slideshare.net/rodrigogajardo/modelos-de-negocio-para-empresas-emergentes-de-diseo-rodrigo-gajardo-2010
7 consejos para ser un diseñador freelance exitoso
https://isopixel.net/2006/10/26/7-consejos-para-ser-un-disenador-freelance-exitoso/

Metodología de diseño
Guía del proceso creativo desde el Design Thinking
https://dschool-old.stanford.edu/sandbox/groups/designresources/wiki/31fbd/attachments/027aa/GU%C3%8DA%20DEL%20PROCESO%20CREATIVO.pdf?sessionID=573efa71aea50503341224491c862e32f5edc0a9

Otros enlaces de interés

¿Qué información debe contener un Manual de Identidad Corporativa?
http://uzkiaga.com/blog/diseno-grafico/que-informacion-debe-contener-un-manual-de-identidad-corporativa

Metodología del Diseño para Diseñadores Gráficos – Scribd
http://es.scribd.com/doc/244780/Capitulo-1-Metodologia-del-Diseno-para-Disenadores-Graficos

Los 6 pasos del diseño de un logotipo | BCNBIT
Los logotipos, son la cara de la identidad corporativa, la fachada de las marcas. Son actores principales en nuestra vida diaria: se presentan, nos saludan, nos …
http://www.bcnbit.com/los-6-pasos-de-diseno-de-un-logotipo/

Libros Freelance
Dos e-books y otros relacionados con la estrategia de freelances.

MANUAL DEL DISEÑADOR FREELANCE (Diseño gráfico) de Cathy Fishel
http://www.amazon.es/dp/8434237628

Tu Carrera Como Freelance de Michael Fleishman
http://www.amazon.es/dp/8493393126

Una revista-book muy recomendable aunque está en inglés y algunas cosas no se adaptan a nuestra realidad
http://www.creativebloq.com/computer-arts/design-studio-handbook-run-thriving-creative-business-4137474

Ejemplos de Manuales de imagen corporativa con una presentación profesional
https://drive.google.com/drive/folders/0BxTisRIJ7yAPaUk3T1JKaUZHVGs

Buenas prácticas

UNESPA: Manual básico de Identidad Corporativa – Slideshare
permite descargar cada plantilla
http://www.slideshare.net/pacobarranco/unespa-manualbsico-de-identidad-corporativa

La Generalitat también dispone de una gran cantidad de manuales en linea para sus departamentos e instituciones
http://www.gencat.cat/piv/

Sobre logotipos y tendencias
Tendencias de logos 2014, 2015 i 2016 (de logolounge)
https://www.logolounge.com/articles/2014-logo-trends
https://www.logolounge.com/articles/2015-logo-trends
https://www.logolounge.com/articles/2016-logo-trends

Evolución del Flat design
http://multimedia.uoc.edu/blogs/dg/2013/10/23/evolucio-del-flat-design/

Anàlisi semiologic
¿Cómo se realiza un análisis semiológico de un logotipo ?
El análisis semiológico de un logotipo se elabora partiendo de la idea de que un logotipo es un producto de comunicación visual, …
http://elsemainomenon.blogspot.com.es/2010/02/como-se-realiza-un-analisis-semiologico.html

Classificación
Clasificación tipológica de los símbolos en la creación de la imagen gráfica
http://www.eumed.net/libros-gratis/2012a/1184/clasificacion_tipologica_de_simbolos_imagenes_graficas.html
The Informed Illustrator: Classification de Logotipos para ilustradores
http://www.theinformedillustrator.com/2013/08/logo-classification-for-illustrators.html

Diseño de interfaces/Usabilidad/UX

The UX Bookmark – A huge list of Style Guides and UI Guidelines
Una lista gigantesca constantemente actualizada de guías de estilo y la interfaz de usuario
http://www.theuxbookmark.com/2010/08/interaction-design/a-monster-list-of-ui-guidelines-style-guides/

Smashing Magazine – 10 Useful Techniques To Improve Your User Interface Designs
El diseño web consiste, en su mayor parte, en el diseño de interfaces. Hay muchas técnicas implicadas en la elaboración de interfaces hermosas y funcionales en este sitio encontrarás 10 Técnicas útiles para mejorar sus diseños de interfaz de usuario
http://uxdesign.smashingmagazine.com/2008/12/15/10-useful-techniques-to-improve-your-user-interface-designs/

UPA – Usability Body of Knowledge
Usability BoK se deriva de la literatura publicada, los procedimientos en la creación de conferencias y las experiencias de los profesionales acumulados durante muchos años. Es una guía de los recursos existentes que  esta en constante evolución
http://www.usabilitybok.org/

Tampere University of Technology – UX, Usability and ISO Standards
El documento explora la relación entre UX y los enfoques actuales de usabilidad en las normas ISO
http://www.cs.tut.fi/ihte/CHI08_workshop/papers/Bevan_UXEM_CHI08_06April08.pdf

A List Apart – Visual Decision Making
Articulo relacionado con el diseño gráfico, diseño de interacción y usabidad por Patrick Lynch
http://www.alistapart.com/articles/visual-decision-making/

UX Magazine – UX Factory, Resources
UX Magazine es un recurso central y de una sola parada para todo lo relacionado con la experiencia del usuario.
http://uxmag.com/

UX Spain
Encuentro de profesionales de la Experiencia de Usuario en España.
http://uxspain.com/

The Functional Art
El Arte Funcional: Una Introducción a los Gráficos de Información y Visualización por Alberto Cairo
http://www.thefunctionalart.com/

Information Aesthetics
Visualización de datos y diseño de información
http://infosthetics.com/

Diseño web

Smashing Magazine – Following a Web Design Process
Articulo – Tras un proceso de diseño web y desarrollo detallado puede acelerar su trabajo y ayudar a su cliente a entender su papel en el proyecto.
http://www.smashingmagazine.com/2011/06/22/following-a-web-design-process/

Webdesign.Tutsplus – web design tutorials
Miles de tutoriales gratuitos y cursos en línea para ayudarle a aprender diseño web
http://webdesign.tutsplus.com/category/articles/

Vitaly Friedman – Web Developer’s Handbook
El manual del desarrollador web es una lista de sitios web esenciales, que facilitan la vida de los desarrolladores web. Compilado y actualizado por Vitaly Friedman.
http://www.alvit.de/handbook/

W3C – HTML, CSS y otros
El Consorcio World Wide Web (W3C) es una comunidad internacional donde las organizaciones Miembro, personal a tiempo completo y el público en general trabajan conjuntamente para desarrollar estándares Web
http://w3.org