Finalmente se completo la realización de la página Web, afortunadamente el trabajo final, resultó como lo había planeado desde el principio, no existieron muchas variaciones en su realización y diseño, el programa de Adobe Flash fue de mucha ayuda para la realización de la página, ya que casi en un 80% se trabajo en este programa, por otro lado también se utilizó un poco de photoshop para la edición de algunas imagenes entre ellas la imagen de fondo que se utiliza en todas las ventanas de la página, en cuanto a la tipografía, decidí utilizar la misma tipografía que se utilizó para la realización de mi logo, ya que queria mostrar uniformidad en todo el diseño.
Dentro del diseño se utilizó la ayuda de un tutorial, para poder realizar la ventana de contacto ya que se requeria de otros elementos y no tanto de animación, en cuanto al aspecto de animación, pense en que toda la página en diferentes momentos al ingresar a las ventanas tuviera animación, de este modo se puede llegar a atraer la atencion de los usuarios y no se ve tan común.
La parte de los patrocinadores, decidi ya no utilizarla ya que chocaba demasiado con la paleta de colores que estaba manejando y nuevamente como lo mencione anteriormente con la finalidad de conservar la uniformidad en los colores, no los coloque, en consecuencia no se pueden encontrar dentro de mi página Web enlaces externos a otras paginas.
En la parte de clientes, coloque botones de adelante y atraz con la finalidad de que los usuarios pudieran hacer mucho más dinamica la interacción dentro de la página y se tuviera un orden al ingresar a la misma, con el objetivo de que puedan checar toda la información colocada dentro de la página.
Datos personales
- Y@t@reny
- Estudio mercadotecnia, tengo 21 años, me considero una persona amigable, responsable, alegre, siempre trato de ver el lado positivo de todas las cosas, no me gusta complicarme la vida
martes, 2 de diciembre de 2008
miércoles, 22 de octubre de 2008
RESUMEN DE LECTURA WEB!!!!!
· Navegación:
Un usuario necesita generalmente situarse dentro de un contexto, encontrar su lugar dentro de una estructura de información. En los documentos en papel, esta percepción del “donde estoy”, es una mezcla de signos de estructura y gráficos proporcionados por el diseño grafico del libro, la organización del texto y la propia sensación física del libro como objeto.
Toda página Web debe proporcionar al usuario las claves necesarias para situarse en contexto y ofrecer pistas acerca de la estructura u organización de la información, pues solo una mínima parte de la Web es visible de una vez.
Si los botones estándar de los navegadores “Anterior” y “Siguiente”, se complementan con los botones “Página Anterior” y “Página siguiente” en la propia página Web, el usuario tendrá herramientas de navegación a través de los contenidos de la Web, ordenados según se hayan dispuesto. Una barra de botones puede además contener información de donde te encuentras, a la manera en que lo hacen los libros en papel con sus cabeceras. Estos enlaces son fijos dirigidos hacia documentos asociados.
Una barra de botones se puede construir con enlaces en formato de texto o con una serie de botones individuales en la parte de cada página.
· Diseño del sitio:
En esta fase del proyecto se tomaran las principales decisiones acerca de que es lo que quiere el público al que te diriges, que es lo que se quiere decir y como organizar los contenidos para satisfacer al usuario en la mayor medida posible.
*Organizando la información:
Pasos esenciales en la organización de la información:
1. Dividir el contenido en unidades lógicas
2. Establecer una jerarquía de importancia entre las unidades
3. Utilizar la jerarquía para estructurar los vínculos entre unidades
4. Construir un sitio que siga de cerca la estructura de información propuesta
5. Analizar el éxito funcional y estético del sistema
Un lector aprecia siempre los pedazos cortos de información que pueden ser localizados y visualizados de forma rápida. Trocear la información puede facilitar su organización y exposición de manera uniforme.
El concepto de trocear la información debe ser flexible y consistente con sentido común, con una organización lógica y conveniente. Una vez determinado un conjunto lógico del sitio permite al usuario prever eficazmente donde puede encontrar las cosas.
Se debe de conseguir una gradación de menús y páginas que un usuario medio perciba como natural, y que confunda o interfiera con el uso que haga del sitio.
Si la Web esta en continuo crecimiento, el equilibrio correcto entre menús y páginas de contenidos es un factor dinámico fundamental.
Una tabla de contenidos puede ser una herramienta fundamental para la navegación. Un sitio Web se construye alrededor de unos temas estructurales básicos. La forma más sencilla de organizar la información es colocarla secuencialmente. Una secuencia lineal es la organización más adecuada para sitios de formación o educativos.
Las retículas son la mejor manera de organiza muchos manuales de procedimiento, listados de cursos universitarios o descripciones de casos médicos. Las unidades individuales de la retícula deberán compartir una estructura de temas y subtemas extremadamente uniforme, haciendo comprensible al público la estructura general del producto.
Una jerarquía en la información es la mejor manera de organizar cuerpos de contenidos complejos. Se supone que para el constructor de la Web una eficaz disciplina en aras de una mayor aproximación analítica hacia los contenidos, pues solo funciona s el material está bien organizado.
Las estructuras organizadas en forma de telaraña suponen pocas restricciones en cuanto a patrones en el uso de la información, el fin es muchas veces imitar el pensamiento asociativo y el flujo libre de las ideas, permitiendo al usuario segur sus propios intereses y generar modelos únicos, heurísticos e idiosincrásicos, dificultan al usuario la predicción y comprensión de lo que se muestra.
· Temas en el diseño del sitio:
Las aplicaciones Web dirigidas a la instrucción en temas concretos tienden a presentar un diseño lineal. Una buena aplicación para la enseñanza se construye generalmente alrededor de una narrativa central fuerte, pero permite a menudo hacer paréntesis interesantes fuera del propio sitio Web. Los enlaces son el aspecto más potente de la Red, pero muchas veces puede constituir una distracción que desvía a los usuarios del curso propuesto.
El público que desee seguir un curso de autoformación puede llegar a irritarse si la estrategia de diseño es demasiado restrictiva o lineal. En este tipo, se conoce algo por lo general del tema por lo que se necesita un diseño de estructura flexible, no lineal e interactiva, pues es difícil predecir que temas son lo que más van a interesar. La opción de imprimir el material es un requisito indispensable para este tipo de usuario.
Un sitio Web de referencia bien diseñado permitirá al usuario acceder a encontrar lo que busca e imprimir o descargar fácilmente lo que ha encontrado. No se utilizan modelos lineales, los componentes gráficos deberán de ser mínimos y la estructura de contenidos y menús debe organizarse cuidadosamente para que se permita una gran agilidad en la búsqueda y recuperación de los resultados para facilitar la descarga de los archivos y su impresión a papel.
· Componentes del sitio.
Todo sitio Web se organiza a partir de una página principal o home que actúa como punto lógico de entrada a un sistema de páginas Web. La página principal interpreta una gran diversidad de funciones. Algunos diseños se aprovechan ante todo de su enorme grado de visibilidad pues, con seguridad, es la página más visitada de la Web, y por esta razón es la página ideal donde exponer noticias e informaciones de última hora.
Página principal como menú.
Un diseño sofisticado combinara los mapas de imagen con bloques de enlaces en formato de texto. Estos últimos tienen un menos impacto visual pero ofrecen una mayor agilidad ante repentinos cambios de última hora.
Página principal de noticias.
La información en vivo hace la página principal más interesante y probablemente, facilita que el usuario repita su visita. El usuario puede desorientarse si al estructura de la página principal, cambia con demasiada frecuencia.
Página principal orientada.
El usuario accede a un sitio Web, generalmente con unos intereses muy concretos, es muy ventajoso utilizar la página principal para dividir inmediatamente el público, en distinto grupos de interés, y así ofrecerles una información más completa y relevante, acorde con sus intereses y dispuesta en páginas, menú que lo dirigen, sin tantos preámbulos, a zonas más internas del sitio.
Las portadas o páginas de bienvenida de una página Web-splash screens o “salpicar” la pantalla- son probablemente el elemento más discutido de todo el diseño Web. La clave esta en evaluar el publico que se tiene y, en función de ello, escoger el tipo de entrada que se desea. Una portada elegante pero poco funcional, puede, resultar irritante.
El éxito de estas páginas de bienvenida depende mucho de las expectativas particulares del usuario que visite la Web.
Gráficos o texto: decidir la cantidad de elementos gráficos con que queremos “abarrotar” la página, una utilización vigorosa de elementos gráficos puede ser muy efectiva para captar la atención del navegante, imponen un elevado tiempo de descarga, refleja la necesidad de ajustarse a un público diversificado con distintas expectativas.
La mejor manera de satisfacer al mismo tiempo tanto las necesidades de usuario esporádico como las de uno muy específico, es que usa la Web frecuentemente, es ofrecer opciones alternativas y simultaneas, ofrecer dos tipos de página principal:
*Una más orientada al público en general, que sea atractiva visualmente y otra que ponga especial atención en un acceso rápido a los contenidos, con listas de enlaces en formato de texto.
*Utilizar un encabezamiento grafico en la parte superior de la página, seguido por una densa lista de enlaces en formato de texto.
Si se escoge depender exclusivamente de un mapa de imagen donde insertar los enlaces, es muy importante proporcionar listas de enlace en formato de texto, que permanezcan a la vista incluso si el usuario opta por desactivas la visualización de los elementos gráficos de su navegador.
Retícula base para el diseño de página: cuando diseñas un sitio Web de grandes dimensiones, es mucho más importante concentrarse en la retícula base que van a compartir la mayor parte del as páginas de la Web. El éxito global de la Web dependerá más de una estructura y retículas convincentes, que de una página principal muy atractiva.
Menús y subwebs: en sitios complejos con gran variedad de temas, no es muy conveniente cargar la página principal con docenas de enlaces. Crear una página de submenús para cada una de las temáticas de la Web generara una pequeña home para cada una de estas secciones.
Listas de recursos, páginas de enlaces: en una Web empresarial o institucional, una página con enlaces a “otros sitios interesantes”, bien editada y con un mantenimiento periódico, puede ser de gran valor, además de favorecer una considerable suma de visitas en busca de recursos. Los índices de materias y de palabras clave de la información de la Web son una manera relativamente sencilla de proporcionar una orientación clara del volumen, la organización y el contexto de los contenidos que se incluyen. Los mapas de sitio aportan al usuario una visión general de los contenidos.
*Los mapas del sitio de Web, complejas son, se debe de utilizar metáforas sencillas que esbozan los contornos entre los que se instalan los contenidos de una Web.
*Los mapas del sitio son: elementos gráficos, y por tanto, cuando se decide añadir u organizar la información, se necesita dedicar más tiempo y esfuerzo, para cambiarlos, que si fuera una lista en formato texto.
Página novedades
Si los artículos del menú de la página principal se actualizan, se puede colocar una imagen con la palabra “nuevo” al lado de cada nuevo apartado. Sin la fecha de la última actualización, el usuario no tienen ninguna pista para saber si lo que hay impreso es actual o ya esta caducado.
Buscadores
En sitios web de gran tamaño, las herramientas de búsqueda son una necesidad, e incluso es conveniente en los sitios que no son tan granes pero tienen documentos muy extensos. Las búsquedas por palabras clave ofrecen al usuario un listado de enlaces específicos para continuar la navegación, pero no aportan una visión global del carácter y la naturaleza de la información a la que nos lleva cada uno de ellos, ni tampoco de la estructura que se ha utilizado, los menús y los índices por material facilitan esa visión de conjunto global, pero si el usuario está buscando una información muy concreta, que no se menciona en los contenidos, puede perderse lo que se ofrece. Si el sitio es complejo ofrece un menú desplegable con las distintas secciones en las que limitar la búsqueda.
Información de contacto y relación con el usuario
Proporciona siempre, en un lugar destacado de la Web al menos un enlace a la dirección de correo electrónico, se puede incluso pedir información del visitante, o comentarios, a través de un formulario Web y luego utilizar una base de datos para almacenas y analizar la información que han aportado. Si no se dispone de un espacio suficiente o adecuado en la página principal para colocar dicha información, se debería al menos establecer un enlace hacia una página que la contenga. Para asegurarse de que se encuentra de manera eficaz y segura se puede utilizar un mapa grafico, direcciones en formato de texto, información acerca de los hoteles más cercanos, o incluso la distribución de cada una de las plantas del edificio.
Bibliografías o apéndices
Las bibliografías, glosarios de términos o apéndices que pueden abultar en demasía para esta inserto en cualquier informe empresarial, pueden integrarse fácilmente dentro de una Web para que puedan consultarse a discreción.
Paginas FAQ
+Exclusiva: la FAQ una página en donde se listan las preguntas más comunes de los usuarios, junto a sus respectivas respuestas, para facilitar apoyo e información a grupos de trabajo, dentro de una institución o un grupo profesional que depende de una oficina central de dirección, puede mejorar la comprensión de la información y de los sentidos que se ofrecen por parte del usuario y reduce el volumen de trabajo del personal de apoyo.
Paginas de error del servidor
Si deseamos una página de error bien diseñada, debería ser consecuente con la apariencia y filosofía generales de la Web, proporcionar algún tipo de explicación acerca de porque se ha producido el error, sugerir algunas alternativas y facilitar enlaces a la página principal local, al índice de la Web o a un pagina con un buscador.
· Diseño en internet frente a diseño de intranet
Los sitios Web de carácter extremo intentan captar a un público general el usuario tiene siempre una escasa motivación a quedarse, y por ello debe ser constantemente seducido y premiado con imágenes bonitas, o contenidos brillantes para que habiten el sitio durante más tiempo, una buena Web intranet reúne información útil, la organizan sistemas lógicos y la entrega eficazmente. Las empresas o universidades que antes adoptaron la red son las que sufren de una mayor desorganización, pues cada uno de los grupos o departamentos ha desarrollado por si mismo su propio lenguaje grafico, diseño de internas o su propia arquitectura de la información.
Un usuario necesita generalmente situarse dentro de un contexto, encontrar su lugar dentro de una estructura de información. En los documentos en papel, esta percepción del “donde estoy”, es una mezcla de signos de estructura y gráficos proporcionados por el diseño grafico del libro, la organización del texto y la propia sensación física del libro como objeto.
Toda página Web debe proporcionar al usuario las claves necesarias para situarse en contexto y ofrecer pistas acerca de la estructura u organización de la información, pues solo una mínima parte de la Web es visible de una vez.
Si los botones estándar de los navegadores “Anterior” y “Siguiente”, se complementan con los botones “Página Anterior” y “Página siguiente” en la propia página Web, el usuario tendrá herramientas de navegación a través de los contenidos de la Web, ordenados según se hayan dispuesto. Una barra de botones puede además contener información de donde te encuentras, a la manera en que lo hacen los libros en papel con sus cabeceras. Estos enlaces son fijos dirigidos hacia documentos asociados.
Una barra de botones se puede construir con enlaces en formato de texto o con una serie de botones individuales en la parte de cada página.
· Diseño del sitio:
En esta fase del proyecto se tomaran las principales decisiones acerca de que es lo que quiere el público al que te diriges, que es lo que se quiere decir y como organizar los contenidos para satisfacer al usuario en la mayor medida posible.
*Organizando la información:
Pasos esenciales en la organización de la información:
1. Dividir el contenido en unidades lógicas
2. Establecer una jerarquía de importancia entre las unidades
3. Utilizar la jerarquía para estructurar los vínculos entre unidades
4. Construir un sitio que siga de cerca la estructura de información propuesta
5. Analizar el éxito funcional y estético del sistema
Un lector aprecia siempre los pedazos cortos de información que pueden ser localizados y visualizados de forma rápida. Trocear la información puede facilitar su organización y exposición de manera uniforme.
El concepto de trocear la información debe ser flexible y consistente con sentido común, con una organización lógica y conveniente. Una vez determinado un conjunto lógico del sitio permite al usuario prever eficazmente donde puede encontrar las cosas.
Se debe de conseguir una gradación de menús y páginas que un usuario medio perciba como natural, y que confunda o interfiera con el uso que haga del sitio.
Si la Web esta en continuo crecimiento, el equilibrio correcto entre menús y páginas de contenidos es un factor dinámico fundamental.
Una tabla de contenidos puede ser una herramienta fundamental para la navegación. Un sitio Web se construye alrededor de unos temas estructurales básicos. La forma más sencilla de organizar la información es colocarla secuencialmente. Una secuencia lineal es la organización más adecuada para sitios de formación o educativos.
Las retículas son la mejor manera de organiza muchos manuales de procedimiento, listados de cursos universitarios o descripciones de casos médicos. Las unidades individuales de la retícula deberán compartir una estructura de temas y subtemas extremadamente uniforme, haciendo comprensible al público la estructura general del producto.
Una jerarquía en la información es la mejor manera de organizar cuerpos de contenidos complejos. Se supone que para el constructor de la Web una eficaz disciplina en aras de una mayor aproximación analítica hacia los contenidos, pues solo funciona s el material está bien organizado.
Las estructuras organizadas en forma de telaraña suponen pocas restricciones en cuanto a patrones en el uso de la información, el fin es muchas veces imitar el pensamiento asociativo y el flujo libre de las ideas, permitiendo al usuario segur sus propios intereses y generar modelos únicos, heurísticos e idiosincrásicos, dificultan al usuario la predicción y comprensión de lo que se muestra.
· Temas en el diseño del sitio:
Las aplicaciones Web dirigidas a la instrucción en temas concretos tienden a presentar un diseño lineal. Una buena aplicación para la enseñanza se construye generalmente alrededor de una narrativa central fuerte, pero permite a menudo hacer paréntesis interesantes fuera del propio sitio Web. Los enlaces son el aspecto más potente de la Red, pero muchas veces puede constituir una distracción que desvía a los usuarios del curso propuesto.
El público que desee seguir un curso de autoformación puede llegar a irritarse si la estrategia de diseño es demasiado restrictiva o lineal. En este tipo, se conoce algo por lo general del tema por lo que se necesita un diseño de estructura flexible, no lineal e interactiva, pues es difícil predecir que temas son lo que más van a interesar. La opción de imprimir el material es un requisito indispensable para este tipo de usuario.
Un sitio Web de referencia bien diseñado permitirá al usuario acceder a encontrar lo que busca e imprimir o descargar fácilmente lo que ha encontrado. No se utilizan modelos lineales, los componentes gráficos deberán de ser mínimos y la estructura de contenidos y menús debe organizarse cuidadosamente para que se permita una gran agilidad en la búsqueda y recuperación de los resultados para facilitar la descarga de los archivos y su impresión a papel.
· Componentes del sitio.
Todo sitio Web se organiza a partir de una página principal o home que actúa como punto lógico de entrada a un sistema de páginas Web. La página principal interpreta una gran diversidad de funciones. Algunos diseños se aprovechan ante todo de su enorme grado de visibilidad pues, con seguridad, es la página más visitada de la Web, y por esta razón es la página ideal donde exponer noticias e informaciones de última hora.
Página principal como menú.
Un diseño sofisticado combinara los mapas de imagen con bloques de enlaces en formato de texto. Estos últimos tienen un menos impacto visual pero ofrecen una mayor agilidad ante repentinos cambios de última hora.
Página principal de noticias.
La información en vivo hace la página principal más interesante y probablemente, facilita que el usuario repita su visita. El usuario puede desorientarse si al estructura de la página principal, cambia con demasiada frecuencia.
Página principal orientada.
El usuario accede a un sitio Web, generalmente con unos intereses muy concretos, es muy ventajoso utilizar la página principal para dividir inmediatamente el público, en distinto grupos de interés, y así ofrecerles una información más completa y relevante, acorde con sus intereses y dispuesta en páginas, menú que lo dirigen, sin tantos preámbulos, a zonas más internas del sitio.
Las portadas o páginas de bienvenida de una página Web-splash screens o “salpicar” la pantalla- son probablemente el elemento más discutido de todo el diseño Web. La clave esta en evaluar el publico que se tiene y, en función de ello, escoger el tipo de entrada que se desea. Una portada elegante pero poco funcional, puede, resultar irritante.
El éxito de estas páginas de bienvenida depende mucho de las expectativas particulares del usuario que visite la Web.
Gráficos o texto: decidir la cantidad de elementos gráficos con que queremos “abarrotar” la página, una utilización vigorosa de elementos gráficos puede ser muy efectiva para captar la atención del navegante, imponen un elevado tiempo de descarga, refleja la necesidad de ajustarse a un público diversificado con distintas expectativas.
La mejor manera de satisfacer al mismo tiempo tanto las necesidades de usuario esporádico como las de uno muy específico, es que usa la Web frecuentemente, es ofrecer opciones alternativas y simultaneas, ofrecer dos tipos de página principal:
*Una más orientada al público en general, que sea atractiva visualmente y otra que ponga especial atención en un acceso rápido a los contenidos, con listas de enlaces en formato de texto.
*Utilizar un encabezamiento grafico en la parte superior de la página, seguido por una densa lista de enlaces en formato de texto.
Si se escoge depender exclusivamente de un mapa de imagen donde insertar los enlaces, es muy importante proporcionar listas de enlace en formato de texto, que permanezcan a la vista incluso si el usuario opta por desactivas la visualización de los elementos gráficos de su navegador.
Retícula base para el diseño de página: cuando diseñas un sitio Web de grandes dimensiones, es mucho más importante concentrarse en la retícula base que van a compartir la mayor parte del as páginas de la Web. El éxito global de la Web dependerá más de una estructura y retículas convincentes, que de una página principal muy atractiva.
Menús y subwebs: en sitios complejos con gran variedad de temas, no es muy conveniente cargar la página principal con docenas de enlaces. Crear una página de submenús para cada una de las temáticas de la Web generara una pequeña home para cada una de estas secciones.
Listas de recursos, páginas de enlaces: en una Web empresarial o institucional, una página con enlaces a “otros sitios interesantes”, bien editada y con un mantenimiento periódico, puede ser de gran valor, además de favorecer una considerable suma de visitas en busca de recursos. Los índices de materias y de palabras clave de la información de la Web son una manera relativamente sencilla de proporcionar una orientación clara del volumen, la organización y el contexto de los contenidos que se incluyen. Los mapas de sitio aportan al usuario una visión general de los contenidos.
*Los mapas del sitio de Web, complejas son, se debe de utilizar metáforas sencillas que esbozan los contornos entre los que se instalan los contenidos de una Web.
*Los mapas del sitio son: elementos gráficos, y por tanto, cuando se decide añadir u organizar la información, se necesita dedicar más tiempo y esfuerzo, para cambiarlos, que si fuera una lista en formato texto.
Página novedades
Si los artículos del menú de la página principal se actualizan, se puede colocar una imagen con la palabra “nuevo” al lado de cada nuevo apartado. Sin la fecha de la última actualización, el usuario no tienen ninguna pista para saber si lo que hay impreso es actual o ya esta caducado.
Buscadores
En sitios web de gran tamaño, las herramientas de búsqueda son una necesidad, e incluso es conveniente en los sitios que no son tan granes pero tienen documentos muy extensos. Las búsquedas por palabras clave ofrecen al usuario un listado de enlaces específicos para continuar la navegación, pero no aportan una visión global del carácter y la naturaleza de la información a la que nos lleva cada uno de ellos, ni tampoco de la estructura que se ha utilizado, los menús y los índices por material facilitan esa visión de conjunto global, pero si el usuario está buscando una información muy concreta, que no se menciona en los contenidos, puede perderse lo que se ofrece. Si el sitio es complejo ofrece un menú desplegable con las distintas secciones en las que limitar la búsqueda.
Información de contacto y relación con el usuario
Proporciona siempre, en un lugar destacado de la Web al menos un enlace a la dirección de correo electrónico, se puede incluso pedir información del visitante, o comentarios, a través de un formulario Web y luego utilizar una base de datos para almacenas y analizar la información que han aportado. Si no se dispone de un espacio suficiente o adecuado en la página principal para colocar dicha información, se debería al menos establecer un enlace hacia una página que la contenga. Para asegurarse de que se encuentra de manera eficaz y segura se puede utilizar un mapa grafico, direcciones en formato de texto, información acerca de los hoteles más cercanos, o incluso la distribución de cada una de las plantas del edificio.
Bibliografías o apéndices
Las bibliografías, glosarios de términos o apéndices que pueden abultar en demasía para esta inserto en cualquier informe empresarial, pueden integrarse fácilmente dentro de una Web para que puedan consultarse a discreción.
Paginas FAQ
+Exclusiva: la FAQ una página en donde se listan las preguntas más comunes de los usuarios, junto a sus respectivas respuestas, para facilitar apoyo e información a grupos de trabajo, dentro de una institución o un grupo profesional que depende de una oficina central de dirección, puede mejorar la comprensión de la información y de los sentidos que se ofrecen por parte del usuario y reduce el volumen de trabajo del personal de apoyo.
Paginas de error del servidor
Si deseamos una página de error bien diseñada, debería ser consecuente con la apariencia y filosofía generales de la Web, proporcionar algún tipo de explicación acerca de porque se ha producido el error, sugerir algunas alternativas y facilitar enlaces a la página principal local, al índice de la Web o a un pagina con un buscador.
· Diseño en internet frente a diseño de intranet
Los sitios Web de carácter extremo intentan captar a un público general el usuario tiene siempre una escasa motivación a quedarse, y por ello debe ser constantemente seducido y premiado con imágenes bonitas, o contenidos brillantes para que habiten el sitio durante más tiempo, una buena Web intranet reúne información útil, la organizan sistemas lógicos y la entrega eficazmente. Las empresas o universidades que antes adoptaron la red son las que sufren de una mayor desorganización, pues cada uno de los grupos o departamentos ha desarrollado por si mismo su propio lenguaje grafico, diseño de internas o su propia arquitectura de la información.
miércoles, 15 de octubre de 2008
IDEA PARA SITIO WEB
Mi idea para realizar la pagina web es; desarrollar un sitio en el cual se muestren prendas de vestir para perros de todas las razas y temporadas o eventos, quiero utilizar mi logo como nombre de la empresa y enfocarme en mostrar algunos diseños de ropa, con la finalidad de que los clientes entren al portal y se empapen de toda la variedd que existe de vestidos para sus mascotas, incluir una ventana en la cual puedan contactarme, y me gustaria no se que tan factible seria, realizar un intro antes de ingresar a la pagina o ya dentro de la misma.
Quiero que el portal se vea elegante pero divertido, los colores por los cuales me inclino de entrada serian negro y azul, pues son los que predominan en mi logo, utilizaria imagenes y me gustaria hacer enfasis en la flor de loto para utilizarla como fondo en algunas ventanas y botones.
y como opcion tentativa quisiera que incluyera alguna pista musical para darle al portal un toque fresco y atractivo.
Quiero que el portal se vea elegante pero divertido, los colores por los cuales me inclino de entrada serian negro y azul, pues son los que predominan en mi logo, utilizaria imagenes y me gustaria hacer enfasis en la flor de loto para utilizarla como fondo en algunas ventanas y botones.
y como opcion tentativa quisiera que incluyera alguna pista musical para darle al portal un toque fresco y atractivo.
“PROTOTYPING FOR TINY FINGERS”
Building prototypes on paper and testing them with real users, is called low fidelity prototyping or “lo-ti” for short. Paper prototyping is potentially a breakthrough idea for organizations that had never tried it, since it allows you to demonstrate the behavior of an interface very early in development, and test designs with real users if quality is partially a function of the number of iterations and refinements a design undergoes before it hits the street, lo-fi prototyping is a technique that can dramatically increase quality.
¶ The problems with HI FI
*Hi-fi prototypes take too long to build an change; you can’t evaluate an interaction design until after it is built, but after building, changes to the design are difficult.
*Reviewers and testers tend to coniment on “fil and finish” issues; with a slick software prototype, you are just as likely to hear criticism about your choice of fonts, color combination and button sizes.
*Developers resist changes; they are attached to they work because it was so hard to implement.
*A prototype in software can set expectations that will be hard to change.
*A single bug in a hi-fi prototype can bring a test to a complete hall; to test effectively, your prototype need to be complete and robust enough for someone to try to do something useful with it.
¶ A tojan meme
It did more than reproduce itself through the department. It serves as a vehicle for spreading a general appreciation of the value of usability design: developers saw first-hand the difference in people reactions to successive refinements in their designs.
The interface design community as “Formative evaluation” meaning that you are evaluating your design while it is still in its formative stages. Testing is used as a kind of natural selection for ideas, helping your design evolve toward a form that will survive in the wilds of the user community.
With summary evaluation you find out how well you did, but you find out too late to make substantial changes.
The prototyping effort needs to be carefully planned and follow by adequate testing and evaluation.
¶ Building a Lo-Fi prototype.
1. Assemble a hit: it may be hard to get all the materials you need by rummaging through the supply closet in the copy room. Lo-fi designers sometimes find inspiration in the materials at hand.
2. Set a deadline: no matter how hard you think about it you aren’t going to start getting it right until you put something in front of actual users and start refining your idea based on their experience with your design.
3. Construct models. Not illustrations: make what you need to simulate menus dropping down, dialogs popping put, selection highlights and so forth.
¶ Preparing for a test.
Select your users
Prepare test scenarios: write a set of scenarios, preferably drawn from task analysis describing the product during use in a typical work situation.
Practice
¶ Conducting a test
*Greeter: welcomes users and tries to put them at case.
*Facilitator: takes the lead, and is the only team member who is allowed to speak freely during the test. Giving the users instructions, encouraging the user to express his or her thoughts during the test, and making sure everything gets done on time.
*Computer: if the user touches control, the computer arranges, taking care not to explain anything other than the behavior of the interface.
*Observers: The interface is on trial, not you, if you fail to understand something or can’t complete one of the tasks, that’s a sign of trouble with the design, not a lack of intelligence on your part.
¶ Evaluation results
Lo-fi or hi-ti, prototyping is worthless unless information is gathered and the product is refined based on your findings.
¶ The problems with HI FI
*Hi-fi prototypes take too long to build an change; you can’t evaluate an interaction design until after it is built, but after building, changes to the design are difficult.
*Reviewers and testers tend to coniment on “fil and finish” issues; with a slick software prototype, you are just as likely to hear criticism about your choice of fonts, color combination and button sizes.
*Developers resist changes; they are attached to they work because it was so hard to implement.
*A prototype in software can set expectations that will be hard to change.
*A single bug in a hi-fi prototype can bring a test to a complete hall; to test effectively, your prototype need to be complete and robust enough for someone to try to do something useful with it.
¶ A tojan meme
It did more than reproduce itself through the department. It serves as a vehicle for spreading a general appreciation of the value of usability design: developers saw first-hand the difference in people reactions to successive refinements in their designs.
The interface design community as “Formative evaluation” meaning that you are evaluating your design while it is still in its formative stages. Testing is used as a kind of natural selection for ideas, helping your design evolve toward a form that will survive in the wilds of the user community.
With summary evaluation you find out how well you did, but you find out too late to make substantial changes.
The prototyping effort needs to be carefully planned and follow by adequate testing and evaluation.
¶ Building a Lo-Fi prototype.
1. Assemble a hit: it may be hard to get all the materials you need by rummaging through the supply closet in the copy room. Lo-fi designers sometimes find inspiration in the materials at hand.
2. Set a deadline: no matter how hard you think about it you aren’t going to start getting it right until you put something in front of actual users and start refining your idea based on their experience with your design.
3. Construct models. Not illustrations: make what you need to simulate menus dropping down, dialogs popping put, selection highlights and so forth.
¶ Preparing for a test.
Select your users
Prepare test scenarios: write a set of scenarios, preferably drawn from task analysis describing the product during use in a typical work situation.
Practice
¶ Conducting a test
*Greeter: welcomes users and tries to put them at case.
*Facilitator: takes the lead, and is the only team member who is allowed to speak freely during the test. Giving the users instructions, encouraging the user to express his or her thoughts during the test, and making sure everything gets done on time.
*Computer: if the user touches control, the computer arranges, taking care not to explain anything other than the behavior of the interface.
*Observers: The interface is on trial, not you, if you fail to understand something or can’t complete one of the tasks, that’s a sign of trouble with the design, not a lack of intelligence on your part.
¶ Evaluation results
Lo-fi or hi-ti, prototyping is worthless unless information is gathered and the product is refined based on your findings.
martes, 14 de octubre de 2008
DESCRIPCION 3er: PROYECTO!!!!!!
El proyecto a desarrollar para este parcial es la creacion de un sitio Web, en que se pueda utilizar el logotiopo diseñado el parcial pasado, ademas de que el software que se utilizara para la realizacion de esta actividad es Flash y Dream weaver, se utilizaran animacines realizadas por mi relacionadas con el tema de la pagina, creacion de botones con links a tres ventanas minimo de la misma pagina.
jueves, 2 de octubre de 2008
ELEMENTOS SELECCIONADOS PARA EL DISEÑO
Estas son algunas imagenes que encontre para utilizar en mi diseño
PRIMEROS BOCETOS DE LOGO!!!!!
Estos son algunos de los primeros bocetos que realice para el diseño del logo.
PROYECTO DE LOGO!!!!!
Finalmente, termine el diseño de mi marca corporativa, que me definiera como persona, durante la realizacion, se fueron complementando mucho mejor los elementos que queria utilizar, como lo mencione desde un principio el nombre que utilice fue: YATIS, ya que es una palabra con la cual muchas personas me conocen, el elemento que utilice para resaltar un poco mas algunos atributos fue una flor de loto, ya que me parece algo muy delicado, femenino y sobre tod expresivo, desde un principio la idea que tenia acerca de la tipografia fue casi la misma, ya que queria representar la palabra por medio de elementos entrelazados diseñados por mi, debido a que no se distinguian correctamente preferi utilizar, atendiendo al consejo de Alex, una tipografia similar pero preestablecida.
El tono que utilice fue azul, pues es un color que me gusta mucho y significa claridad, algo que tambien queria plasmar en el diseño.
El tono que utilice fue azul, pues es un color que me gusta mucho y significa claridad, algo que tambien queria plasmar en el diseño.
RESUMEN DE LECTURA: logo"
“RESUMEN DE LECTURA”
La composición se entiende como el paso más importante en la solución de problema visual. Es precisamente en esta etapa en la cual el comunicador tiene mayor control de su trabajo para poder expresar el estado de ánimo que desea par la obra. Se sabe que en este tema no existen reglas absolutas más bien se tiene comprensión de lo que puede ocurrir en términos de significado para obtener una organización y armonía de los medios visuales.
Percepción y comunicación visual.
Para confeccionar un mensaje visual se puede decir que creamos un diseño a partir de los elementos básicos que se explican más adelante, el resultado de esta composición es la intención del artista. El siguiente paso es proceso de absorber la información del mensaje que resulta a través de los ojos. La interpretación que cada persona le da a este mensaje es la percepción. Hoy que recalcar que el elemento más importante dentro de la experiencia visual es el carácter tonal, quedando los demás elementos como secundarios.Se pueden percibir algunas variables dentro de la declaración visual las cuales consisten en hacer énfasis de algunos elementos a favor de otros y también la manipulación de esos elementos utilizando las técnicas de manera estratégica.
· Equilibrio
El hombre encuentra el equilibrio hasta en la forma de pararse en la que se para, es por esto que el constructo horizontal-vertical es la forma básica entre el hombre y su entorno.
· Tensión:
Hay figuras como el círculo que no parecen tener estabilidad, es por eso que el hombre para suplir esa necesidad de equilibrio impone un eje vertical en el centro y una base horizontal y los utiliza como referencia a esto se le conoce como tención visual. Este es el medio que no sirve para crear un efecto que tenga potencial económico y directo en la transmisión de la información. También es importante tener en cuenta al analizar los elementos que hay muchos otros aspectos sobre la misma que deberían ampliarse y que esta no es lo único que domina al ojo.
· Nivelación y aguzamiento
En un campo visual con forma rectangular la nivelación se lograría colocando un punto en el centro geométrico de un mapa estructural sobre este cuadro y esto nos ofrecería sorpresa visual, por otro lado el aguzamiento seria colocar el punto en un lugar excéntrico por ejemplo en la esquina derecha del cuadro. Cuando el punto no está claramente en el centro de la imagen ni en una esquina sucede lo que se conoce como una situación de ambigüedad.
· Preferencia por el ángulo inferior izquierdo
Entre las formas en las que la tención visual puede maximizarse esta en aprovechar el hecho de que el ojo favorece la zona inferior izquierda, esto se puede atribuir a la forma de leer occidental en la que vamos de derecha a izquierda.
· Atracción y agrupamiento
Un punto aislado en un campo se relaciona con todo, cuando existen dos puntos significativamente separados luchan por atraer la atención y dan la impresión de que se repelen. Mientras más cercanos están los puntos se va creando la impresión de que se armonizan y por lo tanto se atraen y así se va agudizando el efecto mientras los puntos son más cercanos.
· Positivo y negativo
La significancia de este elemento se explica tomando en cuenta que hay elementos separados que están unificados en los acontecimientos visuales. Un ejemplo claro de esto sería la introducción de un punto dentro de un cuadrado, el punto absorbe la atención alejándola del cuadro, a esta situación se le denomina significancia de lo positivo y lo negativo.
Elementos básicos de la comunicación visual.
Los elementos básicos de la comunicación visual son: punto, línea, contorno, dirección, tono, color, textura, dimensión, escala y movimiento. Estos elementos son la materia prima de la comunicación visual que está formada por selecciones y combinaciones selectivas. Para poder comprender la estructura del lenguaje visual primero que nada debemos conocer los elementos visuales.
· El punto
Es la unidad más simple, por lo tanto es la más pequeña de la comunicación visual. La utilidad del mismo además de ser la base es que sirve como referencia o como un marcador del espacio. La capacidad única de los puntos para guiar la mirada se hace más fuerte cuando estos se aproximan más.
· La línea
Se forma cuando los puntos están tan cercanos entre si que no se pueden distinguir individualmente, también se llega a definir como un punto en movimiento. La línea es precisa y siempre tiene una dirección y un propósito, nunca es estática y es el elemento visual principal para los bocetos.
· El contorno
La línea describe el contorno y articula su complejidad. Los contornos básicos son el cuadrado, el triangulo y el circulo. Estas son figuras planas y simples de fácil descripción y construcción.
· La dirección
Existen tres direcciones básicas que son expresadas por los contornos, estas son: horizontal y vertical, diagonal y curva. La horizontal y vertical son las más importantes ya que sirven como referencia como ya lo mencionamos si no que facilita el equilibrio no solo del hombre si no de todas las cosas que se construyen y diseñan. La diagonal es la más provocadora y la curva remite a la repetición y el calor.
· Tono
Los bordes en que se usa la línea aparecen en diferentes intensidades de oscuridad o claridad del objeto visto, a esto se le llama tono. Las variaciones de luz son el medio mediante el cual distinguimos de manera visual la información del entorno. Dentro del grafismo, la pintura, la fotografía y el cine la tonalidad es una clase de pigmento o pintura que se utiliza para simular un tono natural.
· Color
Este componente tiene una relación intensa con las emociones y es necesario para la creación del mensaje visual. Existen mucha teorías sobre el color sin embargo no existe un sistema unificado y definitivo de las relaciones de los colores.
Dimensiones del color:El matiz, existen tres matices primarios que son amarillo, rojo y azul.La dimensión, se refiere a la pureza de un color con respecto al gris.La acromática, se refiera al brillo.
Cundo elegimos un color estamos expresando muchas cosas ya que este es la parte más emotiva y tiene una gran fuerza para expresar y reforzar l información visual.
· Textura
Este elemento visual sirve de doble de las cualidades del sentido del tacto, es decir que podemos reconocerla bien sea con el sentido de la vista o del tacto. Se relaciona a través de variaciones diminutas en la superficie del material y sirve como ayudante de la experiencia sensitiva.
· Escala
Los elementos visuales tienen la capacidad de modificarte y definirse los unos a los otros. Partiendo de esto podemos concluir que no existe lo grande sin lo pequeño. Una aplicación de esta en la comunicación visual es que se puede usar en planos y mapas para representar una medición proporcional real. Existen muchos sistemas para establecer escalas.
· Dimensión
Se define como la representación volumétrica de formas visuales bidimensionales, esta existe en el mundo real, cuando se usa en dibujos, pinturas, fotografías o películas existe un volumen real más bien este es implícito.
· Movimiento
Este es una de las fuerzas visuales predominantes de la experiencia humana, en la comunicación visual se pueden usar técnicas capaces de engañar al ojo como la ilusión de la textura y la dimensión. El medio visual que más se aproxima a este elemento es el cinematográfico.
La composición se entiende como el paso más importante en la solución de problema visual. Es precisamente en esta etapa en la cual el comunicador tiene mayor control de su trabajo para poder expresar el estado de ánimo que desea par la obra. Se sabe que en este tema no existen reglas absolutas más bien se tiene comprensión de lo que puede ocurrir en términos de significado para obtener una organización y armonía de los medios visuales.
Percepción y comunicación visual.
Para confeccionar un mensaje visual se puede decir que creamos un diseño a partir de los elementos básicos que se explican más adelante, el resultado de esta composición es la intención del artista. El siguiente paso es proceso de absorber la información del mensaje que resulta a través de los ojos. La interpretación que cada persona le da a este mensaje es la percepción. Hoy que recalcar que el elemento más importante dentro de la experiencia visual es el carácter tonal, quedando los demás elementos como secundarios.Se pueden percibir algunas variables dentro de la declaración visual las cuales consisten en hacer énfasis de algunos elementos a favor de otros y también la manipulación de esos elementos utilizando las técnicas de manera estratégica.
· Equilibrio
El hombre encuentra el equilibrio hasta en la forma de pararse en la que se para, es por esto que el constructo horizontal-vertical es la forma básica entre el hombre y su entorno.
· Tensión:
Hay figuras como el círculo que no parecen tener estabilidad, es por eso que el hombre para suplir esa necesidad de equilibrio impone un eje vertical en el centro y una base horizontal y los utiliza como referencia a esto se le conoce como tención visual. Este es el medio que no sirve para crear un efecto que tenga potencial económico y directo en la transmisión de la información. También es importante tener en cuenta al analizar los elementos que hay muchos otros aspectos sobre la misma que deberían ampliarse y que esta no es lo único que domina al ojo.
· Nivelación y aguzamiento
En un campo visual con forma rectangular la nivelación se lograría colocando un punto en el centro geométrico de un mapa estructural sobre este cuadro y esto nos ofrecería sorpresa visual, por otro lado el aguzamiento seria colocar el punto en un lugar excéntrico por ejemplo en la esquina derecha del cuadro. Cuando el punto no está claramente en el centro de la imagen ni en una esquina sucede lo que se conoce como una situación de ambigüedad.
· Preferencia por el ángulo inferior izquierdo
Entre las formas en las que la tención visual puede maximizarse esta en aprovechar el hecho de que el ojo favorece la zona inferior izquierda, esto se puede atribuir a la forma de leer occidental en la que vamos de derecha a izquierda.
· Atracción y agrupamiento
Un punto aislado en un campo se relaciona con todo, cuando existen dos puntos significativamente separados luchan por atraer la atención y dan la impresión de que se repelen. Mientras más cercanos están los puntos se va creando la impresión de que se armonizan y por lo tanto se atraen y así se va agudizando el efecto mientras los puntos son más cercanos.
· Positivo y negativo
La significancia de este elemento se explica tomando en cuenta que hay elementos separados que están unificados en los acontecimientos visuales. Un ejemplo claro de esto sería la introducción de un punto dentro de un cuadrado, el punto absorbe la atención alejándola del cuadro, a esta situación se le denomina significancia de lo positivo y lo negativo.
Elementos básicos de la comunicación visual.
Los elementos básicos de la comunicación visual son: punto, línea, contorno, dirección, tono, color, textura, dimensión, escala y movimiento. Estos elementos son la materia prima de la comunicación visual que está formada por selecciones y combinaciones selectivas. Para poder comprender la estructura del lenguaje visual primero que nada debemos conocer los elementos visuales.
· El punto
Es la unidad más simple, por lo tanto es la más pequeña de la comunicación visual. La utilidad del mismo además de ser la base es que sirve como referencia o como un marcador del espacio. La capacidad única de los puntos para guiar la mirada se hace más fuerte cuando estos se aproximan más.
· La línea
Se forma cuando los puntos están tan cercanos entre si que no se pueden distinguir individualmente, también se llega a definir como un punto en movimiento. La línea es precisa y siempre tiene una dirección y un propósito, nunca es estática y es el elemento visual principal para los bocetos.
· El contorno
La línea describe el contorno y articula su complejidad. Los contornos básicos son el cuadrado, el triangulo y el circulo. Estas son figuras planas y simples de fácil descripción y construcción.
· La dirección
Existen tres direcciones básicas que son expresadas por los contornos, estas son: horizontal y vertical, diagonal y curva. La horizontal y vertical son las más importantes ya que sirven como referencia como ya lo mencionamos si no que facilita el equilibrio no solo del hombre si no de todas las cosas que se construyen y diseñan. La diagonal es la más provocadora y la curva remite a la repetición y el calor.
· Tono
Los bordes en que se usa la línea aparecen en diferentes intensidades de oscuridad o claridad del objeto visto, a esto se le llama tono. Las variaciones de luz son el medio mediante el cual distinguimos de manera visual la información del entorno. Dentro del grafismo, la pintura, la fotografía y el cine la tonalidad es una clase de pigmento o pintura que se utiliza para simular un tono natural.
· Color
Este componente tiene una relación intensa con las emociones y es necesario para la creación del mensaje visual. Existen mucha teorías sobre el color sin embargo no existe un sistema unificado y definitivo de las relaciones de los colores.
Dimensiones del color:El matiz, existen tres matices primarios que son amarillo, rojo y azul.La dimensión, se refiere a la pureza de un color con respecto al gris.La acromática, se refiera al brillo.
Cundo elegimos un color estamos expresando muchas cosas ya que este es la parte más emotiva y tiene una gran fuerza para expresar y reforzar l información visual.
· Textura
Este elemento visual sirve de doble de las cualidades del sentido del tacto, es decir que podemos reconocerla bien sea con el sentido de la vista o del tacto. Se relaciona a través de variaciones diminutas en la superficie del material y sirve como ayudante de la experiencia sensitiva.
· Escala
Los elementos visuales tienen la capacidad de modificarte y definirse los unos a los otros. Partiendo de esto podemos concluir que no existe lo grande sin lo pequeño. Una aplicación de esta en la comunicación visual es que se puede usar en planos y mapas para representar una medición proporcional real. Existen muchos sistemas para establecer escalas.
· Dimensión
Se define como la representación volumétrica de formas visuales bidimensionales, esta existe en el mundo real, cuando se usa en dibujos, pinturas, fotografías o películas existe un volumen real más bien este es implícito.
· Movimiento
Este es una de las fuerzas visuales predominantes de la experiencia humana, en la comunicación visual se pueden usar técnicas capaces de engañar al ojo como la ilusión de la textura y la dimensión. El medio visual que más se aproxima a este elemento es el cinematográfico.
jueves, 18 de septiembre de 2008
RESUMEN COMPLETO!!!!
Se entiende como marca a un grafitismo de identificación, en el que se reconoce la actividad de un grupo, sociedad o movimiento, son mensajes abreviados que se utilizan para representar, adoptando formas con base en signos icónicos y verbales, combinándolos a ambos en varias ocasiones.
Como logotipo se sabe que es la forma más común para representar una marca, se puede leer y se deriva de marcas verbales como; monograma, anagrama y sigla.
El monograma es una abreviatura que se utiliza en sellos y marcas, se utiliza una o varias iniciales que entrelazan rasgos de unas letras con otras para formar un signo unificado.
El anagrama; se define de dos maneras, la primera; es la transportación de letras de una palabra, de la que resulta otra distinta en viceversa. Y la segunda a un símbolo construido por letras. Emplea letras o silabas del nombre de la entidad que representa de manera logotipada, se utilizan contracciones para casos en los que es demasiado larga o difícil de dibujar o graficar
El símbolo a su vez se refiere a una representación grafica mediante un elemento representativo que se viene a la mente haciendo referencia a un significado que se refleja algo más allá de lo que se ve. Su forma se adquiere por la función que en la vida diaria se le atribuye.
La sigla; es una palabra formada por un conjunto de letras iniciales, no tiene articulación fonética, por lo que se lee letra por letra.
Por otro lado se presentan otros términos que al igual que los anteriores son necesarios tener en claro para la buena interpretación y desarrollo de un diseño. La inicial es una marca verbal, que hace referencia a la primera letra del nombre de algo, lo que se utiliza como resumen para identificar rápidamente lo que se desea dar a conocer.
La firma es una característica propia ya que se refiere al nombre, apellido, titulo o distintivo de una persona, se escribe de propia mano para brindar autenticidad.
El pictograma es empleado principalmente para señalizar, ya que tiene mucha facilidad para cruzar las barreras del lenguaje hablado y escrito y goza de una alta pregnancia, pueden enfocarse a la representación realista de objetos o utilizar conceptos abstractos, incluso pueden ser arbitrarias las representaciones.
Existen neologismos que permiten juntar varios términos, con la finalidad de describir de manera mucho más clara la definición de otros términos, en este caso se presenta el logosimbolo, que se entiende como el tipo de marca integrado por un componente escrito y por un distintivo icónico.
Otro termino muy utilizado en la actualidad es el de imagotipo; que es toda forma visual que garantice un grado de diferenciación y pregnancia, se puede aplicar de modo recurrente asociado a una identidad determinada.
Para obtener un buen trabajo de diseño es importante saber utilizar los términos adecuados ya que de esto depende la interpretación que en un futuro se le de al diseño. El mal uso de la terminología en cuanto a marca y logotipo distorsiona el significado de cada uno, atribuyendo nuevos elementos que no tienen nada que ver con el significado de dichas palabras. Se deben de utilizar los términos adecuados al momento de realizar algún grafitismo. Lo cual se resume en lograr homologar terminologías.
BIBLIOGRAFIA:
Baroni, Daniele (1986), Il manuale del design grafico, Longanesi, Italia. Chaves, Norberto (1988), La imagen corporativa, Gustavo Gili, España.Costa, Joan (1993), Identidad Corporativa, Trillas, México. Murphy, Jhon. Rowe, Michael (1991), Cómo diseñar marcas y logotipos, Gustavo Gili, España.Ortega Pedraza, Estaban (1980), Etimologías. Lenguaje culto y científico, Diana, México.Papadia, Micaela (1989), Investigación en la historia de signos, marcas y logotipos, Cetis 16 mexicano-italiano, Querétaro, México.
Como logotipo se sabe que es la forma más común para representar una marca, se puede leer y se deriva de marcas verbales como; monograma, anagrama y sigla.
El monograma es una abreviatura que se utiliza en sellos y marcas, se utiliza una o varias iniciales que entrelazan rasgos de unas letras con otras para formar un signo unificado.
El anagrama; se define de dos maneras, la primera; es la transportación de letras de una palabra, de la que resulta otra distinta en viceversa. Y la segunda a un símbolo construido por letras. Emplea letras o silabas del nombre de la entidad que representa de manera logotipada, se utilizan contracciones para casos en los que es demasiado larga o difícil de dibujar o graficar
El símbolo a su vez se refiere a una representación grafica mediante un elemento representativo que se viene a la mente haciendo referencia a un significado que se refleja algo más allá de lo que se ve. Su forma se adquiere por la función que en la vida diaria se le atribuye.
La sigla; es una palabra formada por un conjunto de letras iniciales, no tiene articulación fonética, por lo que se lee letra por letra.
Por otro lado se presentan otros términos que al igual que los anteriores son necesarios tener en claro para la buena interpretación y desarrollo de un diseño. La inicial es una marca verbal, que hace referencia a la primera letra del nombre de algo, lo que se utiliza como resumen para identificar rápidamente lo que se desea dar a conocer.
La firma es una característica propia ya que se refiere al nombre, apellido, titulo o distintivo de una persona, se escribe de propia mano para brindar autenticidad.
El pictograma es empleado principalmente para señalizar, ya que tiene mucha facilidad para cruzar las barreras del lenguaje hablado y escrito y goza de una alta pregnancia, pueden enfocarse a la representación realista de objetos o utilizar conceptos abstractos, incluso pueden ser arbitrarias las representaciones.
Existen neologismos que permiten juntar varios términos, con la finalidad de describir de manera mucho más clara la definición de otros términos, en este caso se presenta el logosimbolo, que se entiende como el tipo de marca integrado por un componente escrito y por un distintivo icónico.
Otro termino muy utilizado en la actualidad es el de imagotipo; que es toda forma visual que garantice un grado de diferenciación y pregnancia, se puede aplicar de modo recurrente asociado a una identidad determinada.
Para obtener un buen trabajo de diseño es importante saber utilizar los términos adecuados ya que de esto depende la interpretación que en un futuro se le de al diseño. El mal uso de la terminología en cuanto a marca y logotipo distorsiona el significado de cada uno, atribuyendo nuevos elementos que no tienen nada que ver con el significado de dichas palabras. Se deben de utilizar los términos adecuados al momento de realizar algún grafitismo. Lo cual se resume en lograr homologar terminologías.
BIBLIOGRAFIA:
Baroni, Daniele (1986), Il manuale del design grafico, Longanesi, Italia. Chaves, Norberto (1988), La imagen corporativa, Gustavo Gili, España.Costa, Joan (1993), Identidad Corporativa, Trillas, México. Murphy, Jhon. Rowe, Michael (1991), Cómo diseñar marcas y logotipos, Gustavo Gili, España.Ortega Pedraza, Estaban (1980), Etimologías. Lenguaje culto y científico, Diana, México.Papadia, Micaela (1989), Investigación en la historia de signos, marcas y logotipos, Cetis 16 mexicano-italiano, Querétaro, México.
miércoles, 17 de septiembre de 2008
¿Marca, logotipo, imagotipo...?
Para obtener un buen trabajo de diseño es importante saber utilizar los términos adecuados ya que de esto depende la interpretación que en un futuro se le de al diseño. El mal uso de la terminología en cuanto a marca y logotipo distorsiona el significado de cada uno, atribuyendo nuevos elementos que no tienen nada que ver con el significado de dichas palabras. Se deben de utilizar los términos adecuados al momento de realizar algún grafitismo. Lo cual se resume en lograr homologar terminologías.
viernes, 12 de septiembre de 2008
PROYECTO SEGUNDO PARCIAL
El proyecto de este parcial consiste en crear una marca y un logo para nosotros mismos, que se refiera a lo que puedes ofrecer dentro de tu carrera, para lo que es necesario tener muy en cuenta cuales son las palabras que te definen mejor y despues de esto, poder enfocarte en representar esos adjetivos en tu imagen.
Actualmente algunos de los adjetivos que siento me definen mejor para trabajar, y que quiero se vean reflejados en la targeta de presentacion que desea realizar son:
*Organizacion
*Trabajo
*Espontaneidad
*Confiable
*Activo
*Alegre
*Resultados
*Claridad
*Social
*Amigable
*Responsabilidad
*Lealtad
Desde hace algun tiempo improvise un texto que definia mi nombre, y era como muchas personas me dicen, sin embargo creo que podría encontrar una nueva opcion y no solo quedarme con esa, comenzare a buscar tipografias e imagenes que representen de mejor manera lo que intento proyectar con ese diseño.
Actualmente algunos de los adjetivos que siento me definen mejor para trabajar, y que quiero se vean reflejados en la targeta de presentacion que desea realizar son:
*Organizacion
*Trabajo
*Espontaneidad
*Confiable
*Activo
*Alegre
*Resultados
*Claridad
*Social
*Amigable
*Responsabilidad
*Lealtad
Desde hace algun tiempo improvise un texto que definia mi nombre, y era como muchas personas me dicen, sin embargo creo que podría encontrar una nueva opcion y no solo quedarme con esa, comenzare a buscar tipografias e imagenes que representen de mejor manera lo que intento proyectar con ese diseño.
MARCAS Y LOGOS
Existe una gran diferencia entre marca y logo; la marca se enfoca a un conjunto de signos referentes a algo, con la finalidad de crear conciencia o identidad sobre un objeto, empresa, etc. Es un elemento muy importante para la publicidad, ya que sirve al consumidor como referencia de lo que le ofrece cierto producto o servicio.
El logo es un signo que le sirve a una empresa para representarse, existen varios tipos diferentes dependiendo de la forma y de lo que expresa para la empresa.
A continuacion se presenta una liga en la cual pueden ver varios logos de marcas y ustedes deben de adivinar a que marca se refiere, esta muy padre!!!!
http://javimoya.com/blog/especial/marcas/
El logo es un signo que le sirve a una empresa para representarse, existen varios tipos diferentes dependiendo de la forma y de lo que expresa para la empresa.
A continuacion se presenta una liga en la cual pueden ver varios logos de marcas y ustedes deben de adivinar a que marca se refiere, esta muy padre!!!!
http://javimoya.com/blog/especial/marcas/
viernes, 5 de septiembre de 2008
¡¡¡¡¡¡¡¡¡¡¡¡CONCEPTO FINAL!!!!!!!!!!!!
Finalmente y despues de mucho tiempo y de sufrimiento, el concepto final de mi CD de "Rock en Español" queda de la siguinte manera:
El concepto que manejo es una mezcla de elementos que desde el principio propuse en mi conceptualización: la diversidad, la fusión, la libertad y el manejo de colores blanco y negro con algunos tonos coloridos como rosa, azul, verde, amarillo y rojo. El amarillo predomina, ya que es un color que contrasta con el negro.
La caratula tiene dichos colores, el titulo seleccionado para mi disco es "BUSCANDO LA DIVERSIDAD" el logo para el disco es una guitarra con flores, las flores se enfocan de cierto modo, al concepto que queria plasmar de feminidad, y la guitarra es un elemento principal que representa completamente al genero, esta imagen fue obtenida de una página de Internet (www.google.com); coloqué los nombres de todos los grupos e intérpretes que aparecen dentro del CD de manera desordenada en blanco, negro y en alguno casos colores mezclados, de este modo se refleja la diversidad que se encuentra en el disco.
La mayor parte de las veces se utiliza el color negro para este género por lo que fue la principal razón por la cual utilice ese color. Dentro del booklet, coloqué una imagen que realicé con la ayuda de Photoshop, en la cual se utiliza un collage de imagenes de los discos de los grupos o intérpretes que se encuentran en el CD, posteriormente con capas variadas le di un efecto a la imagen que simula un conjunto de fotografías instantaneas en las cuales de fondo se ven las imagenes de los diferentes CD´s. En esta parte se refleja la fusión y diversidad que fue el tema principal de mi CD como desde un principio lo mencione.
El concepto que manejo es una mezcla de elementos que desde el principio propuse en mi conceptualización: la diversidad, la fusión, la libertad y el manejo de colores blanco y negro con algunos tonos coloridos como rosa, azul, verde, amarillo y rojo. El amarillo predomina, ya que es un color que contrasta con el negro.
La caratula tiene dichos colores, el titulo seleccionado para mi disco es "BUSCANDO LA DIVERSIDAD" el logo para el disco es una guitarra con flores, las flores se enfocan de cierto modo, al concepto que queria plasmar de feminidad, y la guitarra es un elemento principal que representa completamente al genero, esta imagen fue obtenida de una página de Internet (www.google.com); coloqué los nombres de todos los grupos e intérpretes que aparecen dentro del CD de manera desordenada en blanco, negro y en alguno casos colores mezclados, de este modo se refleja la diversidad que se encuentra en el disco.
La mayor parte de las veces se utiliza el color negro para este género por lo que fue la principal razón por la cual utilice ese color. Dentro del booklet, coloqué una imagen que realicé con la ayuda de Photoshop, en la cual se utiliza un collage de imagenes de los discos de los grupos o intérpretes que se encuentran en el CD, posteriormente con capas variadas le di un efecto a la imagen que simula un conjunto de fotografías instantaneas en las cuales de fondo se ven las imagenes de los diferentes CD´s. En esta parte se refleja la fusión y diversidad que fue el tema principal de mi CD como desde un principio lo mencione.
jueves, 4 de septiembre de 2008
DISEÑO DE IMAGEN DE BOOKLET
Con la ayuda de Photoshop y algunas paginas de Internet relacionadas con el programa pude desarrollar la imagen que voy a utilizar dentro de mi booklet, solo tengo que realizar algunos cambios en cuento al fondo de la imagen pues los colores difuminados que utilice no concuerdan mucho con el resto del booklet
BOCETAJE!!!!!
Despues de tomar varias opciones para el diseño de mi CD, pense en ir dibujando las deas que salieran en el momento, y de este modo acomodarlas para tener una idea más clara de lo que deseaba colocar en la portada y el booklet, además lo utilice como auxiliar para conocer cuantas paginas iba a necesitar del booklet, las imagenes de los bocetos las pueden observar aki.
lunes, 25 de agosto de 2008
NUEVO CONCEPTO!!!!!!!
Durante estos días he estado trabajando sobre una nueva idea para la portada del CD; quiero seguir conservando varios elementos como la diversidad de estilos, las fusiones, la ibertad del género, el dejarse llevar y el concepto del color negro (absorber).
Busque algunas imágenes y me llamo mucho la atención una de un Graffiti; donde aparecen como unas siluetas grandes (mayoría de hombre que se destacan dentro del género) y pequeñas (las minorias, mujeres); utilicé la imagen y la modifique en Photoshop, para que se integraran ambos elementos, esta seccion se puede ver reflejada en la diversidad ya que cada silueta es de un color (morado, azul, rosa y verde), las siluetas pequeñas tambien son diferentes y hasta cierto punto dan la impresión de ser vulnerables.
Esta imagen la coloque sobre un fondo completamente negro, sin embargo aún no estoy muy convencida de dejarla así, finalmente la idea que tendo del booklet es un fondo negro con las canciones en letras blancas, en diferentes direcciones y la portada del CD del grupo o interprete donde aparezca dicha canción.
Busque algunas imágenes y me llamo mucho la atención una de un Graffiti; donde aparecen como unas siluetas grandes (mayoría de hombre que se destacan dentro del género) y pequeñas (las minorias, mujeres); utilicé la imagen y la modifique en Photoshop, para que se integraran ambos elementos, esta seccion se puede ver reflejada en la diversidad ya que cada silueta es de un color (morado, azul, rosa y verde), las siluetas pequeñas tambien son diferentes y hasta cierto punto dan la impresión de ser vulnerables.
Esta imagen la coloque sobre un fondo completamente negro, sin embargo aún no estoy muy convencida de dejarla así, finalmente la idea que tendo del booklet es un fondo negro con las canciones en letras blancas, en diferentes direcciones y la portada del CD del grupo o interprete donde aparezca dicha canción.
CONCEPTUALIZACION
Para la clase del Miércoles pasado, tuvimos que llevar algunos rotafolios con una conceptualizacion mucho más especifica de lo que deseabamos plasmar en el CD, sin embargo el concepto que tenía anteriormente resulto no ser del todo factible, por lo que durante estos siete días debo de trabajar en una nueva idea, tomando en cuenta algunos aspectos que anteriormente habia considerado para mi CD
viernes, 22 de agosto de 2008
IMAGENES DE LA IDEA
Las imagenes que se presentan son las descritas en el argumento mencionado de la idea para la portada
lunes, 18 de agosto de 2008
IDEA CREATIVA
La idea que tengo para realizar el arte de mi CD es mostrar un poco de la diversidad de estilos musicales y fusiones que se pueden presentar dentro del Rock en Español, como ya lo mencione anteriormente este CD; se basa en una recopilación de algunos éxitos de grupos o solistas del mismo género, más representativos en los últimos años. Por lo mismo no se encontraran clásicos de este género, pues esta más enfocado al presente.
La utilización de varios instrumentos musicales como la guitarra eléctrica y acústica las cuales se destacan en este género, bateria, bajo y por lo general sintetizadores, caracterizan mucho los sonidos utilizados, en los cuales se hace referencia a las fusiones antes mencionadas.
Ya que es un género propio, con mensajes en cada canción quiero enfocarme en lo que se puede sentir al escuchar cada una, es un género libre; por lo que quiero que el CD se vea de ese modo. Que represente el dejarse llevar. El mensaje quiero que sea definido pero a la vez un poco abstracto sin caer en lo burdo.
Observando algunos de los discos de grupos e interpretes que aparecen en esta recopilación me puedo percatar de que pocas veces aparecen en las portadas de sus CD´s, por lo cual quiero utilizar a una persona que los represente a todos y refleje la pasión por la música que muestran al interpretar cada una de sus canciones.
La idea que en este momento tengo para los colores; es blanco y negro, haciendo referencia al yin yang, ya que en la filosofía china se dice que siempre se necesita de dos opuestos para complementar el universo y así poder tener un balance adecuado. Se dice que el yang es masculino, luz y positivo, por otro lado el yin es femenino, oscuro y negativo, en mi disco se puede escuchar música de mujeres como Ely guerra y Andrea Echeverry y de grupos en su totalidad conformados por hombres. Por otro lado quiero plasmar la dualidad de este concepto por medio de un girasol con un insecto (uno no existe sin el otro), esta imagen quisiera colocarla en su color original de fondo y como imagen principal la de un hombre como lo había comentado; que sea el representante de los interpretes tocando el piano, esta imagen sería en blanco y negro, mostrando la pasión del género, y que el piano o instrumento se encuentra dentro del músico y viceversa. Todo está de nuevo en dejarse llevar.
Otra razón por la cual escogí estos dos colores principales fue; que el negro absorbe para después liberar y el blanco refleja; ambos lo que tienen a su alrededor, lo cual implica que son capaces de tomar lo que deseen en cualquier momento , el rock es así, no se limita pero es definido y puede mostrarse en varias formas sin perder sus orígenes.
Aun sigo considerando la contraportada y el diseño del booklet.
La utilización de varios instrumentos musicales como la guitarra eléctrica y acústica las cuales se destacan en este género, bateria, bajo y por lo general sintetizadores, caracterizan mucho los sonidos utilizados, en los cuales se hace referencia a las fusiones antes mencionadas.
Ya que es un género propio, con mensajes en cada canción quiero enfocarme en lo que se puede sentir al escuchar cada una, es un género libre; por lo que quiero que el CD se vea de ese modo. Que represente el dejarse llevar. El mensaje quiero que sea definido pero a la vez un poco abstracto sin caer en lo burdo.
Observando algunos de los discos de grupos e interpretes que aparecen en esta recopilación me puedo percatar de que pocas veces aparecen en las portadas de sus CD´s, por lo cual quiero utilizar a una persona que los represente a todos y refleje la pasión por la música que muestran al interpretar cada una de sus canciones.
La idea que en este momento tengo para los colores; es blanco y negro, haciendo referencia al yin yang, ya que en la filosofía china se dice que siempre se necesita de dos opuestos para complementar el universo y así poder tener un balance adecuado. Se dice que el yang es masculino, luz y positivo, por otro lado el yin es femenino, oscuro y negativo, en mi disco se puede escuchar música de mujeres como Ely guerra y Andrea Echeverry y de grupos en su totalidad conformados por hombres. Por otro lado quiero plasmar la dualidad de este concepto por medio de un girasol con un insecto (uno no existe sin el otro), esta imagen quisiera colocarla en su color original de fondo y como imagen principal la de un hombre como lo había comentado; que sea el representante de los interpretes tocando el piano, esta imagen sería en blanco y negro, mostrando la pasión del género, y que el piano o instrumento se encuentra dentro del músico y viceversa. Todo está de nuevo en dejarse llevar.
Otra razón por la cual escogí estos dos colores principales fue; que el negro absorbe para después liberar y el blanco refleja; ambos lo que tienen a su alrededor, lo cual implica que son capaces de tomar lo que deseen en cualquier momento , el rock es así, no se limita pero es definido y puede mostrarse en varias formas sin perder sus orígenes.
Aun sigo considerando la contraportada y el diseño del booklet.
CLASE 13 DE AGOSTO
Algo de lo realizado durante la clase.
El pasado miércoles 13 de Agosto, se realizo una actividad durante la clase de Diseño gráfico con la finalidad de descubrir y analizar los sentimientos que nacen al escuchar cierto tipo de música, de este modo, se puede comenzar a desarrollar esa habilidad, para poder explicar y dar a conocer a otras personas, cuales son las ideas que en determinado momento puedan llegar a surgir de algún tema en especifico, y comenzar a atacar los miedos, penas, tabúes que se puedan llegar a presentar en nosotros al expresar lo que pensamos y sentimos. Al principio de la actividad lo que intentaba plasmar como tal era un dibujo determinado acerca de la música que estaba escuchando en ese momento, sin embargo conforme fue avanzando la actividad no me resultaba tan fácil el relacionarme emocionalmente con algunas canciones y mis dibujos eran más fijos y delimitados, cuando escuche música Punk comencé a dibujar líneas pero no tan libres como lo sentía al escuchar la música, al pasar finalmente al ultimo genero me resulto muchísimo más fácil, el soltarme un poco más y disfrutar la actividad.
HISTORIA DEL ROCK EN ESPAÑOL
El rock latinoamericano se dio en tres etapas principales; la primera de ellas se inicia con la entrada del rock anglosajón. En esta etapa la latinoamericanización se dio por medio de la traducción de lo que hacía Elvis Presley y los músicos de rock de los Estados Unidos e Inglaterra. Por otro lado, la segunda etapa se inició con la proliferación de bandas que buscaban un sonido y una voz propias. En este período, el rock latinoamericano ya empieza a formar su identidad en cada país y se convierte en un producto con una estética y tradición cultural. La tercera etapa es la de consolidación como un género caracterizado por la diversidad de estilos musicales, producto de fusiones, y cargado de un mensaje poderoso.
ETAPAS DEL ROCK EN ESPAÑOL
El primer antecedente dentro de los grupos de rock latino que nacieron en los Estados Unidos lo encontramos en Los Angeles, lugar que sigue siendo el centro más importante de este género. Aquí hace su aparición Richie Valens (intérprete de “La Bamba”), el más famoso de los primeros rockeros latinos, quien se encargó de introducir el folclore mexicano en la audiencia estadounidense por medio del rock and roll. Sin embargo el rock en español no tenia tanto apogeo y seguía, cantándose en inglés.
En México, a fines de los ´50, empiezan a formarse las primeras bandas de rock que cantan en español. El "Rock de la prisión" fue un ejemplo paradigmático de esa época.
México tuvo una importancia fundamental en la primera etapa de la historia del rock en español. Luego sería el turno de los argentinos, que desde finales de los ´60 evolucionan constantemente y terminan convirtiéndose en el rock en castellano más exportado del mundo, luego del producido por las bandas inglesas y las estadounidenses.
En México aparecen los Three Souls in My Mind, que después se harán conocidos como el Tri. Ya en los ´80, cuando el rock inglés derivó en diversos estilos -pop, punk, heavy metal, trash, hardcore-, el español asimiló las nuevas modalidades. Así el rock latino se enriqueció con toda una gama de nuevas posibilidades e influencias.
En Argentina comenzaba a sonar, Soda Stereo; hace su propio pop-rock. Los Fabulosos Cadillacs (ska),Fito Paez, son algunas de las bandas y músicos que más éxito tienen en la nueva era democrática.
En México, a fines de los ´50, empiezan a formarse las primeras bandas de rock que cantan en español. El "Rock de la prisión" fue un ejemplo paradigmático de esa época.
México tuvo una importancia fundamental en la primera etapa de la historia del rock en español. Luego sería el turno de los argentinos, que desde finales de los ´60 evolucionan constantemente y terminan convirtiéndose en el rock en castellano más exportado del mundo, luego del producido por las bandas inglesas y las estadounidenses.
En México aparecen los Three Souls in My Mind, que después se harán conocidos como el Tri. Ya en los ´80, cuando el rock inglés derivó en diversos estilos -pop, punk, heavy metal, trash, hardcore-, el español asimiló las nuevas modalidades. Así el rock latino se enriqueció con toda una gama de nuevas posibilidades e influencias.
En Argentina comenzaba a sonar, Soda Stereo; hace su propio pop-rock. Los Fabulosos Cadillacs (ska),Fito Paez, son algunas de las bandas y músicos que más éxito tienen en la nueva era democrática.
CONSOLIDACION
El rock en español ha crecido tanto que ya logró generar su propio rubro en los Grammy Awards y en los premios que otorga la Billboard, ambos en países de habla inglesa.
Pero esto no es más que la consolidación de un género con 50 años de historia que se caracteriza por la heterogeneidad, la apertura hacia lo nuevo, un mensaje con contenidos definidos y el tipo de idealismo que caracteriza a los músicos más nobles. Carlos Santana es otro de los antecedentes que, en la vertiente local, va introduciendo ritmos latinos y sonidos eléctricos en la audiencia americana. Estos músicos y bandas de rock en español son aquellos que muestran una increíble consistencia entre su manera de actuar dentro y fuera del escenario, y el mensaje de sus canciones.
Pero esto no es más que la consolidación de un género con 50 años de historia que se caracteriza por la heterogeneidad, la apertura hacia lo nuevo, un mensaje con contenidos definidos y el tipo de idealismo que caracteriza a los músicos más nobles. Carlos Santana es otro de los antecedentes que, en la vertiente local, va introduciendo ritmos latinos y sonidos eléctricos en la audiencia americana. Estos músicos y bandas de rock en español son aquellos que muestran una increíble consistencia entre su manera de actuar dentro y fuera del escenario, y el mensaje de sus canciones.
viernes, 15 de agosto de 2008
Lista de Canciones
A continuación se presenta la lista de canciones seleccionadas para la realización de este CD:
*Aterciopelados Bolero Falaz
*Babasonicos Pijamas
*Bengala Miente
* Bunkers Ven aki
*Café tacuba Dejate caer
*Chetes 16 de Febrero
*Concorde Rompecabezas
*Ely guerra Tengo frío
*Fobia Hoy tengo miedo
* Jumbo Siento que….
* Kinky Presidente
* Liquits Desde que
*Volovan Ella es azul
* Zoe Dead
lunes, 11 de agosto de 2008
Proyecto de Diseño
Durante el semestre Agosto- Diciembre 2008, tenemos que realizar varias actividades en la materia de Diseño Grafico, para el primer parcial la primera actividad es crear el arte de un CD de mùsica, cuyo genero fue seleccionado por nosotros mismos, en mi caso lo seleccionado fue: " Rock en español" ya que es un género que en lo personal me gusta demasiado y considero aporta muchisimo a laúsica en general.
Suscribirse a:
Comentarios (Atom)
