Upload
josediaz
View
1.116
Download
0
Embed Size (px)
Citation preview
L/O/G/O
Vamos a Desarrollar un WebSite de Exito
Dominar la Red creando Negocios Exitosos
www.dominarlared.com/blog
Hot Tip’s
• Es Hora de que cada uno de Ustedes, se
imagine un Proyecto Web
– En esta etapa, sino tienes algo ya, que un
cliente quiera, vamos a inventarnos uno, o
quizas el que tu tienes en mente realizar para ti,
lo importante es irnos a la accion.
www.dominarlared.com/blog
Organizacion Fisica
Organizacion Digital
Que es un Mapa de Sitio?
Hagamos el mapa del Sitio
Bocetos del Diseno
Primero vamos a Organizarnos.
Las 6 reglas del Diseno Digital
3 Pasos para aumentar la
Creatividad
Etapa 1 Etapa 2
CONTENIDOwww.dominarlared.com/blog
ORGANIZACION FISICAwww.dominarlared.com/blog
Organizacion Digital
Diseno
• Archivos
Fuentes de la
Interfaz y otros
Graficos
•Graficos e
Imagenes
Decorativas
• Todo el material
Digital que nos
envia o nos
entrega el cliente
• Documentos
Administrativos
•Copias de los
Correos
• Archivos Fuente
de las
Animaciones
•Elementos
usados, como
MP3, Videos, etc
…
• Los documentos
HTML y los
Relacionados
como CCS
•Exclusivamente
los archivos que
se van a Publicar
en Internet.
Documentos Flash WebSite
www.dominarlared.com/blog
Que es un Mapa de Sitio
Es la Estructura base de un Sitio Web. En este se
definen las secciones que tendra el WebSite, su
jerarquia y forma de Acceso
Debe definirse al Principio
Debe estar Completo antes de proceder con el diseno
Debe Incluirse una Seccion en el WebSite para este Sitemap
www.dominarlared.com/blog
Objetivos del Sitemap
Objetivos
Facilitar
Encontrar
Facilitar al maximo la navegacion por el Website al usuario.
Que el usuario encuentre formacion que busca en maximo 3
clicks.
Simplificar
Simplificarla de forma tal, que hasta un nino, la pueda entender.
ImportanciaQue la informacion Importante siempre este en los lugares
importantes.
Hagamos una Practica….
www.dominarlared.com/blog
Bocetos e Importancia
Importancia
Tiempo
Costumbre
Nos ahorra tiempo al momento de disenar.
Acostumbrate a hacerlo, te da mucha agilidad mental, y
desarrolla tu inteligencia espacial.
Distincion
Es una caracteristica distintiva de los verdaderos profesionales web
EnfoqueTe mantiene alejado de los detalles, para que te enfoques, en la
estructura general.Hagamos una
Practica….
El Boceto, nos da una idea clara , de cual sera la estructura
visual del sitio, y como estara distribuido el contenido.
www.dominarlared.com/blog
Las 6 Reglas del Diseno Digital
TE
PARECE
ESTE
UN DISENO
PROFESIONAL
www.dominarlared.com/blog
Las 6 Reglas del Diseno Digital
TE
PARECE
ESTE
UN DISENO
PROFESIONAL
www.dominarlared.com/blog
Las 6 Reglas del Diseno Digital
INTRODUCCION
• LOS BUENOS DISENOS, NO SON
OBRA DE LA CASUALIDAD
• Un buen diseno, no depende, de
cuanto se conozca un programa
• Tampoco depende de cuanto tiempo
tengas en este area de trabajo.
www.dominarlared.com/blog
Las 6 Reglas del Diseno Digital
Yo Puedo ?
• Estas reglas son sencillas
• Funcionan Inmediatamente y cualquiera las puede utilizar
• No tienes que ser artista
www.dominarlared.com/blog
Las 6 Reglas del Diseno Digitalwww.dominarlared.com/blog
BALANCE: Es la Distribuccion de
los elementos dentro de una
Composicion. Este puede ser
simetrico o Asimetrico.
REGLA # 1www.dominarlared.com/blog
UNIDAD: Es la propiedad de un
Diseno que une a todos los
elementos, en una composicion.
Puede lograrse a traves de
colores, imagenes y tipografia.
REGLA # 2www.dominarlared.com/blog
LEGIBILIDAD: Caracteristica de los
textos, que permite entenderlos
claramente y sin titubeos.
REGLA # 3www.dominarlared.com/blog
CONTRASTE: Propiedad de los
elementos, en una composicion, que
nos permite distinguir unos de
otros.
REGLA # 4www.dominarlared.com/blog
NITIDEZ: Es el medio que nos
permite, apreciar un diseno, de
forma satisfactoria.
REGLA # 5www.dominarlared.com/blog
JERRAQUIA: Es el control, de la
importancia visual, de los
elementos, en la composicion.
REGLA # 6www.dominarlared.com/blog
Las 6 Reglas del Diseno Digital
+ Balance
Unidad
Legibilidad
Nitidez
Contraste
Jerarquia
=
www.dominarlared.com/blog
Boceto
SIEMPRE
Documentarse
NO COPIARSE
Revisar
TODO SE
PUEDE
MEJORAR
Sigue las 6 Reglas y estos 3 Pasos SIEMPRE
EXCELENTE TRABAJO
3 Pasos para la Creatividadwww.dominarlared.com/blog
L/O/G/O
Ahora si, vamos a Disenar YA!!!! Fireworks CS4
Gracias !
www.dominarlared.com/blog