Download - Desarrollar un Website de Exito
![Page 1: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/1.jpg)
L/O/G/O
Vamos a Desarrollar un WebSite de Exito
Dominar la Red creando Negocios Exitosos
www.dominarlared.com/blog
![Page 2: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/2.jpg)
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
![Page 3: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/3.jpg)
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
![Page 4: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/4.jpg)
ORGANIZACION FISICAwww.dominarlared.com/blog
![Page 5: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/5.jpg)
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
![Page 6: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/6.jpg)
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
![Page 7: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/7.jpg)
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
![Page 8: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/8.jpg)
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
![Page 9: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/9.jpg)
Las 6 Reglas del Diseno Digital
TE
PARECE
ESTE
UN DISENO
PROFESIONAL
www.dominarlared.com/blog
![Page 10: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/10.jpg)
Las 6 Reglas del Diseno Digital
TE
PARECE
ESTE
UN DISENO
PROFESIONAL
www.dominarlared.com/blog
![Page 11: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/11.jpg)
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
![Page 12: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/12.jpg)
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
![Page 13: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/13.jpg)
Las 6 Reglas del Diseno Digitalwww.dominarlared.com/blog
![Page 14: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/14.jpg)
BALANCE: Es la Distribuccion de
los elementos dentro de una
Composicion. Este puede ser
simetrico o Asimetrico.
REGLA # 1www.dominarlared.com/blog
![Page 15: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/15.jpg)
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
![Page 16: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/16.jpg)
LEGIBILIDAD: Caracteristica de los
textos, que permite entenderlos
claramente y sin titubeos.
REGLA # 3www.dominarlared.com/blog
![Page 17: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/17.jpg)
CONTRASTE: Propiedad de los
elementos, en una composicion, que
nos permite distinguir unos de
otros.
REGLA # 4www.dominarlared.com/blog
![Page 18: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/18.jpg)
NITIDEZ: Es el medio que nos
permite, apreciar un diseno, de
forma satisfactoria.
REGLA # 5www.dominarlared.com/blog
![Page 19: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/19.jpg)
JERRAQUIA: Es el control, de la
importancia visual, de los
elementos, en la composicion.
REGLA # 6www.dominarlared.com/blog
![Page 20: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/20.jpg)
Las 6 Reglas del Diseno Digital
+ Balance
Unidad
Legibilidad
Nitidez
Contraste
Jerarquia
=
www.dominarlared.com/blog
![Page 21: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/21.jpg)
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
![Page 22: Desarrollar un Website de Exito](https://reader035.vdocuments.co/reader035/viewer/2022062406/559682c71a28ab631a8b47d4/html5/thumbnails/22.jpg)
L/O/G/O
Ahora si, vamos a Disenar YA!!!! Fireworks CS4
Gracias !
www.dominarlared.com/blog