Proyecto de nación

SURFACE

Tipos de Layout:

Acontinuacion podremos ver como se ven los diferentes tipos de layout dependiendo del q se trae, veremos como poco a poco va tomando forma nuestra pagina.

a)En esta primera imagen podemos ver como es un simple boceto basado en lineas, aquí no nos debemos preocupar por el contenido sino por la estructura congruente. Esto no es mas que un simple boceto tal cual.

b)Después de crear el boceto tenemos que definir las zonas especificas en las cuales irán las imágenes, botones, texto etc. No es mas que marcar las zonas que se utilizaran y las que vas a quedar libres.

c)Después viene la etapa de colocar todos los elementos que tiene acciones dentro de la pagina o fuera de ella, a estos les llamamos botones. y se colocan en esta etapa.

d)Ya por ultimo y antes de entregar nuestro template debemos ubicar las imágenes y textos en las zonas previamente marcadas y respetar estas dimensiones.

En este ejemplo podemos ver como una subpagina esta muy parecida, a pesar de que sufre algunos cambios esta dentro de la estructura, así es como a los usuarios se les hace mas fácil navegar dentro de la pagina. Esta pagina esta linkieda por el enlace de municipio y dentro de ella contiene mas información independiente.

En esta área colocamos en nombre de nuestro sitio ya que es importante que este asignado en en lugar importante.

Aqui podemos ver como el buscador esta colocado en la parte superior par que se mas fácil para nuestro usuario verlo al momento de ingresar.

En esta área están colocadas diferentes link hacia otras paginas de la misma organización.

Esta área fue asignada para únicamente poner imágenes.Por esto mismo ocupa una mayor dimensión que las demás áreas.

Aquí podemos ver como estas colocados algunos botones con acciones independientes de  la pagina.

Anuncios

sesión 25

En esta sesión vimos el ultimo plano estrategia que es el plano surface que es muy importante saber ya que de esta manera podemos ser mas eficientes y dar mas entregables para obtener el mejor resultado posible e ir construyendo esta pagina o blog sin ningún posible problema, en este plano tenemos que llevar a cabo la construcción de los layouts del sitio en sus diferentes formas de presentarlas, es importante saber bien lo que realizamos y así será un trabajo mucho mas rápido. Algo muy importante en este proceso es que tengan congruencia, coherencia y lógica.

Plano Surface

Thumbnails- Boceto con texto simulado.

Roughs-Boceto con texto y color.

Tight Layout- Boceto ya a computadora, las cosas ya más formalizadas pero todavía dispuesto a cambios.

Después de tener esto es importante definir el modo que el usuario estar cargando información a su sitio.

Cut and Paste: Cambia la programación o contenido.

Automatizados: en esta opcion el cliente de manera independiente puede manejar la inforacion asu gustoy poner lo que kiera.

CMS con Back end (la programación o lo que no puede ver el usuario) de Rol: Un ejemplo son los blogs.

CMS Back end más poderoso: puede ser incluso un Framework.

Despues de todo esto debemos analizar si en verdad cumple con la congruencia, coherencia y lógica.

Sesión 24Viaje

En esta sesión el maestro nos dio la oportunidad de conocer tres empresas del Distrito Federal que en verdad están haciendo un gran trabajo, en lo personal me gusto mucho tener este tipo de actividad ya que a parte de que vimos como esta México actual y la importancia de saber lo que el maestro nos enseño es muy bueno, el viaje sallio de la escuela por la mañana y a pesar de que tuvimos serios contratiempos por el trafico pudimos asistir a todas las empresas.

La primera empresa que visitamos fue HighTech que es una empresa enfocada en la impresión de offset, en este momento esta empresa cuenta con grandes ventas des revistas mensuales y están empezando a entrar al lo que es la web,es una empresa que realiza todo desde cero, diseño, producción y maquilacion, es realmente una empresa buena.

Despues tuvimos la oportunidad de visitar otra empresa llamada… no recuerdo el nombre pero se enfocaba a hacer CD´s interjectivos de todo tipo, en lo personal esta empresa me pareció bastante buena ya que realizan en verdad un buen trabajo y su personal no pasa de 10 personas, creo que la clave es que cada persona esta enfocada en una rama del diseño y esto hacer tener un excelente equipo.

Por utlimo visitamos el despacho”Snake & Eagle” que tiene el orgullo de ser el primer lugar donde todo es desarrollado en México, empezaron siendo un lugar donde se desarrollaban videojuegos, pero ahora cuentan con otras áreas como música, y realidad virtual, me da gusto saber que en México hay empresas que desarrollan su tecnología y no la compran, en verdad creo que están haciendo un gran trabajo.

Sesión 23

En esta clase no tuve la oportunidad de entrar a la primera hora, pero en la segunda hora estuvimos platicando el lo que se conoce como surface que es el ultimo nivel de nuestra plano estrategia, este ultimo plano es sumamnete importante, es aqui donde realmento nosotros los diseñadores ponemos la magia a este tipo de proyectos, en este ultimo plano debemos tener toda la estructura lista, tener bien determinado los patrones, etc, después de lograr la estructura que deceamos realizamos el layout y posteriormente este es enviado a un programador especializado en este campo para poner toda la programación, también estuvimos platicando de las entregas y presentaciones.

casi nos vamos de vacacioness!

Nación

Diseño de Navegación

1.-Mapa de sitio: este mapa nos indica las paginas interiores de nuestro sitio , así de cómo están organizadas entres.

2.- Navegación Global: esta opción  nos permite estar dentro de la pagina y poder entra a cualquier pagina que tenga un enlace dentro del sito, esto es muy eficaz y agradable para  los usuarios. Es bastante eficaz.

3.- Navegación local: esta opción  nos permite estar dentro de la pagina y poder entra a cualquier pagina que tenga un enlace dentro del sito siempre y cuándo estén dentro de alguna sección en especial o  una misma categoría.

4.- Navegación Suplementaria: es un atajo dentro del sitio asi podemos navegar de forma directa sin importar donde estemos o la pagina anterior.

5.- Navegación contextual: dentro de la margina encontramos link que tienen el nombre del sitio al cual podemos llegar sin tener que estar  bajando de secciones..

6.- Navegación de cortesía: Se refiere a la ayuda o búsqueda extra.

Boceto de la pagina

Diseño de Interfaz:

-Un boceto de la página y es aquí donde los diseñadores gráficos  entran y actúan al 100% en el diseño de la pagina así como de elegir y poner los patrones de usuario, contenido, navegación y layout, en este paso los diseñadote realizan un Domi de las paginas, claro sin información.

Blog de personajee

Aquí pongo algunos puntos nuevos, así como correcciones del mi blog de personaje:

Objetivos:

Requerimientos

Los requerimientos se pueden clasificar en dos tipos:

Contenido:

– Utilizar un lenguaje claro y preciso.

-Utilizar una tipografía dependiendo de el tipo de usuarios.

-Espaciado del texto adecuado

-Colores de acuerdo a los usuarios y las preferencias.

Funcionalidad:

La interacción es lo mas importante que que ve reflejado en las paginas, el tipo es definido por los usuarios  o el cliente, otro punto importante es el tipo de red que será, ya que en la mayoría de los casos es abierta por el hecho de que la mayoria son de publicano.