viernes, 20 de junio de 2014

DISEÑO GRÁFICO. Tipografía Verdana.

Verdana es un tipo de letra sin serifa de la familia sans serif de gran legibilidad, diseñada por Matthew Carter.
Diseñada en 1994 y publicada en 1996 por y para la compañía Microsof, se le considera un excelente tipo de letra para la lectura en pantallas. Ya que se instala en la mayoría de los ordenadores del mundo, Es muy usual encontrarla en el texto principal de una página web.
Cuenta con cierto aire humanista. Las zonas curvas de los caracteres y las líneas diagonales se ajustaron al milímetro para que los píxeles resulten claramente legibles, cómodos y agradables a tamaños pequeños, consiguiendo una fusión perfecta entre forma y función.


No tiene remates, y el tamaño de la X es de gran altura. 



DISEÑO GRÁFICO. Logo "The Beathles"














-Con Serifa.
-Versalita.
-Negrita.
-Proporción regular,quizá un poco condensada.
-Pertenece al grupo de las Romanas.
-Orientación recta.

DISEÑO GRÁFICO. Ejercicio de un logo en color Rojo.

EL ROJO:








TONO: Rojo.
SATURACIÓN : Alta.
Es un color primaro, cálido.
EXPRESA:pasión,atracción, amor, deseo, agresividad, tensión, peligro, poder, ambición, vitalidad, confianza en si mismo, opitimismo, coraje...
Pero también puede influirnos negativamente: volvernos irritables, impacientes, e inconformistas.
COLOR COMPLEMENTARIO: Verde.



   




DISEÑO GRÁFICO. La Tipografía.

LA TIPOGRAFÍA:
Arte o técnica de reproducir la letra impresa.
Se compone de "tipos", "fuentes" y "familia".

    SERIF : Con Serifa y con terminaciones. Ej: A

      -Familias tipográficas: Romana, Egipcia y Caligráfica.

    SAN SERIF: Sin Serifa y sin terminaciones.  Ej: A

      -Familias tipográficas: Palo seco(humanistas, geométricas y grotescas).


VARIABLES VISUALES TIPOGRÁFICAS:


1ºFORMA: Mayúsculas,Minúsculas y Versalitas.


2ºGROSOR: Redonda, Negrita, Super negrita, Fina, y Super fina.


3º ORIENTACIÓN: Recta o Cursiva.


4º PROPORCIÓN: Regular, Condensada y Expandida.


5º TAMAÑO: Se mide en (Pt) Puntos.


------------------------------------------------------------------------------------------------


TIPOGRAFÍA

"LA REPRESENTACIÓN GRÁFICA (O VISUAL) DEL LENGUAJE HABLADO".
CUERPO DE TEXTO.

Se organiza a través de la cuadrícula.

Espaciado de texto: Espacio entre cada letra.
Interlineado de texto:
Alineación de texto: Alineación a la izquierda, a la derecha, centrado y justificado.

DISEÑO GRÁFICO. El color.

EL COLOR ES LUZ.



PROPIEDADES DEL COLOR:

1º Tono o matiz: Es el atributo del color.

2º Saturación: Grado de pureza del tono.(Hay alta, media o baja saturación.)
3º Luminosidad: Cantidad de luz.

COLORES PRIMARIOS LUZ -> RGB :


Rojo, Verde y Azul.


COLORES PRIMARIOS PIGMENTOV -> CMYK :


Magenta, Amarillo y Cyan.


CIRCULO CROMÁTICO:


Violeta - Amarillo.

Azul violacio o Violeta azulado - Amarillo anaranjado o naranja amarillento.
Cyan - Naranja secundario.
Verde azulado o azul verdoso - naranja magentoso o magenta anaranjado.
Verde secundario - magenta.
Verde amarillento o amarillo verdoso - Violeta magentoso o magenta violacio.




COLORES COMPLEMENTARIOS: 


Amarillo - Violeta(Magenta+Cyan)

Verde - Rojo/MaGENTA.
Azul/Cyan - Naranja(Amarillo+Rojo/Magenta)

COLORES FRÍOS:


Azules

Verdes
Violetas
Dan sensación térmica baja temperatura, lejanía(física y emocional), invierno.

COLORES CÁLIDOS:


Amarillos

Naranjas
Rojos/Magenta
Sensación térmica alta, cerrcanía física y emocional, sequía o falta de humedad, verano otoño, etc.

jueves, 19 de junio de 2014

DISEÑO GRÁFICO. Elementos básicos del dibujo.

-Visión y Percepción.
-Percepción de la forma, espacio y color.
----------------------------------------------------------------

EL PUNTO.


LA LÍNEA:


-Recta(contínua o discontínua)

-Curva.
-Quebrado.
-Zig-Zag.
-ARco.
-Ondulada.
-Espiral.

EL PLANO


Polígonos regulares: lados y ángulos iguales.
Polígonos irregulares: Al menos un lado o ángulo diferente.





martes, 17 de junio de 2014

MF0950_2/UF1302 Mapa de imágenes.

Hemos creado un mapa de imágenes.

<p>
  <img src="C:\Users\ETC12\Desktop\menu.jpg" usemap="#mapa de imágenes" alt="pincha">:Hay que poner la ubicación del menú que hemos creado y luego el nombre que tu quieras darle.

<map name="mapa de imágenes"> : El nombre que hemos querido darle.
 
<area shape="circle" coords="83,75,75" target=blog4 href="http://ornelaifcd0110castrourdiales.blogspot.com.es/"alt="bolso y manoletinas prueba 1"> : Le decimos que es un círculo, le damos las coordenadas después le añadimos el "target" para vincularlo al iframe y luego le añadimos el enlace donde le queremos enviar y en "alt" le damos el nombre del círculo.

    <area shape="circle" coords="286,73,73" target=blog4 href="http://itziarifcd0110castrourdiales.blogspot.com.es/" alt="bolso y manoletinas prueba 2"> : El mismo procedimiento.
 
 <area shape="circle" coords="460,73,73" target=blog4 href="http://omarifcdo0110castrourdiales.blogspot.com.es/"" alt="bolso y manoletinas prueba 3"> : El mismo procedimiento.

<area shape="circle" coords="660,73,73" target=blog4 href="http://ymsifcd0110castrourdiales.blogspot.com.es/" alt="bolso y manoletinas prueba 4"> : El mismo procedimiento.

 </map>
</p>

domingo, 15 de junio de 2014

MF0950_2/UF1302 Atributos y propiedades de ubicación de las imágenes.

ATRIBUTOS DE IMÁGENES.

src="imagen.gif". : Es obligatorio e indica el nombre del archivo imagen (entre comillas) o la URL (ruta o dirección en la que esta la imagen que se va incluir en el documento).

align="left / right / top / middle / bottom". : Permite controlar la alineación de una imagen con respecto a una línea de texto adyacente o a otras imágenes en esa línea.

alt="Texto explicativo". Mensaje que sale al pasar el ratón sobre la imágen. Este texto se mostrará en caso de que la imágen no se cargara. 

width="n" n en pixels. Atributo opcional siendo recomendable usarlo para ayudar al navegador a representar la imagen, define el ancho de la imagen que vamos a representar.

height="n" n en pixels. Este es opcional y recomendable ponerlo, define la altura de la imagen. 

border= "n", n en pixels. Con este designamos el ancho del borde que rodea la imagen. 



Atributo lowsrc: Podemos indicar un archivo de la imagen de baja resolución. Cuando el navegador detecta que la imagen tiene este atributo primero descarga y muestra la imagen de baja resolución (que ocupa muy poco y que se transfiere muy rápido).Luego descarga y muestra la imagen de resolución adecuada (señalada con el atributo src, que se supone que ocupará más y será más lenta de transferir).


Usemap: referencia de hash-nombre 

Especifica una referencia a un hash-nombre a un elemento de mapa al que desea asociar el objeto.

Ismap: boolean 

Especifica que el elemento img proporciona acceso a un mapa de imagen del lado del servidor.


TIPOS DE ARCHIVOS DE IMAGENES:

TIFF/TIF: Es el formato de archivo más común para imprimir y guardar imágenes comprimidas sin perder calidad. 

EPS (Encapsulated PostScript, PostScrip encapsulado): Es el formato nativo de photoshop. Úselo para todos sus archivos de trabajo; guardará todas las capas, canales, notas u perfiles de color. También es posible imprimir este formato en Adobe InDesign. (Asegúrese de convertir al modo CMYK para impresiones comerciales).

PSB (Photoshop Large Format, formato extendido de Photoshop): Use este formato para guardar una imagen mayor a 300 000 píxeles y para trabajar con imágenes mayores a 2 GB.

GIF (Graphical Interchange Format, formato de intercambio gráfico): Es el mejor formato para imágenes con patrones repetitivos o tipo caricuratura. También soporta transparencia y animación.

JPG (Joint Photographic Experts Group, grupo conjunto de expertos en fotografía): Es el formato más popular para imágenes. Reduce la calidad de la imagen (a menudo de manera indetectable para el ojo humano). 

PNG (Potable Network Graphics, imágenes transportables en red): Formato sin perdidas para Web que soporta hasta 16 millones de colores y 256 niveles de transparencia.