Diseño web, editor de imágenes, animación,
Podemos atribuir estabilidad o
desarrollo de código, desarrollo de un sitio
web
HTML (HyperText Markup Language) es un
lenguaje muy sencillo que permite describir
hipertexto, es decir, texto presentado de
forma estructurada y agradable, con enlaces
(hyperlinks) que conducen a otros
documentos o fuentes de información
relacionadas.
El término "diseño web" se refiere a la
actividad que consiste en estructurar los
elementos gráficos de un sitio web para
expresar estéticamente la identidad visual de
una compañía u organización.
El objetivo del diseño web es realzar la imagen
de una compañía u organización a través de
elementos gráficos con el objeto de reforzar su
identidad visual y despertar una sensación de
confianza en el usuario.
Diferencia entre internet y web La web es
parte de Internet, pero no todo Internet es la
web. De hecho, todos los días usamos servicios
alojados en Internet que no pertenecen a la
World Wide Web.
Fases de desarrollo de una web
• Diseño: El diseño consiste en crear esbozos
de la web final mediante una herramienta
gráfica, como Photoshop, GIMP o Inkscape.
• Maquetación HTML/CSS: la maquetación
consiste en convertir los esbozos creados en la
fase anterior en plantillas HTML, su respectiva
hoja de estilos, y las imágenes usadas. Es
posible saltarse la fase anterior para comenzar
directamente con esta fase, dependiendo de si
dominamos herramientas como Photoshop o
no.
•Programación cliente: La programación
cliente consiste básicamente en Javascript.
Una web puede no tener necesidad de hacer
programación cliente, como puede ser una
pequeña web corporativa con poca
información estática, o puede que requiera
enormes esfuerzos en esta fase, como ocurre
con los proyectos Web 2.0.
•Programación servidor: en esta fase, que se
desarrolla junto con la anterior, crearemos la
aplicación web en un lenguaje de servidor,
como puede ser PHP, ASP .NET, Python, Perl,
etc.
Depuración: Esta fase enlaza la anterior con la
siguiente, y es donde haremos las pruebas
unitarias, aserciones, trazos, etc.
•Pruebas en local: en nuestro servidor local
haremos todas las pruebas posibles.
•Diseño: Es el resultado final de un proceso,
cuyo objetivo es buscar una solución idónea a
cierta problemática particular, de modo tal que
pueda quedar plasmado bien sea en
bosquejos, dibujos, bocetos o esquemas lo que
se quiere lograr para así poder llegar a su
producción
•Diseño gráfico: El diseño gráfico es una
especialidad o profesión, cuyo objetivo es
satisfacer necesidades de comunicación visual.
Se ocupa de organizar imagen y texto,
producidos en general por medios industriales,
para comunicar un mensaje específico.
Elementos del diseño
a) Punto: Un punto indica posición. No tiene
largo ni ancho No ocupa una zona del espacio.
b) Línea: Cuando un punto se mueve, su
recorrido se transforma en una línea.
c) Plano: El recorrido de una línea en
movimiento se convierte en un plano.
d) Volumen: El recorrido de un plano en
movimiento se convierte en un volumen.
ELEMENTOS VISUALES
•FORMA
La forma y los elementos conceptuales: El
punto, la línea o el plano,cuando son visibles,
se conviertenen forma.
•MEDIDA: Todas las formas tienen un tamaño.
•COLOR: El color se utiliza comprendiendono
solo los del espectro solar, sino asimismo los
neutros (blanco, negros, grises) y la variación
es tonales y cromáticas.
•TEXTURA: superficie resultante de la
utilización del material. Puede atraer tanto al
sentido del tacto como al visual.
ELEMENTOS DE RELACION
•DIRECCIÓN: La dirección de una forma
depende de cómo está relacionada con el
observador, con el marco que la contiene o
con otras formas cercanas.
•POSICIÓN: La posición de una forma
depende del elemento o estructura que la
contenga.
ESPACIO: Todas las formas por más pequeñas
que sean ocupan un espacio, el espacio así
mismo puede ser visible o ilusorio (para dar
una sensación de profundidad)
•GRAVEDAD: El efecto de gravedad no
solamente es visual, sino que también
psicológica.
inestabilidad a una forma o a un grupo de ellas.
•ELEMENTOS PRÁCTICOS
•Representación: Se refiere a la forma de
realizar el diseño puede ser una representación
realista, estilizada o semiabstracta.
•Significado: Todo diseño conlleva consiente
o subconscientemente un significado o
mensaje.
Función: Para lo que esta creado dicho diseño.
COLOR:
LOS COLORES SE CLASIFICAN EN:
- PRIMARIOS: El espectro solar tiene tres
colores que se consideran primarios o
fundamentales: amarillo, rojo y azul. Se llaman
colores primarios, porque constituyen la base
primaria para toda otra mezcla.
- SECUNDARIOS: De la unión de dos colores
primarios entre sí, se obtiene un color
secundario o binario.
- INTERMEDIOS: Si se mezcla un color
secundario con uno primario, resultan los
colores intermedios. Por ejemplo, la
combinación de amarillo con naranja, azul con
verde, amarillo con verde, violeta con rojo,
entre otros.
FUNCIONES
FUNCIONES DEL COLOR
atraer la atención.informar.hacer que la
información se recuerde.sugerir, crear una
atmósfera.desarrollar asociaciones.
equilibrio vs.contraste.cualidades de color
•El tono es la característica principal de un
color, es su tinte, llamas a los colores por su
tono, rojo, verde, amarillo, etc. Cada color del
círculo cromático tiene su particular tono.
•La saturación es el grado de pureza de un
color. A mayor pureza mayor saturación. En la
práctica los colores suelen mezclarse con otros
y pierden saturación. Un color mezclado con su
complementario en diferentes proporciones
produce escalas de saturación.
•El valor se refiere a su luminosidad, es decir,
a las diferentes mezclas que puedes obtener al
mezclar un tono con blanco y negro. A mayor
cantidad de blanco, mayor luminosidad.
FAMILIAS TIPOGRAFICAS
Divide las familias en:
Humanas
Garaldas
Reales
Didonas
Mecanos
Lineales
Incisas
Scriptas
Manuales
Clasificación de Robert Bringhurst
Divide las fuentes en:
Renacentistas
Barrocas
Neoclásicas
Románticas
Realistas
Modernistas geométricas
Modernistas líricas
Posmodernistas