MORALES CORNELIO LUIS GERARDO

Caractersticas de que debe tener un buen diseador.

1. Personalidad creativa e innovadora. Parece obvio, pero alguien que no
cuente con esta cualidad y que se limite a imitar estilos de otros diseadores
nunca pasar a un siguiente nivel y no adoptar un estilo que lo caracterice
como diseador.
2. Comunicativo. El diseador debe poseer una habilidad para comunicar e
interpretar conceptos visualmente, para ello tambin necesita tener capacidad
de anlisis y sntesis de modo que pueda expresar ideas.
3. Analtico. Relacionado un poco con el punto anterior, un buen diseador debe
analizar su entorno, esto a travs del conocimiento, comprensin e
interpretacin de la realidad social
4. Sensibilidad artstica. Un diseador debe ser sensible a todo tipo de
manifestaciones artsticas y culturales.
5. Culto. Es necesario que un diseador tenga conocimientos de matemticas,
sociologa, filosofa, tica, dibujo, historia universal de esta manera sus ideas
tendrn bases y fluirn de manera ms ptima.
6. Emptico. Sobre todo este punto tiene que ver con las necesidades del
cliente, con el cual debe establecer empata a fin de comprender e interpretar
lo que requiere.
7. Proactividad. Un diseador s debe escuchar al cliente, pero tambin debe
tener la habilidad de recomendar.
8. Conocimiento profundo. Un buen diseador tiene que conocer y utilizar
adecuadamente las herramientas manuales y digitales, as como los materiales
indispensables para el desarrollo y elaboracin de diversos diseos como
cartel, sealtica, punto de venta, envase, entre otros.
9. Versatilidad. El diseador debe tener la habilidad de trabajar en equipo y
contar con un espritu de colaboracin.
10. Vocacin. Esta podra ser la cualidad ms importante, pues un diseador
puede tener todas las cualidades anteriores, pero si no tiene esa vocacin que
hace que un profesionista ame su trabajo, nunca explotar todo su potencial.

Pasos para un buen diseo

1. Investigar; Tener una primera junta dnde el diseador identifique las
expectativas del cliente.
2. .Definir; Ya que se encuentran aclaradas las expectativas y actividades
alcanzables por parte del cliente y del diseador, se contina con una segunda
charla donde se definen los objetivos y especificaciones tcnicas.
3. Recopilacin; el diseador se encarga de recopilar toda la informacin
necesaria sobre el producto.
4. Interpretacin; Con toda la informacin y los antecedentes se puede ahora
empezar a crear la idea que se quiere transmitir.

MORALES CORNELIO LUIS GERARDO

5. Soluciones; En esta etapa el diseador se da a la tarea de empezar a disear
el producto y cmo ser presentado, adecuando los elementos bsicos del
diseo como: tipografa, colores, estilo y fotografa.
6. Propuestas; El diseador presenta sus propuestas al cliente, dnde el cliente
decide, despus de la explicacin del porqu por parte del diseador, si lo
acepta o habr modificaciones.
7. Solucin; Finalmente el cliente y el diseador se deben reunir y discutir si han
llegado a los objetivos acordados en la primera etapa.

Reglas para un buen diseo.

Ten claro el concepto, el mensaje.

Hay que comunicar, no decorar
Habla con un nico lenguaje visual.
Utiliza dos o tres familias tipogrficas como mximo.4
Golpea en dos tiempos: atraer y retener.
Escoge los colores con un propsito.
Menos es ms.
El espacio negativo es importante.
La tipografa tiene la misma importancia que la imagen.
Los tipos que no se pueden leer no tienen funcin ninguna.
Tienes que ser universal; recuerda: tu trabajo no es para ti.
Comprime y separa.
Asegrate de que hay una ampliagama de valor tonal.
Acta con seguridad: hazlo a conciencia o no lo hagas.
Mide con los ojos: el diseo es visual.
Haz t mismo aquello que necesites.
Ignora las modas.
Las composiciones estticas son aburridas.
Busca en la historia, pero no lo repita
Huye de la simetra.

Historia del diseo.

Todo empez a principios de 1990, en Suiza en el centro de investigacin CERN
(centro de Estudios para la Tipos dePginas Web Investigacin Nuclear) y la idea
fue de Tim Berners-Lee que se le ocurri crear un sistema de documentos
enlazados y accesibles a travs de Internet y la primera Tendencias pgina
conectada fue el 6 de agosto de 1991. La historia del diseo web se puede dividir
en cinco etapas.
Primer etapa: El nacimiento del diseo web est vinculado a los primeros
navegadores grficos, el primero fue www en 1992 y Mosaic Tipos de para
Microsoft Windows en enero de 1993 .El diseo web de esas pginas era lineal y

MORALES CORNELIO LUIS GERARDO

era enfocado a los cientficos que eran los usuarios que compartan su Creacin
de informacin alrededor del mundo.
Segunda etapa; Esta etapa se basa en el comienzo de las imgenes y el cambio
de los fondos de las pginas, la aparicin de elementos Tipos de grficos. En este
periodo apareci la diferenciacin en la adaptacin en Diseo de estndares de
los dos principales navegadores: Internet Explorer y Netscape Navigator.
Tercera etapa; Esta coincide con el inicio de una herramienta introducida por
Macromedia en 1996, llamada flash, esta herramienta cambio la concepcin de la
presentacin de los productos y la Tipos de presentacin de la informacin.
Cuarta etapa; Se desarrolla a comienzos del siglo XXI y viene marcada por la
fuerte influencia de google y aspecto de posicionamiento en buscadores, el diseo
web se autocensura para poder Creacin de optimizar el sitio en los buscadores,
nace el concepto de seo y un Website pasan de largo toda aquellas pginas el
flash y muy visuales pero intiles para google y los robots de los principales
buscadores.
Quinta etapa; Comienza en el 2005 hasta la actualidad, con el nacimiento y
eclosin de las redes sociales, aplicaciones multimedia en los dispositivos mviles.
Tendencias en Diseo Esta etapa del diseo web est ms enfocada a la gestin
multimedia de todos los elementos para la interactividad del Creacin de usuario
con el medio web, se busca estar a la ltima tecnologa.

Elementos del diseo grfico.

A que se refiere Direccin, sentido y equilibrio en una pgina web.
Direccin y sentido; Direccin es para donde va un o varios elementos del
diseo puede tener un elemento 15 grados o 45, etc. El diseo viene a redescubrir
la forma de los objetos; viene de hecho a presentarlos y representarlos segn la
ocasin, gustos del consumidor, necesidades del producto, factores econmicos,
sociales e histricos.
Equilibrio: Compositivo debe entenderse en trminos relativos, ya que no es en s
un valor absoluto ni un estado puro de cristalizacin del orden y la forma; ni
siquiera es el nico valor que determina el equilibro global de una imagen.
La mejor prueba de que el equilibrio formal no es una ciencia exacta es que el
fotgrafo adiestrado puede encuadrar, en pocos segundos, una composicin
aceptable en trminos de equilibrio, sin importar demasiado la direccin a la que
apunte el objetivo de su cmara.
En el arte, el equilibrio est referido a los bordes o marco del campo donde de
acuerdo a ste se crea un campo visual limitado. (En teatro, espacio escnico) El

MORALES CORNELIO LUIS GERARDO

equilibrio se relaciona principalmente con el peso compositivo, la direccin y la
anisotropa (en todas las direcciones).

Diseo ergonmico de un sitio web.

Tomando como base que la ergonoma tiene como objeto de estudio la relacin
hombre-objetoentorno, es obvio que la interfaz humano-computadora en el diseo
de pginas Web es un caso particular y complejo de la ergonoma.
La aplicacin de la ergonoma al diseo de las interfaces en pginas Web conduce
a mltiples beneficios tales como: aumento en la productividad, disminucin de
errores, requerimientos menores de tiempos de aprendizaje, lo que se traduce en
reduccin de costos de entrenamiento y soporte tcnico.
El obstculo ms importante que la ergonoma intenta superar son los distintos
tipos de perfiles de usuarios. A continuacin se listan los criterios que suelen
considerarse determinantes para un sitio web:

Las expectativas de los usuarios: no todos los visitantes buscan

necesariamente la misma informacin ni todos tienen necesariamente las
mismas demandas en cuanto a la grfica.
Los hbitos de los usuarios: es decir, las conductas adquiridas.

La edad de los usuarios: en general, describe la capacidad de adaptacin y

la velocidad del usuario cuando navega.

Los equipos: ste es uno de los mayores obstculos. La visualizacin de

los sitios web puede variar de un equipo a otro, dependiendo especialmente del
explorador y la resolucin de las pantallas.

El nivel de conocimiento: no todos los visitantes de un sitio web son

expertos en IT. La ergonoma de un sitio web debe estar diseada pensando en
el usuario menos experimentado.

Como elegir el tipo de letra

Serif (Serifada): La tipografa serifa tiene pequeas pinceladas o trazos que se
extienden desde los extremos de las letras o smbolos. No son muy
recomendables para textos largos debido a que puede parecerse a un escrito de
universidad o dar la sensacin de borrosos
Uso y tipografa recomendada
Para ttulos, enlaces o prrafos cortos, no para textos largos.

MORALES CORNELIO LUIS GERARDO

Vollkorn

Merriweather

EB Garamond

Sans Serif (Sin serifa): La mayora de las pginas emplean tipografa sin serifa
para el texto del cuerpo de la pgina, ya que son ms legibles en la pantalla y dan
la sensacin de pginas modernas.
Uso y tipografa recomendada
Para la navegacin y el cuerpo gracias a su legibilidad.

Open Sans

Roboto

Lato

PT Sans

Ubuntu

Arimo

Slab Serif o Egipcia: Muy recomendables por ser atractivas y guardar el toque
clsico de una serifa tradicional. En combinacin con una de las anteriores sin
serifa dan un resultado muy convincente.
Uso y tipografa recomendada
Para el ttulo y enlaces de navegacin, aunque tambin se ve cada vez ms para
el cuerpo.

MORALES CORNELIO LUIS GERARDO

Bitter

Arvo

Josefin Slab

Rokkitt

Stint Ultra Expanded

Roboto Slab

Manuscrita: Si piensas utilizarla para tu pgina profesional, asegrate de que

transmiten la personalidad que ests buscando.

Uso y tipografa recomendada

Para ttulos y resaltes, pero evita usarla en el cuerpo y en los enlaces de
navegacin

Sacramento

Pacifico

Grand Hote

Damion

Yellowtail

Satisfy

Referencias:

MORALES CORNELIO LUIS GERARDO

TEMORES Garcia Luis Eduardo, Slide Share, 07 de Noviembre 2011, [01 de marzo de
2016] Disponible en; http://es.slideshare.net/luigiduardo/teora-del-diseo-web
JAOG , Zona de Ideaz, 27 de septiembre de 2010 [01 de marzo de 2016] Disponible en:
http://zonadeideaz.blogspot.mx/2010/09/zonas-aureas-equilibrio-direccion-y.html
CCM, Febrero 2016 [01 de marzo de 2016] Disponible en: http://es.ccm.net/contents/764webmastering-ergonomia-de-un-sitio-web
PEA Gustavo, JIMDO 12 dic 2014 [01 de marzo de 2016] Disponible en:
http://es.jimdo.com/2014/12/12/elige-la-tipograf%C3%ADa-adecuada-para-transmitir-elmensaje-correcto-en-tu-p%C3%A1gina-web/
OLACHEA Occi, Paredro, agosto 9, 2013 [01 de marzo de 2016] Disponible en ;
http://www.paredro.com/7-pasos-para-el-proceso-de-un-buen-diseno/