SlideShare ist ein Scribd-Unternehmen logo
1 von 14
Downloaden Sie, um offline zu lesen
rompiendo
moldes
estudio embora iván rey & maría martín
breve
introducción:
Actualmente existen una multitud de páginas web creadas
con una estructura y diseños predefinidos,
olvidándose así el cliente de la importancia que tiene poseer
un diseño único y personal.
breve
introducción:
A la hora de afrontar un nuevo proyecto, nos hacemos una serie
de preguntas:

- Público: ¿a quién va dirigido?
- Función de sitio web: ¿qué función cumple?
- Interacción: ¿qué historia, ó diálogo queremos contar?
un poco de
teoría:
Lo más importante antes de empezar un diseño, es analizar, detallar,
describir o esbozar las retículas.
Las retículas son el esqueleto visual del contenido y la funcionalidad
de cada página.
Son también una guía excelente para todas las partes involucradas
en el proceso de prouducción, aunque también diez reglas básicas harán
que la web sea única y personal.
un poco de
teoría:
Diez reglas básicas hará que la web sea única y personal:

- Tipografía                       - Interacción
- Color                            - Personalidad
- Minimalismo                      - Calidad gráfica
- Navegación                       - Calidad de imagen
- Usabilidad y funcionalidad       - Pantalla completa
estudio
del trabajo:
A la hora de afrontar un nuevo proyecto, nos hacemos una serie
de preguntas:

- Público: ¿a quién va dirigido?
- Función de sitio web: ¿qué función cumple?
- Interacción: ¿qué historia, ó diálogo queremos contar?
estudio
del trabajo:
Búsqueda y recopilación de material para abordar un proyecto:

- Búsqueda de información: sintonizar con el entorno
- Búsqueda de ideas: moldear el producto
- Búsqueda de soluciones: el resultado


Un sitio web verdaderamente único y bien diseñado
debe sorprender sin confudir
el
cliente:
- Lado humano
- Tipos de cliente
- Estudio de la firma y el producto
- Enseñar al cliente que el no es un diseñador
el
cliente:
Lado humano
el
cliente:
El cliente lo podemos encontrar de tres tipos de clase que son:

- Cliente de mente abierta
- Cliente habitual
- Cliente “yo soy diseñador”
el
cliente:
Estudio de la firma

- Conocimiento de la firma y sus necesidades.
- Entender la filosofía que el cliente quiere transmitir
- Trabajo de investigación: competencia, mercado, estilos de vida y tendencias
diseñador
vs programador
la combinación de las disciplinas creativas del diseño y la programación,
trabajando conjuntamente se consigue siempre buenos resultados.
si no existe una comunicación buena entre ambas disciplinas
sólo conseguiremos un quebradero de cabeza y con un resultado final
probablemente desastroso.


Es mucho más fácil ir puliendo las ideas iniciales para que sean funcionales
que amoldar una idea a una funcionalidad preestablecida.
diseñador
vs programador
artes finales, el broche final:

- Pautas de estilo retículas, familia de typos, colores,
- Artes finales de las pantallas diseñadas diseño aprobado por el cliente
- Iconografía escala de iconos, rollovers, ...
- Gráfica especial botones especiales, marcos, barnners, ...


La experimentación y la innovación siguen dominando
el diseño interactivo.
rompiendo
moldes

work: www.estudioembora.com    twitter: @adwe.es
mail: info@estudioembora.com   blog: www.adwe.es

Weitere ähnliche Inhalte

Ähnlich wie Rompiendo moldes

Diseño Web
Diseño WebDiseño Web
Diseño WebVladimir
 
Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?
Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?
Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?Juan David Saab
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoThe Social Experience
 
Inventario de contenido Diplomado Arquitectura de Información y UX
Inventario de contenido Diplomado Arquitectura de Información y UXInventario de contenido Diplomado Arquitectura de Información y UX
Inventario de contenido Diplomado Arquitectura de Información y UXSady Ignacio Maureria Bulnes
 
Tengo una idea. ¿Y ahora qué?
Tengo una idea. ¿Y ahora qué?Tengo una idea. ¿Y ahora qué?
Tengo una idea. ¿Y ahora qué?cachirulovalley
 
¿Cómo se hace en digital? | How It's Made... Digitally!
¿Cómo se hace en digital? | How It's Made... Digitally!¿Cómo se hace en digital? | How It's Made... Digitally!
¿Cómo se hace en digital? | How It's Made... Digitally!Tony López Pagán
 
Digital Training (Planeación Digital)
Digital Training (Planeación Digital)Digital Training (Planeación Digital)
Digital Training (Planeación Digital)Carlos De La Ossa
 
Buenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - NominaliaBuenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - NominaliaNominalia
 
Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Sergio Nouvel Castro
 
Diseño centrado en el usuario - Festival cmd 29 oct 2011
Diseño centrado en el usuario - Festival  cmd 29 oct 2011Diseño centrado en el usuario - Festival  cmd 29 oct 2011
Diseño centrado en el usuario - Festival cmd 29 oct 2011Santiago Bustelo
 
El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013 El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013 qweos
 
EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...
EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...
EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...FromDoppler
 

Ähnlich wie Rompiendo moldes (20)

Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?
Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?
Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º Curso
 
Presentacion
PresentacionPresentacion
Presentacion
 
Inventario de contenido Diplomado Arquitectura de Información y UX
Inventario de contenido Diplomado Arquitectura de Información y UXInventario de contenido Diplomado Arquitectura de Información y UX
Inventario de contenido Diplomado Arquitectura de Información y UX
 
01 render out sep 2007
01 render out sep 200701 render out sep 2007
01 render out sep 2007
 
Emprender en Internet
Emprender en InternetEmprender en Internet
Emprender en Internet
 
CARITASLAC
CARITASLACCARITASLAC
CARITASLAC
 
Tengo una idea. ¿Y ahora qué?
Tengo una idea. ¿Y ahora qué?Tengo una idea. ¿Y ahora qué?
Tengo una idea. ¿Y ahora qué?
 
¿Cómo se hace en digital? | How It's Made... Digitally!
¿Cómo se hace en digital? | How It's Made... Digitally!¿Cómo se hace en digital? | How It's Made... Digitally!
¿Cómo se hace en digital? | How It's Made... Digitally!
 
M2 Diseño Web
M2   Diseño WebM2   Diseño Web
M2 Diseño Web
 
AR casos de exito
AR casos de exitoAR casos de exito
AR casos de exito
 
Digital Training (Planeación Digital)
Digital Training (Planeación Digital)Digital Training (Planeación Digital)
Digital Training (Planeación Digital)
 
Buenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - NominaliaBuenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - Nominalia
 
Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1
 
fases de un proyecto web
fases de un proyecto webfases de un proyecto web
fases de un proyecto web
 
Dw introducción
Dw introducciónDw introducción
Dw introducción
 
Diseño centrado en el usuario - Festival cmd 29 oct 2011
Diseño centrado en el usuario - Festival  cmd 29 oct 2011Diseño centrado en el usuario - Festival  cmd 29 oct 2011
Diseño centrado en el usuario - Festival cmd 29 oct 2011
 
El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013 El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013
 
EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...
EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...
EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...
 

Mehr von ADWE Team

Frameworks para el desarrollo de juegos para dispositivo móviles
Frameworks para el desarrollo de juegos para dispositivo móvilesFrameworks para el desarrollo de juegos para dispositivo móviles
Frameworks para el desarrollo de juegos para dispositivo móvilesADWE Team
 
HTML5 + CSS3 + Wordpress = Responsive Web
HTML5 + CSS3 + Wordpress = Responsive WebHTML5 + CSS3 + Wordpress = Responsive Web
HTML5 + CSS3 + Wordpress = Responsive WebADWE Team
 
HTML5 dia de internet 2012
HTML5 dia de internet 2012HTML5 dia de internet 2012
HTML5 dia de internet 2012ADWE Team
 
Significado y usos de RSS
Significado y usos de RSSSignificado y usos de RSS
Significado y usos de RSSADWE Team
 
Responsive web y Wordpress
Responsive web y WordpressResponsive web y Wordpress
Responsive web y WordpressADWE Team
 
Introduccion html5
Introduccion html5Introduccion html5
Introduccion html5ADWE Team
 
Ponencia seo para el èxito con google 2011 copia
Ponencia seo para el èxito con google 2011   copiaPonencia seo para el èxito con google 2011   copia
Ponencia seo para el èxito con google 2011 copiaADWE Team
 
Diseñar para dispositivos móviles
Diseñar para dispositivos móvilesDiseñar para dispositivos móviles
Diseñar para dispositivos móvilesADWE Team
 
Potenciando tu web con APIs de Miquel Camps para ADWE Madrid
Potenciando tu web con APIs de Miquel Camps para ADWE MadridPotenciando tu web con APIs de Miquel Camps para ADWE Madrid
Potenciando tu web con APIs de Miquel Camps para ADWE MadridADWE Team
 
Presentacion de Fran Moreno para adwe
Presentacion de Fran Moreno para adwePresentacion de Fran Moreno para adwe
Presentacion de Fran Moreno para adweADWE Team
 
Gwt intro adwe_murcia
Gwt intro adwe_murciaGwt intro adwe_murcia
Gwt intro adwe_murciaADWE Team
 
5 tips de diseñadores a maquetadores... y viceversa
5 tips de diseñadores a maquetadores... y viceversa5 tips de diseñadores a maquetadores... y viceversa
5 tips de diseñadores a maquetadores... y viceversaADWE Team
 
Presentación Framework CodeIgniter
Presentación Framework CodeIgniter Presentación Framework CodeIgniter
Presentación Framework CodeIgniter ADWE Team
 
Presentación Extreme Programming
Presentación Extreme ProgrammingPresentación Extreme Programming
Presentación Extreme ProgrammingADWE Team
 
El momento del diseño, con Carlos Úbeda, de DNXGroup
 El momento del diseño, con Carlos Úbeda, de DNXGroup El momento del diseño, con Carlos Úbeda, de DNXGroup
El momento del diseño, con Carlos Úbeda, de DNXGroupADWE Team
 
Presentacion seo analisis
Presentacion seo analisisPresentacion seo analisis
Presentacion seo analisisADWE Team
 
Presentación de ACTO Framework parte I
Presentación de ACTO Framework parte IPresentación de ACTO Framework parte I
Presentación de ACTO Framework parte IADWE Team
 
Presentación de ACTO Framework parte II
Presentación de ACTO Framework parte IIPresentación de ACTO Framework parte II
Presentación de ACTO Framework parte IIADWE Team
 
SEO ADWE Murcia
SEO ADWE MurciaSEO ADWE Murcia
SEO ADWE MurciaADWE Team
 

Mehr von ADWE Team (20)

Frameworks para el desarrollo de juegos para dispositivo móviles
Frameworks para el desarrollo de juegos para dispositivo móvilesFrameworks para el desarrollo de juegos para dispositivo móviles
Frameworks para el desarrollo de juegos para dispositivo móviles
 
HTML5 + CSS3 + Wordpress = Responsive Web
HTML5 + CSS3 + Wordpress = Responsive WebHTML5 + CSS3 + Wordpress = Responsive Web
HTML5 + CSS3 + Wordpress = Responsive Web
 
HTML5 dia de internet 2012
HTML5 dia de internet 2012HTML5 dia de internet 2012
HTML5 dia de internet 2012
 
Significado y usos de RSS
Significado y usos de RSSSignificado y usos de RSS
Significado y usos de RSS
 
Responsive web y Wordpress
Responsive web y WordpressResponsive web y Wordpress
Responsive web y Wordpress
 
Git git hub
Git git hubGit git hub
Git git hub
 
Introduccion html5
Introduccion html5Introduccion html5
Introduccion html5
 
Ponencia seo para el èxito con google 2011 copia
Ponencia seo para el èxito con google 2011   copiaPonencia seo para el èxito con google 2011   copia
Ponencia seo para el èxito con google 2011 copia
 
Diseñar para dispositivos móviles
Diseñar para dispositivos móvilesDiseñar para dispositivos móviles
Diseñar para dispositivos móviles
 
Potenciando tu web con APIs de Miquel Camps para ADWE Madrid
Potenciando tu web con APIs de Miquel Camps para ADWE MadridPotenciando tu web con APIs de Miquel Camps para ADWE Madrid
Potenciando tu web con APIs de Miquel Camps para ADWE Madrid
 
Presentacion de Fran Moreno para adwe
Presentacion de Fran Moreno para adwePresentacion de Fran Moreno para adwe
Presentacion de Fran Moreno para adwe
 
Gwt intro adwe_murcia
Gwt intro adwe_murciaGwt intro adwe_murcia
Gwt intro adwe_murcia
 
5 tips de diseñadores a maquetadores... y viceversa
5 tips de diseñadores a maquetadores... y viceversa5 tips de diseñadores a maquetadores... y viceversa
5 tips de diseñadores a maquetadores... y viceversa
 
Presentación Framework CodeIgniter
Presentación Framework CodeIgniter Presentación Framework CodeIgniter
Presentación Framework CodeIgniter
 
Presentación Extreme Programming
Presentación Extreme ProgrammingPresentación Extreme Programming
Presentación Extreme Programming
 
El momento del diseño, con Carlos Úbeda, de DNXGroup
 El momento del diseño, con Carlos Úbeda, de DNXGroup El momento del diseño, con Carlos Úbeda, de DNXGroup
El momento del diseño, con Carlos Úbeda, de DNXGroup
 
Presentacion seo analisis
Presentacion seo analisisPresentacion seo analisis
Presentacion seo analisis
 
Presentación de ACTO Framework parte I
Presentación de ACTO Framework parte IPresentación de ACTO Framework parte I
Presentación de ACTO Framework parte I
 
Presentación de ACTO Framework parte II
Presentación de ACTO Framework parte IIPresentación de ACTO Framework parte II
Presentación de ACTO Framework parte II
 
SEO ADWE Murcia
SEO ADWE MurciaSEO ADWE Murcia
SEO ADWE Murcia
 

Kürzlich hochgeladen

guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfAdrianaCarolinaMoral2
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasRiegosVeracruz
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...MayerlyAscanioNavarr
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wrightimariagsg
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisbrasilyamile
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoWilsonChambi4
 

Kürzlich hochgeladen (20)

guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicas
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratis
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 

Rompiendo moldes

  • 2. breve introducción: Actualmente existen una multitud de páginas web creadas con una estructura y diseños predefinidos, olvidándose así el cliente de la importancia que tiene poseer un diseño único y personal.
  • 3. breve introducción: A la hora de afrontar un nuevo proyecto, nos hacemos una serie de preguntas: - Público: ¿a quién va dirigido? - Función de sitio web: ¿qué función cumple? - Interacción: ¿qué historia, ó diálogo queremos contar?
  • 4. un poco de teoría: Lo más importante antes de empezar un diseño, es analizar, detallar, describir o esbozar las retículas. Las retículas son el esqueleto visual del contenido y la funcionalidad de cada página. Son también una guía excelente para todas las partes involucradas en el proceso de prouducción, aunque también diez reglas básicas harán que la web sea única y personal.
  • 5. un poco de teoría: Diez reglas básicas hará que la web sea única y personal: - Tipografía - Interacción - Color - Personalidad - Minimalismo - Calidad gráfica - Navegación - Calidad de imagen - Usabilidad y funcionalidad - Pantalla completa
  • 6. estudio del trabajo: A la hora de afrontar un nuevo proyecto, nos hacemos una serie de preguntas: - Público: ¿a quién va dirigido? - Función de sitio web: ¿qué función cumple? - Interacción: ¿qué historia, ó diálogo queremos contar?
  • 7. estudio del trabajo: Búsqueda y recopilación de material para abordar un proyecto: - Búsqueda de información: sintonizar con el entorno - Búsqueda de ideas: moldear el producto - Búsqueda de soluciones: el resultado Un sitio web verdaderamente único y bien diseñado debe sorprender sin confudir
  • 8. el cliente: - Lado humano - Tipos de cliente - Estudio de la firma y el producto - Enseñar al cliente que el no es un diseñador
  • 10. el cliente: El cliente lo podemos encontrar de tres tipos de clase que son: - Cliente de mente abierta - Cliente habitual - Cliente “yo soy diseñador”
  • 11. el cliente: Estudio de la firma - Conocimiento de la firma y sus necesidades. - Entender la filosofía que el cliente quiere transmitir - Trabajo de investigación: competencia, mercado, estilos de vida y tendencias
  • 12. diseñador vs programador la combinación de las disciplinas creativas del diseño y la programación, trabajando conjuntamente se consigue siempre buenos resultados. si no existe una comunicación buena entre ambas disciplinas sólo conseguiremos un quebradero de cabeza y con un resultado final probablemente desastroso. Es mucho más fácil ir puliendo las ideas iniciales para que sean funcionales que amoldar una idea a una funcionalidad preestablecida.
  • 13. diseñador vs programador artes finales, el broche final: - Pautas de estilo retículas, familia de typos, colores, - Artes finales de las pantallas diseñadas diseño aprobado por el cliente - Iconografía escala de iconos, rollovers, ... - Gráfica especial botones especiales, marcos, barnners, ... La experimentación y la innovación siguen dominando el diseño interactivo.
  • 14. rompiendo moldes work: www.estudioembora.com twitter: @adwe.es mail: info@estudioembora.com blog: www.adwe.es