Disseny gràfic, de marca, interfícies i web

Recopilació d’enllaços amb informació d’utilitat en el procés de creació d’identitat gràfica i desenvolupament d’elements web i multimèdia

Indice

Disseny d’elements gràfics

Just Creative Design – Learn the Basics
Vols saber com dissenyar? justcreative.com explica els fonaments del disseny mitjançant els elements bàsics del disseny inclouen color, línia, forma, escala, espai, textura i valor. Aquestes són les peces fonamentals que componen qualsevol peça de treball.
http://justcreativedesign.com/2008/06/13/how-to-design-learn-the-basics/

Adobe – Kuler
Crea esquemes de color amb la roda de colors o explori milers de combinacions de colors de la comunitat Kuler
https://color.adobe.com

Wikipedia – Web colors
Els colors web són aquells colors que apareixen en una pàgina web. Es poden basar sobre els sistemes de color RGB o HSL
http://en.wikipedia.org/wiki/Web_colors

AIGA – The professional association for design
L’American Institute of Graphic Arts (en espanyol com Institut d’Arts Gràfiques d’Amèrica del Nord, conegut simplement com AIGA) és un col·legi oficial de disseny gràfic creat als Estats Units en 1914. És coneguda per les seves activitats de disseny tècnic, específicament en la creació de pictogrames del Departament de Transport dels Estats Units en 1979.2 Actualment està organitzat per 20.000 membres a través de 65 seus a tot el país.
http://www.aiga.org/

Design Observer
Design Observer és un lloc web dedicat a una varietat de temes de disseny, incloent disseny gràfic, innovació social, urbanisme, cultura popular i crítica.
http://designobserver.com/

Computer Arts Magazine
Revista per a dissenyadors
http://www.computerarts.co.uk/

Disseny d’identitat / marca / estil

Logoorange – The Corporate Identity Style Guide
BIdentitat Corporativa, Recursos de Disseny
http://www.logoorange.com/corporate-identity-manual-brand-style-guide.php

Smashing Magazine – Designing Style Guidelines For Brands And Websites
Disseny de pautes d’estil per a marques i llocs web
http://www.smashingmagazine.com/2010/07/21/designing-style-guidelines-for-brands-and-websites/

University of Cambridge – Identity guidelines
Guies de disseny de la universitat de Cambridge
http://www.admin.cam.ac.uk/offices/communications/services/identityguidelines/

Adobe Corporate Brand Guidelines
Guies de disseny de l’empresa Adobe
https://issuu.com/logobr/docs/adobe_brand_guidelines

Conjunt d’ebooks i manuals d’identitat corporativa
https://drive.google.com/folderview?id=0BxTisRIJ7yAPR1dsVWdoN3pxMHc&usp=sharing

Referències Bibliogràfiques

Sobre Branding
Web de Branzai, Acadèmia de Branding. Informar i Formar sobre la creació i gestió de marques.
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 futur [llibre]
Estem albirant el «futur del futur». Vivim un canvi d’era sense precedents que està transformant el nostre entorn i amb això totes les empreses i marques.
http://www.amazon.es/dp/B00IN37WES

Procés de creació de marca i emprenedors

Estudi que proposa models de negoci per a Empreses emergents de Disseny
http://www.slideshare.net/rodrigogajardo/modelos-de-negocio-para-empresas-emergentes-de-diseo-rodrigo-gajardo-2010
7 consells per ser un dissenyador freelance reeixit
https://isopixel.net/2006/10/26/7-consejos-para-ser-un-disenador-freelance-exitoso/

Metodologia de disseny
Guia del procés creatiu des del Desig Thinking
https://dschool-old.stanford.edu/sandbox/groups/designresources/wiki/31fbd/attachments/027aa/GU%C3%8DA%20DEL%20PROCESO%20CREATIVO.pdf?sessionID=573efa71aea50503341224491c862e32f5edc0a9

Altres enllaços d’interès

Quina informació ha de contenir un Manual d’Identitat Corporativa?
http://uzkiaga.com/blog/diseno-grafico/que-informacion-debe-contener-un-manual-de-identidad-corporativa

Metodologia del Disseny per a Dissenyadors Gràfics – Scribd
http://es.scribd.com/doc/244780/Capitulo-1-Metodologia-del-Diseno-para-Disenadores-Graficos

Els 6 passos del disseny d’un logotip | BCNBIT
Els logotips, són la cara de la identitat corporativa, la façana de les marques. Són actors principals en la nostra vida diària: es presenten, ens saluden, ens …
http://www.bcnbit.com/los-6-pasos-de-diseno-de-un-logotipo/

Llibres Freelance
Dues e-books i altres relacionats amb l’estratègia de freelances.

MANUAL DEL DISSENYADOR FREELANCE (Disseny gràfic) de Cathy Fishel
http://www.amazon.es/dp/8434237628

La Teva Carrera Com Freelance de Michael Fleishman
http://www.amazon.es/dp/8493393126

Una revista-book molt recomanable encara que està en anglès i algunes coses no s’adapten a la nostra realitat
http://www.creativebloq.com/computer-arts/design-studio-handbook-run-thriving-creative-business-4137474

Exemples de Manuals d’imatge corporativa amb una presentació professional
https://drive.google.com/drive/folders/0BxTisRIJ7yAPaUk3T1JKaUZHVGs

Bones pràctiques

UNESPA: Manual bàsic d’Identitat Corporativa – Slideshare
permet descarregar cada plantilla
http://www.slideshare.net/pacobarranco/unespa-manualbsico-de-identidad-corporativa

La Generalitat també disposa d’una gran quantitat de manuals en línia per als seus departaments i institucions
http://www.gencat.cat/piv/

Sobre logotips i tendències
Tendències 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ó del Flat design
http://multimedia.uoc.edu/blogs/dg/2013/10/23/evolucio-del-flat-design/

Anàlisi semiologic
Com es realitza una anàlisi semiològic d’un logotip?
L’anàlisi semiològic d’un logotip s’elabora partint de la idea que un logotip és un producte de comunicació visual, …
http://elsemainomenon.blogspot.com.es/2010/02/como-se-realiza-un-analisis-semiologico.html

Classificació
Classificació tipològica dels símbols en la creació de la imatge 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

Disseny d’interfícies / Usabilitat /UX

The UX Bookmark – A huge list of Style Guides and UI Guidelines
Una llista gegantina constantment actualitzada de guies d’estil i la interfície d’usuari
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 disseny web consisteix, en la seva major part, en el disseny d’interfícies. Hi ha moltes tècniques implicades en l’elaboració d’interfícies belles i funcionals en aquest lloc hi trobaràs 10 Tècniques útils per millorar els seus dissenys d’interfície d’usuari
http://uxdesign.smashingmagazine.com/2008/12/15/10-useful-techniques-to-improve-your-user-interface-designs/

UPA – Usability Body of Knowledge
Usability BoK es deriva de la literatura publicada, els procediments en la creació de conferències i les experiències dels professionals acumulats durant molts anys. És una guia dels recursos existents que està en constant evolució
http://www.usabilitybok.org/

Tampere University of Technology – UX, Usability and ISO Standards
El document explora la relació entre UX i els enfocaments actuals d’usabilitat en les normes ISO
http://www.cs.tut.fi/ihte/CHI08_workshop/papers/Bevan_UXEM_CHI08_06April08.pdf

A List Apart – Visual Decision Making
Article relacionat amb el disseny gràfic, disseny d’interacció i usabidad per Patrick Lynch
http://www.alistapart.com/articles/visual-decision-making/

UX Magazine – UX Factory, Resources
UX Magazine és un recurs central i d’una sola parada per a tot el relacionat amb l’experiència de l’usuari.
http://uxmag.com/

UX Spain
Trobada de professionals de l’Experiència d’Usuari a Espanya.
http://uxspain.com/

The Functional Art
L’Art Funcional: Una Introducció als Gràfics d’Informació i Visualització per Alberto Cairo
http://www.thefunctionalart.com/

Information Aesthetics
Visualització de dades i disseny d’informació
http://infosthetics.com/

Disseny web

Smashing Magazine – Following a Web Design Process
Article – Després d’un procés de disseny web i desenvolupament detallat pot accelerar el seu treball i ajudar al seu client a entendre el seu paper en el projecte.
http://www.smashingmagazine.com/2011/06/22/following-a-web-design-process/

Webdesign.Tutsplus – web design tutorials
Milers de tutorials gratuïts i cursos en línia per ajudar a aprendre disseny web
http://webdesign.tutsplus.com/category/articles/

Vitaly Friedman – Web Developer’s Handbook
El manual del desenvolupador web és una llista de llocs web essencials, que faciliten la vida dels desenvolupadors web. Compilat i actualitzat per Vitaly Friedman.
http://www.alvit.de/handbook/

W3C – HTML, CSS i altres
El Consorci World Wide Web (W3C) és una comunitat internacional on les organitzacions membre, personal a temps complet i el públic en general treballen conjuntament per a desenvolupar estàndards Web
http://w3.org