desarrollar un website de exito

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