1

Programas de Diseos de Pagina Web

2 2. Caracteristicas necesarias de hardware y software necesarios para ejecutar

programas de diseo de pagina web.

2.1 Adobe Dreamweaver 2014.1:

Cuando se trata de diseo web, la mayora de los profesionales se inclina por la nica
opcin seria: Adobe Dreamweaver.
Una excelente y potente suite de diseo web

Adobe Dreamweaver 2014 es la ltima encarnacin de este poderoso programa de

diseo web. No presenta grandes cambios, slo pequeas mejoras que te ayudarn
a programar ms rpido y con ms facilidad. Esta versin de Adobe Dreamweaver
incluye nuevas prestaciones: Vista rpida de elementos, un nuevo Centro de Ayuda,
ms opciones de edicin en la Vista en vivo, y la funcin Insercin en la Vista en vivo,
que te permite aadir directamente elementos HTML. Al igual que las versiones
anteriores, Adobe Dreamweaver aplica una filosofa WYSIWYG (siglas en ingls de
Lo que ves es lo que obtienes), por lo que podrs ver claramente los efectos de los
cambios que hagas en el cdigo. Tambin es posible elegir una vista de slo cdigo o, si
no terminas de decidirte, puedes activar las dos vistas simultneamente. Insertar
elementos es muy simple y te ofrece una gran flexibilidad, con la posibilidad de
arrastrar y soltar o agregar directamente en el cdigo imgenes, vdeos, audios y mucho
ms. Puedes reordenar y trasladar estos elementos con facilidad hasta quedar satisfecho
con su disposicin. Ofrece cientos de hojas de estilo y de CSS prediseadas e incluye
prediccin de errores y sugerencias de cdigo para quienes programan en Java o Ajax,
adems de que los principiantes disponen de explicaciones paso por paso sobre qu es y
cmo funciona una CSS. Est de ms decir que Adobe Dreamweaver se encuentra
totalmente integrado con las otras aplicaciones de Creative Suite. Por ejemplo, puedes
importar y exportar sin problemas proyectos y contenidos desde las ltimas versiones
de Photoshop eIllustrator.
Requiere una suscripcin Creative Cloud

La interfaz principal de Dreamweaver no ha cambiado demasiado, pero sigue siendo

una herramienta para profesionales. Aprender a utilizarla correctamente requiere
muchos meses de aprendizaje. Adems, al igual que todas las aplicaciones de Creative
Cloud Suite, para utilizar Adobe Dreamweaver es necesaria una suscripcin Creative
Cloud. Este sistema te ofrece algunas ventajas, dado que podrs mantener tu trabajo
siempre sincronizado, editarlo desde donde sea que ests y guardar una copia de
seguridad en Creative Cloud. Su principal desventaja es que estars atado al sistema de
suscripcin Creative Cloud de Adobe.
El mejor del mercado a pesar de todo

Adobe Dreamweaver 2014 es un avance positivo de esta herramienta de referencia en el

mbito del diseo web. Se trata de uno de los mejores paquetes de diseo con la
capacidad de satisfacer las exigencias de la prxima generacin de contenidos we

Novedades de la ltima versin

Mejora en aspectos de compatibilidad para sistemas operativos de 64 bits.

Nuevas plantillas para la creacin de pginas web

ltima modificacin: 04/11/14

Pros

Incluye herramientas muy potentes

Excelente integracin multimedia
Compatible con muchos lenguajes de programacin
Mejora la inspeccin de CSS
Integracin con WordPress, Joomla!, etc.
Escribe buen cdigo

2.2 Google Web Designer

Google Web Designer es una herramienta de creacin de HTML 5 principalmente

destinada para profesionales que permite realizar contenido enriquecido, y
especialmente banners publicitarios, para la web.
Ofrece funciones de diseo, de animacin y de efectos en 3D en un editor visual
(entorno WYSIWYG) que ha sido simplificado al mximo. Web Designer incluye del
mismo modo los dos sistemas de publicidad DoubleClick y AdMob de Google.
Nota sobre Google Web Designer

Por causas ajenas a Softonic, la descarga de este programa se realizar desde la web del
autor.
ltima modificacin: 14/03/14
Pros

Facilita la elaboracin de banners publicitarios animados

Compatible con todos los navegadores
Entorno WYSIWYG para ms accesibilidad

2.3 GrafxShop 3.9

GrafxShop es una completa suite que incluye herramientas con las que editar imgenes,
crear todo tipo de publicaciones e incluso disear tu pgina web personal. Cada una de
sus aplicaciones se ejecuta por separado, y cuenta con sus propias utilidades y opciones
de configuracin.
La herramienta de edicin grfica te permite trabajar con tus fotografas recortndolas,
dndoles la vuelta, aadindoles efectos y mucho ms. Incluye utilidades de seleccin,
soporte para alpha blending y transparencias, diversas herramientas de dibujo y puede
extraer imgenes directamente desde el escner o cmara digital.
La utilidad de publicacin de pginas te permite crear documentos de todo tipo, tales
como diplomas, folletos, tarjetas, postales, carteles, etc. con texto, grficos y logos, de
forma muy sencilla y listo para imprimir.
GrafxShop incluye tambin una herramienta para crear pginas web. Est orientada a
principiantes, y permite crear una web de forma totalmente visual, mediante un espacio
de trabajo en modo WYSIWYG que te permite trabajar sobre la web de la misma
manera que lo haras sobre un simple documento de Word.
Por ltimo, tienes tambin una utilidad especial para visualizar todas las fotos de un
directorio a modo de presentacin.
GrafxShop incluye un cliente FTP, pero no conseguimos hacerlo funcionar durante
nuestras pruebas.

2.4 TOWeb 5.24

TOWeb ha sido pensado especialmente para los principiantes que anhelan crear su
propia pgina web sin tener los conocimientos tcnicos necesarios, ni siquiera la
necesidad de usar aplicaciones de retoque grfico. TOWeb se centra slo en lo esencial,
desechando opciones demasiado sofisticadas para centrarse en lo importante: un diseo
personalizado y facilidad de actualizacin del contenido.
Dispone de una serie de plantillas de diseo que podrs generar al vuelo. Cuando
encuentres la que ms te gusta, podrs realizar variaciones de cada uno de sus elementos
(maquetacin o estilo del texto, grficos de la cabecera, botones y mens, etc.) con tan
slo pulsar unos botones. Una vez tengas el diseo definido podrs crear mltiples
pginas y aadir contenido a travs de un editor integrado.
TOWeb es ideal tanto para la creacin de un sitio web personal como corporativo, con
tantas pginas como sean necesarias. Incluso podrs crear lbumes de fotos online y
proteger su acceso por contrasea. Finalmente, integra un cliente FTP para que puedas
subir tu sitio web al servidor. La prxima vez que quieras actualizar tu pgina web,
inicia el asistente y los cambios que efectes se actualizarn de forma automtica con el
servidor web mediante una sincronizacin.
Escoge un diseo web, ajstalo a tus gustos, aade fotos, textos y en un solo clic tendrs
tu pgina web online.

2.5 BluffTitler DX9 8.0.8.2

BluffTitler te permitwe crear espectaculares ttulos 3D sin apenas esfuerzo, gracias a su

gran facilidad de uso y a la gran cantidad de opciones que incluye.
El programa presenta una interfaz con dos ventanas independientes: una es el men de
comandos y otra el reproductor donde podrs ver los resultados de tus acciones en
tiempo real.
Permite trabajar con varias capas, y la variedad de cosas que puedes hacer es casi
infinita: elige la fuente que ms te guste, ponle el fondo que quieras y adele efectos de
texto, texturas, luces y sombras, efectos de rotacin y profundidad, y un largo etctera.
El resultado se puede exportar a diversos formatos de imagen y vdeo (con posibilidad
de usar chroma key como fondo para su insercin en vdeo) para usarlo como ttulo, o
incluso como animacin para tu Web.

2.6 Adobe Muse 2014.2

Adobe Muse es la nueva herramienta de diseo que cumple una de tus ilusiones:
maquetar webs igual que compones imgenes con Photoshop, sin programar ni una
lnea de cdigo.
No exageramos al decir que Adobe Muse es uno de los editores web ms sencillos que
hemos visto. Desde la creacin de una estructura jerarquizada al aadido mens, listas
desplegables o cajas de texto: todo en este programa ha sido creado para que slo tengas
que arrastrar, soltar y personalizar.
Los resultados no dejan lugar a dudas: con Adobe Muse puedes hacer animaciones y
efectos web hasta ahora restringidos a profesionales del diseo y la programacin.
Puedes ver los resultados desde el propio editor e incluso publicarlos directamente en
Internet.
La nueva aplicacin de Adobe Muse se presenta como una alternativa potente y sencilla
para que disees pginas web modernas sin apenas conocimientos. Qu sers capaz de
hacer con ella?
Pros

Manejo sencillo mediante arrastrar y soltar

Previsualiza directamente en el programa
Publica directamente en Internet
Grfica estructura de contenidos
Almacena pginas maestras

Contras

Algunas opciones son poco accesibles

Sirve slo para pginas estticas

1.7 Eclipse SDK 4.2

Eclipse es una potente y completa plataforma de programacin, desarrollo y
compilacin de elementos tan variados como sitios web, programas en C++ o
aplicaciones Java.
Eclipse es un entorno de desarrollo integrado (IDE) en el que encontrars todas las
herramientas y funciones necesarias para tu trabajo, recogidas adems en una atractiva
interfaz que lo hace fcil y agradable de usar.
Eclipse cuenta con un editor de texto donde puedes ver el contenido del fichero en el
que ests trabajando, una lista de tareas, y otros mdulos similares.
Si bien las funciones de Eclipse son ms bien de carcter general, las caractersticas del
programa se pueden ampliar y mejorar mediante el uso de plug-ins.

http://es.wix.com/sitiowebgratis/908es?utm_source=google&utm_medium=cpc&utm_campai
gn=bi_es_2_b^dsg_disenar&experiment_id=%2Bdise%C3%B1o%20%2Bweb%20%2Bprograma
s^b^46517717755^1t1&gclid=CMeYqKzp_cICFUto7AodPmYAMQ

3. Relaciones entre los diseos grficos y pagina web

Los elementos bsicos son: el punto, el segmento de lnea, la superficie, el volumen, el
contorno, la dimensin, el color, la textura, la luz y la sombra[4]En el presente trabajo
no se pretende profundizar en todos ellos sino en los ms significativos para que los
estudiantes puedan elaborar imgenes digitales con calidad.
El color es una parte integrante de las formas, en tanto que es una propiedad de las
superficies. Por el importante papel que juega en la percepcin se considera un elemento
bsico en el proceso de organizacin y/o generacin formal.[5] Es percibido por el
sentido de la vista. Diferentes conceptos de uso del color pueden provocar diversas
percepciones de una misma estructura formal. Cada color queda definido por tres
atributos: tinte o matiz, la claridad o luminosidad y la saturacin o pureza. Un cambio
perceptible de cualquiera de los atributos implica un cambio del color. En el proceso
perceptivo existen tantos colores como el hombre pueda percibir. Dentro de sus
clasificaciones se pueden enunciar colores cromticos, acromticos, anlogos y
complementarios, adems de que se pueden encontrar otras clasificaciones que los
sitan en fros o clidos, oscuros o claros, pastel o sucios. Se hace necesario incluir la
psicologa de los colores para el logro de una comunicacin adecuada con el usuario,
teniendo en cuenta los diferentes criterios de cada color segn las diversas funciones y
clasificaciones.

La Tipografa no se contempla dentro de los recursos visuales mencionados

anteriormente pero es un elemento imprescindible que brinda un apoyo visual
importante en los diseos grficos.
En el Curso Prctico de Diseo Web I se refiere que la misin principal de una
composicin grfica es transmitir un mensaje determinado a los espectadores que la
visualizan. Para ello, el diseador dispone de dos herramientas principales: las imgenes
y los contenidos textuales.
Las imgenes o contenidos grficos aportan sin duda un aspecto visual muy importante
a toda composicin, siendo capaces de transmitir por s solos un mensaje de forma
adecuada. Ahora bien, el mejor medio de transmisin de ideas a un gran nmero de
personas es, por excelencia, la palabra escrita, lo que hace que los contenidos textuales
en una composicin sean tanto o ms importantes cuanto ms informacin se desea
transmitir.
La esencia del buen diseo grfico consiste, en comunicar ideas por medio de la palabra
escrita, combinada a menudo con dibujos o con fotografas.
Cada letra es por s misma un elemento grfico que aporta riqueza a la composicin
final. El aspecto visual de cada una es significativo, interviniendo caractersticas de su
configuracin como: forma, tamao, color, escala, etc.[6]
De este planteamiento se deriva que el diseador grfico debe emplear las letras en una
composicin, tanto para comunicar ideas como para configurar el aspecto visual de la
misma, siendo necesario conocer a fondo los diferentes tipos existentes y sus
propiedades, conocimientos que se agrupan en la ciencia o arte de la Tipografa.
La Tipografa est referida al estudio, diseo y clasificacin de los tipos (letras) y las
fuentes (familias de letras con caractersticas comunes), as como al diseo de caracteres
unificados por propiedades visuales uniformes.[7]
El punto y la lnea son elementos bsicos del diseo grfico. Por una parte el punto es
un elemento bsico. "Adimensional" utilizado en la organizacin y/o generacin de
formas. Una sucesin de puntos generan una lnea. La percepcin del punto depende de
la relacin con el entorno. De l puede decirse que es el tomo de la forma. Aunque est
asociado a la generacin de estructuras bidimensionales y tridimensionales es ms
comn su uso en las primeras.[8]
La lnea es el elemento bsico de todo grafismo y uno de los ms usados, teniendo tanta
importancia en una composicin grfica como la letra en un texto. Representa la forma
de expresin ms sencilla y pura, pero tambin la ms dinmica y variada. Constituye
desde el punto de vista matemtico un elemento unidimensional, presenta longitud
definida. Puede ser recta o curva. Est formada por la unin de varios puntos en
sucesin, pudindose igualar a la trayectoria seguida por un punto en movimiento, por
lo que tiene mucha energa y dinamismo. Su presencia crea tensin y afecta al resto de
los elementos cercanos a ella.[9]
Un segmento de lnea puede resultar de la unin de otros segmentos de lneas, puede
variar su espesor, en tal caso contribuye a la percepcin de efectos de volumetra y

consecuentemente de profundidad en la bidimensin. Los segmentos de lneas

convergen, divergen y se cruzan. Son la base de las tramas. Se asocian a estructuras
bidimensionales y tridimensionales.
En el ya citado Curso Prctico de diseo Web aparecen rasgos de las formas bsicas que
deben ser tomadas en cuenta para la elaboracin de diseos grficos para Internet, de las
cuales a continuacin mencionamos algunas.
El cuadrado es una figura muy estable y de carcter permanente, asociada a conceptos
como estabilidad, permanencia, honestidad, rectitud, limpieza, esmero y equilibrio.
Expresa direccionalidad horizontal y vertical, referencia primaria con respecto al
equilibrio y el bienestar. Es menos sugerente y ms neutro que los rectngulos, pero
ms slido. Invita a mirar su centro y pasear la mirada en espiral en torno a ese punto.
La figura derivada del cuadrado por modificacin de sus lados es el rectngulo, de
propiedades anlogas al cuadrado, aunque sugiere menos perfeccin y estabilidad. Los
rectngulos horizontales aportan solidez, estabilidad, dan la sensacin de ser difciles
de volcar. Cuando son de gran tamao permiten que la mirada el espectador se pasee de
un lado a otro en sentido horizontal. Los rectngulos verticales, por el contrario, dan la
sensacin de menos solidez, es menos estable, parece que puede volcarse en cualquier
momento. En ellos, la mirada del espectador no puede ir de un lado a otro, pero puede
moverse verticalmente, dando sensacin de elevacin, y es apto para representar
aquellos objetos que en la realidad tienen una forma ascendente.
La circunferencia es un contorno continuamente curvado, cuyos puntos estn todos a
la misma distancia de un punto central, llamado centro del crculo. La distancia
constante de cualquier punto de la circunferencia se denomina radio.
La circunferencia representa el rea que contiene en su interior, denominada crculo, la
forma ms enigmtica de todas, considerada perfecta por nuestros antepasados. Su
direccionalidad es la curva, asociada al movimiento, al encuadramiento y a la
repeticin.
La forma circular produce un movimiento de rotacin evidente, posee un gran valor
simblico, especialmente su centro, y tiene connotaciones psicolgicas como
proteccin, inestabilidad, totalidad, movimiento continuo o infinitud. Es tpico
representar tambin los espacios cerrados, hermticos, con circunferencias o crculos.
La simetra es una combinacin de formas para generar nuevas estructuras con cierto
grado de relacin. Proviene del latn SYMMETROS (proporcionado, adecuado,
mesurado) indica la posicin que ocupan las partes de un todo. Caracteriza el orden de
las formas naturales.[10]
Se sustenta en las operaciones que se realizan con un conjunto de elementos
estructurales.
Por definicin, una forma o imagen es simtrica cuando un eje central la puede dividir
en dos partes iguales y opuestas entre s. Este concepto, en una composicin grfica
puede aplicarse tanto a los propios elementos individuales de la misma como a su
totalidad.

El diseo simtrico sugiere estabilidad, equilibrio, resultando esttico, ordenado,

atractivo y agradable de contemplar. Por el contrario, el asimtrico muestra
irregularidad, desigualdad en las formas y desequilibrio.[11]
En este sentido es vlido sealar que el peso visual de la pantalla tiene el siguiente
orden en forma descendente, desde el 1 como mayor prioridad hasta el 4 con menor
prioridad.
Criterio de encadenamiento: Una aplicacin incumple este criterio cuando se
producen errores graves derivados de una sucesin errnea de decisiones del usuario.
Ms adelante se plantea que para lograr ergonoma en el hipertexto es necesario el
estudio de la interaccin de las personas con los objetos con que entran en contacto,
particularmente los textos. Dirigido a mejorar la facilidad de uso, debe disearse de
forma que no confunda al usuario con informacin excesiva o poco clara, que no sea ni
demasiado tenue ni excesivamente brillante, adaptarse a las capacidades de las personas
adems de otras caractersticas.
Las caractersticas que definen la ergonoma en un hipertexto son:

Comodidad y facilidad de utilizacin

Buena relacin figura-fondo
Tipografa adecuada
Mrgenes a ambos lados del texto y entre prrafos
Imgenes que completan la informacin textual o la entorpecen
Visualizacin agradable
Luminosidad, Visibilidad

Estos elementos bsicos se combinan unos con otros en un producto multimedia, y de

esta combinacin surge un resultado final en el que tienen importancia una serie de
conceptos propios del diseo grfico, entre los que se destacan:

Las agrupaciones: conjuntos de elementos relacionados mediante proximidad,

semejanza, continuidad o simetras.
La forma: forma de cada elemento grfico aislado y de las agrupaciones de
elementos.
Los contornos: partes lmites de los elementos, que permiten distinguirlos de los
dems y del fondo, pudiendo estar definidos mediante borde, cambios de color o
cambios de saturacin.
La ubicacin: lugar que ocupa cada elemento grfico o agrupacin de ellos en el
espacio.
El tamao: tamao relativo de cada elemento grfico respecto a los que le
rodean. Escalas.
El color: color de cada elemento individual, colores de cada agrupacin de
elementos, conjunto total de colores usados en un producto multimedia,
disposicin relativa de los elementos con color y armona entre colores.
El contraste: intensidad de visualizacin de cada elemento con relacin a los que
le rodean y al producto multimedia completo.
El equilibrio: cada producto multimedia conlleva un sistema de referencia
espacial que consigue un nivel de equilibrio mayor o menor.

La simetra: disposicin espacial regular y equilibrada de los elementos que

forman la composicin grfica.

Es en esta temtica, se integran todos los elementos del diseo grfico abordados con
anterioridad para el logro de una correcta comunicacin visual con el usuario, a partir de
la seleccin de cada uno de ellos en funcin garantizar la calidad de producto
informtico.
Todo ello se pone en prctica a la hora de que el estudiante se enfrente al proceso de
produccin de software, donde tiene que asumir roles de guionista, diseador y
programador y requiere el conocimiento de estos elementos del diseo grfico para su
desempeo.
La funcin principal del diseo grfico ser entonces transmitir una informacin
determinada por medio de composiciones grficas, que se hacen llegar al pblico
destinatario a travs de diferentes soportes, como folletos, carteles, trpticos, etc.
El diseo grfico busca transmitir las ideas esenciales del mensaje de forma clara y
directa, usando para ello diferentes elementos grficos que den forma al mensaje y lo
hagan fcilmente entendible por los destinatarios del mismo.
El diseo grfico no significa crear un dibujo, una imagen, una ilustracin, una
fotografa. Es algo ms que la suma de todos esos elementos, aunque para poder
conseguir poder comunicar visualmente un mensaje de forma efectiva el diseador debe
conocer a fondo los diferentes recursos grficos a su disposicin y tener la imaginacin,
la experiencia, el buen gusto y el sentido comn necesarios para combinarlos de forma
adecuada.

4. Programas de software libre que se utilicen el diseo grafico y

diseo de pagina web.
1. Piktochart
Piktochart es una aplicacin web que permite crear bellas infografas a partir de unas
plantillas y objetos que se aaden con un simple arrastrar y soltar. Permite personalizar
colores y fuentes en solo clic siendo muy fcil de usar por los alumnos. Tambin es
posible exportar la creacin en HTML o como imagen para inscrustar la infografa en
una pgina web o blog. Ofrece tres plantillas en su versin gratuita y ofrece ms de 15
en su opcin de pago, aunque con precios muy competitivos para la educacin. Sn duda
es una de las opciones ms tiles que se encuentran en Internet.

2.Easel.ly
Easel.ly es una herramienta web que permite tambin crear infografas sofisticadas a
partir de plantillas que ofrecen, pudiendo arrastar y soltar dentro de ellas todo tipo de
smbolos (lneas, formas, texto, imgenes propias, iconos, etc) para personalizar el
resultado final sin perder claridad ni calidad. Las infografas pueden ser exportadas en
formatos pdf, jpg, png o web para ser compartidas online.

3. Infogr.am
Infogr.am es una herramienta online relativamente nueva que nos permite subir nuestros
propios datos con los que deseamos crear grficos. Como inconveniente para el aula es
que requiere identificarse con la cuenta de Twitter o Facebook pero puede sernos de
utilidad como profesores. Podemos editar una URL personalizada para visualizar el
grfico y obtener el cdigo html para aadirlo en el blog o pgina web.
Tambin incluir la posibilidad de realizar infografas con los grficos obtenidos a
travs de unas plantillas que nos ofrecen, pero por ahora requiere de una invitacin.

4. Hohli
Hohli es una herramienta online muy intuitiva y sencilla que permite escoger entre una
gran variedad de grficos (diagrama de Venn, diagrama de barras, circulares, radar, etc).
Permite introducir nuestros datos, personalizar colores y tamaos y obtener un grfico
de gran calidad para ser insertado en cualquier pgina web.

5. Many Eyes
Many Eyes es una pgina web patrocinada por IBM que sirve para explorar visualmente
diversos conjuntos de datos en forma de grficos. Los alumnos pueden subir datos y
crear diferentes presentaciones de los mismos o explorar los que ya estn elaborados a
travs de su potente buscador. La filosofa de sus creadores es fomentar la conversacin
y la colaboracin online alrededor de estos grficos visuales. Se pueden encontrar
grficos muy curiosos que pueden iniciar un debate en el aula: Quines sobrevivieron en
la tragedia del Titanic, Nmero de caloras en la comida de McDonalds, Messi versus
Ronaldo en la Liga, etc.

6. Visual.ly
Visual.ly es una herramienta que permite representar grficamente datos que se capturan
a partir de un hashtag # en Twitter o en Facebook. En este sentido se puede explorar
un tema de actualidad en Twitter y crear una infografa en minutos a partir del hashtag
que se haya definido para seguir los acontecimientos, por ejemplo #educacin, #Cannes
2012, #Diadellibro o #tsunami.
7. What about me
What about me es una nueva herramienta lanzada por Intel que permite realizar una
infografa personalizada mostrando nuestra actividad en las redes sociales (Twitter,
YouTube y Facebook). Puede ser una manera interesante de comprobar con los alumnos
la imagen y la huella digital que estn dejando en la red y si piensan que concuerda con
la realidad. En el grfico principal, similar a una flor de colores, se pueden ver las
actualizaciones de estado, los posts ms populares en Facebook e imgenes ms vistas,
as como el estado de nimo, los horarios de publicacin y ms.

1.3 SIGNO
Desde la lingstica, se estudian los componentes sgnicos de un texto o una imagen
conformados por dos concepciones: simetra y asimetra para asignarles el grado de
representacin: signo, smbolo y alegora, y dentro de esta estructura, se estudiarn las
marcas comerciales. Desde esta concepcin, se encuentra instrumentada para entender
los ornamentos, formas integradoras y lecturas icnicas de sus componentes esenciales.

1.4 COLOR
Vinculado con las leyes de la pintura, queda establecido un compendio de jerarquas en
cuanto a la aplicacin de color, en las siguientes categoras: primarios, binarios o
secundarios, intermedios, terciarios y cuaternarios. En otra gama de colores se emplea el
blanco y el negro ya sean por separado o en su combinacin para crear los llamados
colores neutros.
El aporte de la computacin, en esta materia, fue enriquecedora, ya que permite la
aplicacin de distintos tipos de rellenos: uniforme y los llamados especiales: relleno
degradado, relleno de patrn, relleno de textura, y rellenos PostScript.
1.5 IMAGEN
Las normas bsicas establecidas desde el mbito del dibujo y la pintura, conforma el
aspecto terico de la imagen. En computacin, hay que diferenciar el dibujo de la
fotografa, no slo por la comprobacin visual, sino tambin por los aspectos del
formato.
Un dibujo vectorial puede verse como una nueva imagen en la medida en que los
cambios de extensiones conforman su estructura. Para el caso de la fotografa, se
aplican estructuras idnticas y tambin se amalgaman con las reglas del pintura para la
aplicacin de efectos, en un nuevo esquema interpretativo, ya que permite vectorizar sus
componentes y crear un efecto de dibujo en una fotografa.
1.6 PUBLICIDAD
La publicidad ha creado un campo propio en el que su aporte ha sido considerado como
fundamental para establecer un sinnmero de relaciones entre la comunicacin de un
mensaje y un estatuto que posibilita la aplicacin de esquemas bsicos, entre ellos, el
afiche.
Asimismo, en ese estudio, se podr verificar sus alcances para organizar la llamada
imagen corporativa de una empresa, que "estratgicamente y operativamente ilumina
el estilo y la conducta la empresa; el sentido de las decisiones que toma y realiza; su
modo propio de concebir productos y/o servicios y de innovar; su personalidad
exclusiva y su manera distintiva de comunicar, de conectar con los pblicos y de
relacionarse con ellos. La imagen posee unas condiciones excepcionales que atraviesan
toda la dinmica de la empresa hasta el largo plazo." (Costa, 2001:67)

Leer ms: http://www.monografias.com/trabajos88/historia-del-diseno-grafico/historiadel-diseno-grafico.shtml#ixzz3NzOVcKNZ

1.3 SIGNO
Desde la lingstica, se estudian los componentes sgnicos de un texto o una imagen
conformados por dos concepciones: simetra y asimetra para asignarles el grado de
representacin: signo, smbolo y alegora, y dentro de esta estructura, se estudiarn las

marcas comerciales. Desde esta concepcin, se encuentra instrumentada para entender

los ornamentos, formas integradoras y lecturas icnicas de sus componentes esenciales.
1.4 COLOR
Vinculado con las leyes de la pintura, queda establecido un compendio de jerarquas en
cuanto a la aplicacin de color, en las siguientes categoras: primarios, binarios o
secundarios, intermedios, terciarios y cuaternarios. En otra gama de colores se emplea el
blanco y el negro ya sean por separado o en su combinacin para crear los llamados
colores neutros.
El aporte de la computacin, en esta materia, fue enriquecedora, ya que permite la
aplicacin de distintos tipos de rellenos: uniforme y los llamados especiales: relleno
degradado, relleno de patrn, relleno de textura, y rellenos PostScript.
1.5 IMAGEN
Las normas bsicas establecidas desde el mbito del dibujo y la pintura, conforma el
aspecto terico de la imagen. En computacin, hay que diferenciar el dibujo de la
fotografa, no slo por la comprobacin visual, sino tambin por los aspectos del
formato.
Un dibujo vectorial puede verse como una nueva imagen en la medida en que los
cambios de extensiones conforman su estructura. Para el caso de la fotografa, se
aplican estructuras idnticas y tambin se amalgaman con las reglas del pintura para la
aplicacin de efectos, en un nuevo esquema interpretativo, ya que permite vectorizar sus
componentes y crear un efecto de dibujo en una fotografa.
1.6 PUBLICIDAD
La publicidad ha creado un campo propio en el que su aporte ha sido considerado como
fundamental para establecer un sinnmero de relaciones entre la comunicacin de un
mensaje y un estatuto que posibilita la aplicacin de esquemas bsicos, entre ellos, el
afiche.
Asimismo, en ese estudio, se podr verificar sus alcances para organizar la llamada
imagen corporativa de una empresa, que "estratgicamente y operativamente ilumina
el estilo y la conducta la empresa; el sentido de las decisiones que toma y realiza; su
modo propio de concebir productos y/o servicios y de innovar; su personalidad
exclusiva y su manera distintiva de comunicar, de conectar con los pblicos y de
relacionarse con ellos. La imagen posee unas condiciones excepcionales que atraviesan
toda la dinmica de la empresa hasta el largo plazo." (Costa, 2001:67)

Leer ms: http://www.monografias.com/trabajos88/historia-del-diseno-grafico/historiadel-diseno-grafico.shtml#ixzz3NzOVcKNZ

1.3 SIGNO

Desde la lingstica, se estudian los componentes sgnicos de un texto o una imagen

conformados por dos concepciones: simetra y asimetra para asignarles el grado de
representacin: signo, smbolo y alegora, y dentro de esta estructura, se estudiarn las
marcas comerciales. Desde esta concepcin, se encuentra instrumentada para entender
los ornamentos, formas integradoras y lecturas icnicas de sus componentes esenciales.
1.4 COLOR
Vinculado con las leyes de la pintura, queda establecido un compendio de jerarquas en
cuanto a la aplicacin de color, en las siguientes categoras: primarios, binarios o
secundarios, intermedios, terciarios y cuaternarios. En otra gama de colores se emplea el
blanco y el negro ya sean por separado o en su combinacin para crear los llamados
colores neutros.
El aporte de la computacin, en esta materia, fue enriquecedora, ya que permite la
aplicacin de distintos tipos de rellenos: uniforme y los llamados especiales: relleno
degradado, relleno de patrn, relleno de textura, y rellenos PostScript.
1.5 IMAGEN
Las normas bsicas establecidas desde el mbito del dibujo y la pintura, conforma el
aspecto terico de la imagen. En computacin, hay que diferenciar el dibujo de la
fotografa, no slo por la comprobacin visual, sino tambin por los aspectos del
formato.
Un dibujo vectorial puede verse como una nueva imagen en la medida en que los
cambios de extensiones conforman su estructura. Para el caso de la fotografa, se
aplican estructuras idnticas y tambin se amalgaman con las reglas del pintura para la
aplicacin de efectos, en un nuevo esquema interpretativo, ya que permite vectorizar sus
componentes y crear un efecto de dibujo en una fotografa.
1.6 PUBLICIDAD
La publicidad ha creado un campo propio en el que su aporte ha sido considerado como
fundamental para establecer un sinnmero de relaciones entre la comunicacin de un
mensaje y un estatuto que posibilita la aplicacin de esquemas bsicos, entre ellos, el
afiche.
Asimismo, en ese estudio, se podr verificar sus alcances para organizar la llamada
imagen corporativa de una empresa, que "estratgicamente y operativamente ilumina
el estilo y la conducta la empresa; el sentido de las decisiones que toma y realiza; su
modo propio de concebir productos y/o servicios y de innovar; su personalidad
exclusiva y su manera distintiva de comunicar, de conectar con los pblicos y de
relacionarse con ellos. La imagen posee unas condiciones excepcionales que atraviesan
toda la dinmica de la empresa hasta el largo plazo." (Costa, 2001:67)

Leer ms: http://www.monografias.com/trabajos88/historia-del-diseno-grafico/historiadel-diseno-grafico.shtml#ixzz3NzOVcKNZ

1.3 SIGNO
Desde la lingstica, se estudian los componentes sgnicos de un texto o una imagen
conformados por dos concepciones: simetra y asimetra para asignarles el grado de
representacin: signo, smbolo y alegora, y dentro de esta estructura, se estudiarn las
marcas comerciales. Desde esta concepcin, se encuentra instrumentada para entender
los ornamentos, formas integradoras y lecturas icnicas de sus componentes esenciales.
1.4 COLOR
Vinculado con las leyes de la pintura, queda establecido un compendio de jerarquas en
cuanto a la aplicacin de color, en las siguientes categoras: primarios, binarios o
secundarios, intermedios, terciarios y cuaternarios. En otra gama de colores se emplea el
blanco y el negro ya sean por separado o en su combinacin para crear los llamados
colores neutros.
El aporte de la computacin, en esta materia, fue enriquecedora, ya que permite la
aplicacin de distintos tipos de rellenos: uniforme y los llamados especiales: relleno
degradado, relleno de patrn, relleno de textura, y rellenos PostScript.
1.5 IMAGEN
Las normas bsicas establecidas desde el mbito del dibujo y la pintura, conforma el
aspecto terico de la imagen. En computacin, hay que diferenciar el dibujo de la
fotografa, no slo por la comprobacin visual, sino tambin por los aspectos del
formato.
Un dibujo vectorial puede verse como una nueva imagen en la medida en que los
cambios de extensiones conforman su estructura. Para el caso de la fotografa, se
aplican estructuras idnticas y tambin se amalgaman con las reglas del pintura para la
aplicacin de efectos, en un nuevo esquema interpretativo, ya que permite vectorizar sus
componentes y crear un efecto de dibujo en una fotografa.
1.6 PUBLICIDAD
La publicidad ha creado un campo propio en el que su aporte ha sido considerado como
fundamental para establecer un sinnmero de relaciones entre la comunicacin de un
mensaje y un estatuto que posibilita la aplicacin de esquemas bsicos, entre ellos, el
afiche.
Asimismo, en ese estudio, se podr verificar sus alcances para organizar la llamada
imagen corporativa de una empresa, que "estratgicamente y operativamente ilumina
el estilo y la conducta la empresa; el sentido de las decisiones que toma y realiza; su
modo propio de concebir productos y/o servicios y de innovar; su personalidad
exclusiva y su manera distintiva de comunicar, de conectar con los pblicos y de
relacionarse con ellos. La imagen posee unas condiciones excepcionales que atraviesan
toda la dinmica de la empresa hasta el largo plazo." (Costa, 2001:67)

Leer ms: http://www.monografias.com/trabajos88/historia-del-diseno-grafico/historiadel-diseno-grafico.shtml#ixzz3NzOVcKNZ

1.3 SIGNO
Desde la lingstica, se estudian los componentes sgnicos de un texto o una imagen
conformados por dos concepciones: simetra y asimetra para asignarles el grado de
representacin: signo, smbolo y alegora, y dentro de esta estructura, se estudiarn las
marcas comerciales. Desde esta concepcin, se encuentra instrumentada para entender
los ornamentos, formas integradoras y lecturas icnicas de sus componentes esenciales.
1.4 COLOR
Vinculado con las leyes de la pintura, queda establecido un compendio de jerarquas en
cuanto a la aplicacin de color, en las siguientes categoras: primarios, binarios o
secundarios, intermedios, terciarios y cuaternarios. En otra gama de colores se emplea el
blanco y el negro ya sean por separado o en su combinacin para crear los llamados
colores neutros.
El aporte de la computacin, en esta materia, fue enriquecedora, ya que permite la
aplicacin de distintos tipos de rellenos: uniforme y los llamados especiales: relleno
degradado, relleno de patrn, relleno de textura, y rellenos PostScript.
1.5 IMAGEN
Las normas bsicas establecidas desde el mbito del dibujo y la pintura, conforma el
aspecto terico de la imagen. En computacin, hay que diferenciar el dibujo de la
fotografa, no slo por la comprobacin visual, sino tambin por los aspectos del
formato.
Un dibujo vectorial puede verse como una nueva imagen en la medida en que los
cambios de extensiones conforman su estructura. Para el caso de la fotografa, se
aplican estructuras idnticas y tambin se amalgaman con las reglas del pintura para la
aplicacin de efectos, en un nuevo esquema interpretativo, ya que permite vectorizar sus
componentes y crear un efecto de dibujo en una fotografa.
1.6 PUBLICIDAD
La publicidad ha creado un campo propio en el que su aporte ha sido considerado como
fundamental para establecer un sinnmero de relaciones entre la comunicacin de un
mensaje y un estatuto que posibilita la aplicacin de esquemas bsicos, entre ellos, el
afiche.
Asimismo, en ese estudio, se podr verificar sus alcances para organizar la llamada
imagen corporativa de una empresa, que "estratgicamente y operativamente ilumina
el estilo y la conducta la empresa; el sentido de las decisiones que toma y realiza; su
modo propio de concebir productos y/o servicios y de innovar; su personalidad
exclusiva y su manera distintiva de comunicar, de conectar con los pblicos y de

relacionarse con ellos. La imagen posee unas condiciones excepcionales que atraviesan
toda la dinmica de la empresa hasta el largo plazo." (Costa, 2001:67)

Leer ms: http://www.monografias.com/trabajos88/historia-del-diseno-grafico/historiadel-diseno-grafico.shtml#ixzz3NzOVcKNZ

1.3 SIGNO
Desde la lingstica, se estudian los componentes sgnicos de un texto o una imagen
conformados por dos concepciones: simetra y asimetra para asignarles el grado de
representacin: signo, smbolo y alegora, y dentro de esta estructura, se estudiarn las
marcas comerciales. Desde esta concepcin, se encuentra instrumentada para entender
los ornamentos, formas integradoras y lecturas icnicas de sus componentes esenciales.
1.4 COLOR
Vinculado con las leyes de la pintura, queda establecido un compendio de jerarquas en
cuanto a la aplicacin de color, en las siguientes categoras: primarios, binarios o
secundarios, intermedios, terciarios y cuaternarios. En otra gama de colores se emplea el
blanco y el negro ya sean por separado o en su combinacin para crear los llamados
colores neutros.
El aporte de la computacin, en esta materia, fue enriquecedora, ya que permite la
aplicacin de distintos tipos de rellenos: uniforme y los llamados especiales: relleno
degradado, relleno de patrn, relleno de textura, y rellenos PostScript.
1.5 IMAGEN
Las normas bsicas establecidas desde el mbito del dibujo y la pintura, conforma el
aspecto terico de la imagen. En computacin, hay que diferenciar el dibujo de la
fotografa, no slo por la comprobacin visual, sino tambin por los aspectos del
formato.
Un dibujo vectorial puede verse como una nueva imagen en la medida en que los
cambios de extensiones conforman su estructura. Para el caso de la fotografa, se
aplican estructuras idnticas y tambin se amalgaman con las reglas del pintura para la
aplicacin de efectos, en un nuevo esquema interpretativo, ya que permite vectorizar sus
componentes y crear un efecto de dibujo en una fotografa.
1.6 PUBLICIDAD
La publicidad ha creado un campo propio en el que su aporte ha sido considerado como
fundamental para establecer un sinnmero de relaciones entre la comunicacin de un
mensaje y un estatuto que posibilita la aplicacin de esquemas bsicos, entre ellos, el
afiche.
Asimismo, en ese estudio, se podr verificar sus alcances para organizar la llamada
imagen corporativa de una empresa, que "estratgicamente y operativamente ilumina
el estilo y la conducta la empresa; el sentido de las decisiones que toma y realiza; su

modo propio de concebir productos y/o servicios y de innovar; su personalidad

exclusiva y su manera distintiva de comunicar, de conectar con los pblicos y de
relacionarse con ellos. La imagen posee unas condiciones excepcionales que atraviesan
toda la dinmica de la empresa hasta el largo plazo." (Costa, 2001:67)

Leer ms: http://www.monografias.com/trabajos88/historia-del-diseno-grafico/historiadel-diseno-grafico.shtml#ixzz3NzOVcKNZ

Conclusiones

La formacin de los Tcnico Medios en Informtica carece de preparacin con

respecto a los fundamentos del diseo grfico, contenido necesario para su
desempeo laboral en entidades estatales.
El dominio de los fundamentos del diseo grfico propicia que los Tcnicos
Medios en Informtica desarrollen habilidades en el diseo de productos
informticos con calidad.

WEBGRAFIA:
http://www.desarrolloweb.com/articulos/1277.php
Leer ms: http://www.monografias.com/trabajos84/fundamentos-del-diseno-graficopreparacion-tecnicos-medios/fundamentos-del-diseno-grafico-preparacion-tecnicosmedios.shtml#ixzz3NzJANq7d
Leer ms: http://www.monografias.com/trabajos84/fundamentos-del-diseno-graficopreparacion-tecnicos-medios/fundamentos-del-diseno-grafico-preparacion-tecnicosmedios.shtml#ixzz3NzJ6Y7ns
Leer ms: http://www.monografias.com/trabajos84/fundamentos-del-diseno-graficopreparacion-tecnicos-medios/fundamentos-del-diseno-grafico-preparacion-tecnicosmedios.shtml#ixzz3NzIx4i1P
http://eclipse-sdk.softonic.com/
http://www.softonic.com/windows/diseno-web
http://adobe-muse.softonic.com/
http://www.softonic.com/windows/diseno-web:windows-7
http://www.totemguard.com/aulatotem/2012/04/como-crear-bellas-infografias-sinsaber-diseno-grafico/