MORALES MORALES CORNELIO LUIS GERARDO GE RARDO
Características de que debe tener un buen diseñador. diseñador. Personalidad dad creativ creativa a e innovadora innovadora. Parece obvio, pero alguien que no 1. Personali cuente con esta cualidad y que se limite a imitar estilos de otros diseñadores nunca pasará a un siguiente nivel y no adoptará un estilo que lo caracterice como diseñador. 2. Comunicativo. El diseñador debe poseer una habilidad para comunicar e interpretar conceptos visualmente, para ello también necesita tener capacidad de análisis y síntesis de modo que pueda epresar ideas. !. Analítico. "elacionado un poco con el punto anterior, un buen diseñador debe anal anali# i#ar ar su ento entorn rno, o, esto esto a trav través és del del cono conoci cimi mien ento to,, comp compre rens nsi$ i$n n e interpretaci$n de la realidad social artística . &n dise %. Sensibilidad artística diseña ñado dorr debe debe ser ser sensi ensib ble a todo odo tipo ipo de mani'estaciones artísticas y culturales. (. Culto. Es necesario que un diseñador tenga conocimientos de matemáticas, sociología, 'iloso'ía, ética, dibu)o, historia universal de esta manera sus ideas tendrán bases y 'luirán de manera más $ptima. *. Empático. +obre todo este punto tiene que ver con las necesidades del cliente, con el cual debe establecer empatía a 'in de comprender e interpretar lo que requiere. . Proactividad . &n diseñador sí debe escuchar al cliente, pero también debe tener la habilidad de recomendar. -. Conocimiento profundo. &n buen diseñador tiene que conocer y utili#ar adecuadamente las herramientas manuales y digitales, así como los materiales indispensables para el desarrollo y elaboraci$n de diversos diseños como cartel, señalética, punto de venta, envase, entre otros. . Versatilidad . El diseñador debe tener la habilidad de traba)ar en equipo y contar con un espíritu de colaboraci$n. 1/. Vocación. Esta podría ser la cualidad más importante, pues un diseñador puede tener todas las cualidades anteriores, pero si no tiene esa vocaci$n que hace que un pro'esionista ame su traba)o, nunca eplotará todo su potencial.
Pasos para un buen diseño 1. Investiar 0 ener ner una una prim primer era a )unt )unta a d$nd d$nde e el dise diseña ñado dorr iden identi ti'i 'iqu que e las las epectativas del cliente. 2. .!efinir" a que se encuent encuentran ran aclara aclaradas das las epect epectati ativas vas y activi actividad dades es alcan#ables por parte del cliente y del diseñador, se contin3a con una segunda charla donde se de'inen los ob)etivos y especi'icaciones técnicas. !. #ecopilación" el diseñ diseñad ador or se encar encarga ga de recop recopililar ar toda toda la in'or in'orma maci ci$n $n necesaria sobre el producto. %. Interpretación" 4on toda la in'ormaci$n y los antecedentes se puede ahora empe#ar a crear la idea que se quiere transmitir.
MORALES CORNELIO LUIS GERARDO
(. Soluciones" En esta etapa el diseñador se da a la tarea de empe#ar a diseñar el producto y c$mo será presentado, adecuando los elementos básicos del diseño como5 tipogra'ía, colores, estilo y 'otogra'ía. *. Propuestas" El diseñador presenta sus propuestas al cliente, d$nde el cliente decide, después de la eplicaci$n del porqué por parte del diseñador, si lo acepta o habrá modi'icaciones. . Solución" 6inalmente el cliente y el diseñador se deben reunir y discutir si han llegado a los ob)etivos acordados en la primera etapa.
#elas para un buen diseño .
en claro el concepto, el mensa)e. 7ay que comunicar, no decorar 7abla con un 3nico lengua)e visual. &tili#a dos o tres 'amilias tipográ'icas como máimo.% 8olpea en dos tiempos5 atraer y retener. Escoge los colores con un prop$sito. 9enos es más. El espacio negativo es importante. :a tipogra'ía tiene la misma importancia que la imagen. :os tipos que no se pueden leer no tienen 'unci$n ninguna. ienes que ser universal0 recuerda5 tu traba)o no es para ti. 4omprime y separa. ;seg3rate de que hay una ampliagama de valor tonal. ;ct3a con seguridad5 ha#lo a conciencia o no lo hagas. 9ide con los o)os5 el diseño es visual. 7a# t3 mismo aquello que necesites.
Historia del diseño. odo empe#$ a principios de 1/, en +ui#a en el centro de investigaci$n 4E"> ?centro de Estudios para la ipos dePáginas @eb uclearA y la idea 'ue de im =ernersB:ee que se le ocurri$ crear un sistema de documentos enla#ados y accesibles a través de
navegadores grá'icos, el primero 'ue CCC en 12 y 9osaic ipos de para 9icroso't @indoCs en enero de 1! .El diseño Ceb de esas páginas era lineal y
MORALES CORNELIO LUIS GERARDO
era en'ocado a los cientí'icos que eran los usuarios que compartían su 4reaci$n de in'ormaci$n alrededor del mundo. Seunda etapa" Esta etapa se basa en el comien#o de las imágenes y el cambio
de los 'ondos de las páginas, la aparici$n de elementos ipos de grá'icos. En este periodo apareci$ la di'erenciaci$n en la adaptaci$n en Diseño de estándares de los dos principales navegadores5 etscape >avigator. %ercera etapa" Esta coincide con el inicio de una herramienta introducida por
9acromedia en 1*, llamada 'lash, esta herramienta cambio la concepci$n de la presentaci$n de los productos y la ipos de presentaci$n de la in'ormaci$n. Cuarta etapa" +e desarrolla a comien#os del siglo < y viene marcada por la
'uerte in'luencia de google y aspecto de posicionamiento en buscadores, el diseño Ceb se autocensura para poder 4reaci$n de optimi#ar el sitio en los buscadores, nace el concepto de seo y un @ebsite pasan de largo toda aquellas páginas el 'lash y muy visuales pero in3tiles para google y los robots de los principales buscadores. &uinta etapa" 4omien#a en el 2//( hasta la actualidad, con el nacimiento y
eclosi$n de las redes sociales, aplicaciones multimedia en los dispositivos m$viles. endencias en Diseño Esta etapa del diseño Ceb está más en'ocada a la gesti$n multimedia de todos los elementos para la interactividad del 4reaci$n de usuario con el medio Ceb, se busca estar a la 3ltima tecnología.
Elementos del diseño ráfico. A que se refiere !irección' sentido ( equilibrio en una páina )eb. !irección ( sentido" Direcci$n es para donde va un o varios elementos del
diseño puede tener un elemento 1( grados o %(, etc. El diseño viene a redescubrir la 'orma de los ob)etos0 viene de hecho a presentarlos y representarlos seg3n la ocasi$n, gustos del consumidor, necesidades del producto, 'actores econ$micos, sociales e hist$ricos. Equilibrio5 4ompositivo debe entenderse en términos relativos, ya que no es en sí
un valor absoluto ni un estado puro de cristali#aci$n del orden y la 'orma0 ni siquiera es el 3nico valor que determina el equilibro global de una imagen. :a me)or prueba de que el equilibrio 'ormal no es una ciencia eacta es que el 'ot$gra'o adiestrado puede encuadrar, en pocos segundos, una composici$n aceptable en términos de equilibrio, sin importar demasiado la direcci$n a la que apunte el ob)etivo de su cámara. En el arte, el equilibrio está re'erido a los bordes o marco del campo donde de acuerdo a éste se crea un campo visual limitado. ?En teatro, espacio escénicoA El
MORALES CORNELIO LUIS GERARDO
equilibrio se relaciona principalmente con el peso compositivo, la direcci$n y la anisotropía ?en todas las direccionesA.
!iseño eronómico de un sitio )eb.
omando como base que la ergonomía tiene como ob)eto de estudio la relaci$n hombreBob)etoentorno, es obvio que la inter'a# humanoBcomputadora en el diseño de páginas @eb es un caso particular y comple)o de la ergonomía. :a aplicaci$n de la ergonomía al diseño de las inter'aces en páginas @eb conduce a m3ltiples bene'icios tales como5 aumento en la productividad, disminuci$n de errores, requerimientos menores de tiempos de aprendi#a)e, lo que se traduce en reducci$n de costos de entrenamiento y soporte técnico. El obstáculo más importante que la ergonomía intenta superar son los distintos tipos de per'iles de usuarios. ; continuaci$n se listan los criterios que suelen considerarse determinantes para un sitio Ceb5 •
•
•
•
•
:as expectativas de los usuarios5 no todos los visitantes buscan necesariamente la misma in'ormaci$n ni todos tienen necesariamente las mismas demandas en cuanto a la grá'ica. :os hábitos de los usuarios5 es decir, las conductas adquiridas. :a edad de los usuarios5 en general, describe la capacidad de adaptaci$n y la velocidad del usuario cuando navega. :os equipos5 éste es uno de los mayores obstáculos. :a visuali#aci$n de los sitios Ceb puede variar de un equipo a otro, dependiendo especialmente del eplorador y la resoluci$n de las pantallas. El nivel de conocimiento5 no todos los visitantes de un sitio Ceb son epertos en <. :a ergonomía de un sitio Ceb debe estar diseñada pensando en el usuario menos eperimentado.
Como eleir el tipo de letra Serif (Serifada): :a tipogra'ía seri'a tiene pequeñas pinceladas o tra#os que se
etienden desde los etremos de las letras o símbolos. >o son muy recomendables para tetos largos debido a que puede parecerse a un escrito de universidad o dar la sensaci$n de borrosos Uso y tiporaf!a recomendada "ara títulos, enlaces o párra'os cortos, no para tetos largos.
MORALES CORNELIO LUIS GERARDO
•
FollGorn
•
9erriCeather
•
E= 8aramond
Sans Serif (Sin serifa A5 :a mayoría de las páginas emplean tipogra'ía sin seri'a
para el teto del cuerpo de la página, ya que son más legibles en la pantalla y dan la sensaci$n de páginas modernas. Uso y tiporaf!a recomendada "ara la navegaci$n y el cuerpo gracias a su legibilidad. •
Hpen +ans
•
"oboto
•
:ato
•
P +ans
•
&buntu
•
;rimo
Slab Serif o Eipcia 5 9uy recomendables por ser atractivas y guardar el toque
clásico de una seri'a tradicional. En combinaci$n con una de las anteriores sin seri'a dan un resultado muy convincente. Uso y tiporaf!a recomendada "ara el título y enlaces de navegaci$n, aunque también se ve cada ve# más para
el cuerpo.
MORALES CORNELIO LUIS GERARDO
•
•
=itter ;rvo
•
Iose'in +lab
•
"oGGitt
•
+tint <ra Epanded
•
"oboto +lab
#anuscrita5 +i piensas utili#arla para tu página pro'esional, aseg3rate de que
transmiten la personalidad que estás buscando.
Uso y tiporaf!a recomendada
Para títulos y resaltes, pero evita usarla en el cuerpo y en los enlaces de navegaci$n •
+acramento
•
Paci'ico
•
8rand 7ote
•
Damion
•
elloCtail
•
+atis'y
"e'erencias5
MORALES CORNELIO LUIS GERARDO E9H"E+ 8arcia :uis Eduardo, +lide +hare, / de >oviembre 2/11, J/1 de mar#o de 2/1*K Disponible en0 http5LLes.slideshare.netLluigiduardoLteoraBdelBdiseoBCeb I;H8 , Mona de