Tecnicas'

TECNICAS DEL DISEÑO GRAFICO

Durante los últimos años, varias técnicas han sido implementadas en el desarrollo de los productos de la programación; estas técnicas incluyen el refinamiento en pasos, los niveles de abstracción, el diseño estructurado, el desarrollo integrado jerárquico hacia abajo y la programación estructurada de Jackson. Aunque estas técnicas son nombradas como metodologías de diseño, en realidad son sólo puntos de vista y guías para el diseño; el diseño de productos de programación es una actividad creativa y como en todo proceso creativo, un marco de trabajo, así como un punto de vista es esencial. Lo anterior es proporcionado por las diversas técnicas mencionadas arriba.

Las técnicas de diseño comúnmente están basadas en las estrategias de las jerarquías de "hacia abajo" y de "hacia arriba". Por medio del enfoque de arriba a abajo, se pone atención inicialmente en los aspectos globales de todo el sistema; conforme el diseño progresa, el sistema se descompone en subsistema, poniéndosele mayor consideración a los detalles específicos. El encadenamiento hacia atrás (en inglés, backtracking) resulta fundamental en este tipo de diseño. Conforme las decisiones se descomponen en niveles más elementales, puede resultar aparente que una decisión de alto nivel generó una ineficiente o desorganizada descomposición de funciones de menor nivel; así, una decisión puede tener que ser reconsiderada y el sistema reestructurado correspondientemente.

Con el fin de reducir este encadenamiento hacia atrás, muchos diseñadores proponen el uso de una estrategia mezclada, la cual es predominantemente hacia abajo, pero que primero requiere de la especificación de los módulos inferiores. La ventaja primordial de esta estrategia es que se dedica la atención a las necesidades del cliente, a las interfaces con el usuario ya la naturaleza global del problema a resolver.

En el enfoque hacia arriba del diseño de productos de programación, el diseñador primero intenta identificar al conjunto primitivo de objetos, acciones y relaciones que proporcionarán una base para la solución del problema; los conceptos de alto nivel son después formulados en términos del conjunto de primitivos.

La estrategia hacia arriba requiere que el diseñador combine las características proporcionadas por el lenguaje de instrumentación para dar entidades más sofisticadas; estas entidades son a su vez combinadas hasta que se construye un conjunto de funciones, estructuras de datos e interconexiones para resolver el problema por medio del uso de las facilidades del ambiente de programación existente; este tipo de diseño puede también requerir del rediseño y el encadenamiento hacia atrás del mismo. El éxito de este enfoque depende de la identificación del conjunto adecuado de ideas primitivas que sean suficientes para la instrumentación del sistema.

El diseño y la instrumentación jerárquicos hacia arriba permiten)a determinación del desempeño de los subsistemas durante la evolución del sistema; cuando se utilizan jerarquías hacia abajo, la evaluación del desempeño debe deferirse hasta el final, esto es, hasta que el sistema quede ensamblado.

APORTACIONES: ANA ROSA SANCHEZ ARVIZU
http://www.facebook.com/yeoryina.arvizu

1

ÉNFASIS

Los elementos realizados se ven antes y se perciben como mas importantes, pará enfatizarse usa la posición, el color y los atributos del texto.

*Si todos los elementos tienen el mismo peso la composición es aburrida y la navegación difícil

Las técnicas del diseño grafico énfasis es una disciplina aplicada que ofrece soluciones visuales a problemas específicos en diversos campos como el editorial, los periódicos, la fotografía, la ilustración, el diseño corporativo , la tipografía, la publicidad y el diseño visual digital la comunicación y la estética en los mensajes visuales.

Las tres áreas que sustentan la enseñanza de la especialidad de diseño grafico son la teórica , la técnica y la proyectual

Habilidades y características deseables

*apreciación estética, imaginación y originalidad que permitan el desarrollo de proyectos novedosos, creativos y de valor plástico

*agudeza visual, agilidad manual y precisión para el manejo de equipo y herramientas, para la aplicación de procesos técnicos y artísticos

*habilidad para diseñar y dibujar

*habilidad para conceptualizar y desarrollar proyectos a partir de la recopilación, la interpretaciones, análisis de la información.

 

 

APORTACIONES: KARLA IVONNE PAEZ MARTEL

http://www.facebook.com/#!/kaarlaaivoonnee.paaeezmaarteell



2

ORDENAMIENTOEl diseñador gráfico trabaja en la interpretación, el ordenamiento y la presentación visual de mensajes. Su sensibilidad para la forma debe ser paralela a su sensibilidad para el contenido. Un diseñador de textos no ordena tipografía, sino que ordena palabras, trabaja en la efectividad, la belleza y la economía de los mensajes. Este trabajo, más allá de la cosmética, tiene que ver con la planificación y estructuración de las comunicaciones, con su producción y con su evaluación.

Bajo este enfoque, el orden es la organización de las partes para hacer algo funcional y preciso, lo cual implica la presencia de un cauce que establece una transacción de cargas con menor coste y por lo tanto con potencial de desarrollo a una psicodinámica emergente, dando la oportunidad al observador de imputar una finalidad intencional y, como puede deducirse, de una acción inteligente.

 

 

APORTACIONES: ILSA CAROLINA MARTINEZ ROCHA

http://www.facebook.com/#!/Ilsaax3



3

FOCO
En Plástica, el foco luminoso es la fuente de luz (real o virtual) desde la cual proviene la luz que ilumina los elementos del dibujo. A veces esa fuente de luz está dentro del cuadro (como en los cuadros de Georges de la Tour, con la luz de una vela) pero por lo general está fuera del cuadro.

 

 

APORTACIONES: ILSA CAROLINA MARTINEZ ROCHA

http://www.facebook.com/#!/Ilsaax3

4

ALINEACION
Alinear los elementos es una operación imprescindible para conseguir una composición ordenada y lógica, pues con ello se crean unidades visuales definidas y relaciones entre elementos.

Si la alineación es importante a la hora de situar elementos gráficos, lo es aún más si se trata de contenidos textuales. Efectivamente, los textos perfectamente alineados son más fáciles de leer, no cansan la vista y producen un efecto de equilibrio que invita a la lectura. Por el contrario, un texto sin alineación resulta confuso, difícil de leer, desmotivando al espectador.

Todo lo hablado se acentúa si el soporte es una página web, ya que la forma del monitor y de la ventana del navegador impulsa el uso de contornos rectangulares, que únicamente se consiguen con alineaciones prefectas.

Además, muchas veces debemos diseñar las páginas con un importante número de elementos, por lo que si la disposición de los mismos no es perfectamente regular resulta muy difícil crear una composición aceptable.

La alineaciones horizontales son imprescindibles para conseguir un diseño en niveles estables, ya que las líneas horizontales aportan equilibrio. Como podemos tener bloques lógicos de diferente altura, estas alineaciones se definirán desde los bordes superiores de los bloques.

En cuanto a las verticales, la alineación más común es la izquierda, ya que es la normal en los libros y demás soportes textuales, estando nuestra vista educada para tratar con ella.

Las alineaciones centradas son poco comunes, salvo en el caso de tablas de datos con columnas que admitan bien este tipo de alineación, sobre todo si todos los valores de la columna tienen el mismo ancho. Si no es así, es preferible optar por la alineación izquierda.


En cuanto a las alineaciones a la derecha, son poco frecuentes, ya que crean tensiones visuales en la mayoría de los casos. Se pueden usar en aquellos bloques cuyo contenido deba adaptarse a un reticulado que defina una línea vertical a la derecha del mismo, como ocurre en muchos menús de navegación situados a la izquierda de la página.

También son útiles en las columnas de las tablas que contengan datos que deban seguir una ordenación lógica a derechas, como es el caso de datos de moneda.
Existe otro tipo de alineación para textos, el justificado, en el que todas las líneas de texto tienen el mismo ancho, por lo que quedan alineadas tanto a la derecha como a la izquierda, lo que se consigue aumentando o disminuyendo el espaciado normal de las letras. Este tipo de alineación es muy usado en los libros y periódicos, pero en las páginas web hay que aplicarlo con precaución, destinándolo tan solo a bloques textuales de poco ancho (textos distribuidos en varias columnas, por ejemplo).


Por último, decir que si bien las alineaciones son imprescindibles, pueden originar monotonía visual si se siguen a rajatabla, al producir páginas demasiado cuadriculadas y artificiosas. Por ello, es bueno introducir algunos elementos que, sin romper el reticulado y las alineaciones básicas, introduzcan un poco de variedad visual, de frescura en el diseño. Buscar el equilibrio entre alineaciones y elementos que las rompan es una de las tareas principales del diseñador de páginas web.

APORTACIONES: BEATRIZ PAZCUAL HERNANDEZ
http://www.facebook.com/#!/betty.pascualhdz

PUSHEEN :3

BIENVENIDOS!

FUNCIONES DEL DISEÑO

LAS CINCO FUNCIONES DEL DISEÑO GRAFICO DENTRO DEL DISEÑO WEB.

Es indudable que el diseño gráfico es la herramienta creativa que le da el rostro y la piel a nuestros diseños web, es el que materializa la estrategia comunicacional y el que traslada las sensaciones de profesionalismo en nuestra propuesta web.

Para los estrategas web el diseño gráfico es la herramienta visual que pueden aprovechar para alcanzar los objetivos de mercadeo, para los programadores el diseño gráfico es el conjunto de “dibujitos” y elementos decorativos necesarios para que los usuarios sepan dónde está el botón de registro, en cambio para el diseñador, el diseño gráfico constituye la oportunidad inigualable de aplicar una estrategia visual que cautive, enamore y sirva al usuario, facilitando el alcance de los objetivos estratégicos del sitio.

La gran función del diseño gráfico dentro del diseño web, no es únicamente construir una propuesta visual atractiva y diferente, sino la de aplicar el sentido estético necesario para que nuestra propuesta web alcance los objetivos deseados.

Cada proyecto web demanda diferentes tipos de propuestas gráficas, dependiendo de los objetivos estratégicos, del tipo de empresa y servicio, del target, del momento de vida del proyecto, de la funcionalidad deseada y de los contenidos mostrados, pero además de ello, el diseño gráfico debe cumplir funciones específicas dentro de la estrategia global, que contribuyan a mejorar la experiencia del usuario dentro de la web.

Veamos ahora cuales son estas 5 funciones especificas del diseño gráfico dentro del diseño web de nuestros sitios:

Dar la mejor primera impresión visual posible

Una de las grandes responsabilidades del diseño gráfico es ambientar la interfaz para que en pocos segundos el visitante sepa de que trata el sitio y sepa cómo usarlo productivamente, pero además de ello, debe conseguir hacerlo de una forma atractiva y equilibrada, tomando las decisiones creativas estratégicas para facilitar e incentivar la navegación por los diversos contenidos de mayor interés.

Proyectar profesionalismo en el diseño total del sitio

El diseño profesional de un sitio no se mide por el número de animaciones, imágenes o colores que usamos en el diseño gráfico del mismo, sino por el sentido estético aplicado con el que hemos desarrollado nuestra propuesta visual. Este sentido estético se pone de manifiesto en características tales como:

• Simetría y orden en la disposición de los elementos del diseño
• Uso adecuado de los colores, contrastes, dimensiones y ubicaciones de los elementos gráficos.
• Cuidado de los detalles gráficos de los diversos elementos de soporte, tales como: menús, botones, banners, elementos de formulario, etc.
• Consistencia en el diseño. Todo debe parecer hecho bajo la misma perspectiva temática.
• Buen criterio en la selección de imágenes (calidad, expresivas, atractivas y sumamente relacionadas a la temática del sitio)
• Diseño tipográfico atractivo y comunicacionalmente efectivo
• Etc.

Trasladar la imagen corporativa apropiadamente

Este uno de los mayores compromisos del diseño gráfico con el cliente, pues debe garantizar que la interfaz proyecte adecuadamente las características estéticas y gráficas de imagen institucional de la empresa, lo cual es mucho más que simplemente ubicar un logo en la esquina superior izquierda.

Comúnmente este compromiso suele ser el factor determinante para encausar la propuesta gráfica, dictándonos la paleta de colores a usar, el estilo de diseño y las sensaciones que debemos provocar en los usuarios.

Contribuir a los objetivos de usabilidad del diseño web

 

Aunque las decisiones de usabilidad de un diseño web no parten necesariamente del diseño gráfico, es importante que este último contribuya al máximo en hacer productiva la experiencia de visita de los usuarios, con decisiones creativas como:

• Evitar la tentación del sobrediseño
• Procurar una navegación clara e intuitiva
• Evitar enfatizar elementos gráficos sobre los contenidos
• Crear una estructura visual que priorice los contenidos más importantes
• Etc.

Posicionar una identidad propia en la mente de los visitantes

Una vez contemos con un diseño gráfico que cautive, bajo una presentación profesional, que proyecte la imagen institucional óptimamente y que contribuya a volver productivas las experiencias de visita de los usuarios, solo nos resta ambicionar que la propuesta visual sea capaz de posicionarse en la mente de los visitantes bajo una identidad muy diferenciada de la competencia y que lo motive a regresar.

 

APORTACIONES: ANA ROSA SANCHEZ ARVIZU
https://www.facebook.com/yeoryina.arvizu