Upload
santiago-porras-rodriguez
View
427
Download
0
Tags:
Embed Size (px)
Citation preview
Santiago Porras RodríguezUX Developer – SharePoint Developer
Microsoft Windows Platform Development MVP
Nokia Developer Champion
http://geeks.ms/blogs/santypr
@saintwukong
Objetivos
BrandingPasos para conseguir un buen diseño
Gama de coloresLogotipoFuentesBackgroundOrganizar el contenido
Aplicar el diseño
Qué es
proceso de hacer y construir una marca (en inglés, brand equity) mediante la administración estratégica del conjunto total de activos vinculados en forma directa o indirecta al nombre y/o símbolo (logotipo) que identifican a la marca influyendo en el valor de la marca, tanto para el cliente como para la empresa propietaria de la marca.
Ejemplos
http://www.webdesignerdepot.com/2013/11/20-inspiring-branding-guides/
http://www.logodesignlove.com/brand-identity-style-guides
http://imjustcreative.com/skype-brand-identity-book-and-guidelines/2011/08/31
http://www.creativebloq.com/branding/great-examples-design-style-guides-3132070
Busca ideas en la vida real o en internet
https://dev.windows.com/es-es/design/modern-design
http://www.hongkiat.com/blog/mobile-app-ui/
http://www.fromupnorth.com/user-interface-inspiration-650/
http://blog.appversal.com/20-modern-app-ui-designs-stand/
https://www.behance.net/gallery/10163173/20-application-Modern-UI-for-Windows-8
Selecciona una gama de colores
Usa colores complementarios o la gama de un mismo colorA ser posible, que la gama de colores esté relacionada con el tipo de aplicaciónNo abusar de colores llamativos
Selecciona una gama de colores
https://color.adobe.com // http://kuler.adobe.com http://colorschemedesigner.com/csd-3.5/ http://flatuicolors.com/
Elige o crea un buen logotipo
Debe ser claro y simple (fácil visualización)Debe hablar de tu aplicaciónExcepciones (logotipos conocidos)NO COPIÉIS
Elige tu logo
http://thenounproject.com/
http://flattyshadow.com/
http://www.syncfusion.com/downloads/metrostudio
Elige tu tipografía
Si tu logotipo se diferencia por tener una fuente específica, tráela a tu aplicaciónNo abusar de fuentes “especiales”No combinar muchos tipos de fuentes diferente (recomendado 2 máximo)Maximizar la legibilidadEl contenido debe presentarse con fuentes legibles (Calibrí, Cambria, Adobe Garamon, Helvética, Verdana, Arial…
http://www.lancetalent.com/blog/tipografia-para-disenadores-freelance/
http://marianaeguaras.com/que-tipografia-usar-para-libros-impresos-y-digitales/
Elige tu tipografía
http://www.fontsquirrel.com/
http://www.google.com/fonts
Elige o crea un buen background
Cierta uniformidad de color, es decir, o todo claro o todo oscuro para que pueda contrastar con el contenidoNo tiene por qué ser artístico, hasta un fondo blanco o negro puede funcionarA ser posible, que combine con la gama de colores escogidaNUNCA DEBE INTERFERIR EN LA VISUALIZACIÓN DEL CONTENIDO
http://www.dinpattern.com/
http://www.freepik.com/free-vectors/background
http://www.backgroundlabs.com/
Crea jerarquías con el tamaño y el grosor de la fuente
Crea tus diseños alineados y reglados
Los detalles importan