mi página web está compuesta por un index, el cual tendrá vínculo a una págirna principal en la que se explicará (mediante un cuadro de texto que aparezca) el concepto de metáfisica y de lado derecho habrá una barra en la que aparecerán los botones que vinculen a las otras páginas, con información sobre "ontología", "teología", "yo soy" y tal vez "chakras".
Pretendo hacer un diseño utilizando diversas fotos de paisajes (nubes principalmente) que nos remitan a la esencia de la naturaleza, paz, tranquilidad y meditación.
miércoles, 5 de noviembre de 2008
miércoles, 22 de octubre de 2008
Resumen de Lectura.
Navegación.
Transmitir el contexto al usuario.
Se vincula con el volumen de información y la manera en que la información se relaciona con la página.
Las páginas web debn proporcionar las claves necesarias para situarse en contexto y ofrecer pistas de la estructura u organización de la información.
Hacia atrás e ir a la página anterior.
Esto se da cuando el usuario da click a un enlace en un documento web y es transportado de un sitio a otro.
Diseño del sitio.
Muchas empresas y organizaciones caen en el error de utilizar sus páginas web para describir su organización, y de forma secundaria ofrecen los servicios, productos e información que busca el usuario medio, sin embargo la mayoría de los navegantes no les interesa saber acerca de la empresa.
Organizando la información.
Una web no funcionara sin fundamentos sólidos y lógicos de la organización.
La manera como la gente busca y usa información de referencia sugiere que unidades de información más pequeñas y mesuradas funcionan mejor y son más manejables que textos largos y uniformes
Jerarquía de importancia.
La mayoría de los sitios dependen de una jerarquía, moviéndose desde el plano general en conjunto, que correspondería a la página principal o home, hasta las páginas más especificas de submenús y contenidos.
Relaciones.
En estas, el usuario construye su propio esquema mental, una organización lógica del sitio permite al usuario prever eficazmente dónde puede encontrar las cosas.
Función.
El diseño de web eficaz es el justo equilibrio en la relación que se genera entre las páginas de menú y paginas con contenidos específicos.
Recapitulación.
Se refiere a pensar lo que se quiere decir y como se quiere decir.
Estructura del Sitio.
Estructura básica de la información.
Existen 4 maneras de estructurar un sitio web, secuencialmente, en retícula (grid), jerárquicamente y en forma de telaraña (web).
Secuencias.
Forma más sencilla de organizar la información, a partir de una cronología.
Retículas (grid).
Se puede decir que es la mejor manera de organizar manuales de procedimientos, listados de cursos universitarios o descripciones de casos médicos.
Jerarquías.
Es la mejor manera de organizar cuerpos de contenidos complejos. Se organiza alrededor de una página principal y son comunes en instituciones y solo funciona si el material está bien organizado.
Telaraña (web).
Pocas restricciones en cuanto a patrones de uso de la información, imitar el pensamiento asociativo y el flujo libre de las ideas, permitiendo al usuario seguir sus propios intereses y generar modelos únicos, heurísticos e idiosincrásicos, se produce de una gran densidad de enlaces, tanto hacia la información interna como a la externa de otras webs. Puede generar confusión, funcionan bien en webs pequeñas.
Temas en el diseño.
Instruir.
Tienden a presentar un diseño lineal, pocas oportunidades de salirse del curso. Restringir los enlaces a las páginas “Siguiente” y “Anterior” garantiza que todos los usuarios recorrerán los mismos contenidos y permite, asegurar el tiempo de contacto de forma más precisa.
Enseñar.
La información que se presenta es más sofisticada y densa.
Formación continúa.
El usuario conoce algo sobre el tema, el diseño debe facilitar un acceso ágil a todos los temas y ofrecer una diversidad de enlaces hacia material relacionado.
Referencia.
Permitirá al usuario acceder a él, encontrar lo que busca e imprimir o descargar fácilmente lo encontrado.
Componentes del sitio.
Páginas principales.
Todo sitios web se organiza a partir de una página principal o home, que actúa como unto lógico de entrada a un sistema de páginas web, todas las páginas web subordinadas deberían tener un enlace director a ella.
Su dirección URL en la red será la dirección que conduzca al usuario hacia el sitio web. Página ideal donde exponer noticias e información de última hora, su gran visibilidad la convierte en un lugar perfecto para colocar un menú de enlaces o una tabla de contenidos de la web.
Página principal orientada.
Se hace imposible mostrar en una sola página de entrada todo el aliento y profundidad de sus contenidos internos, ventajosos para dividir al público en distintos grupos de interés, ofrecerles información más concreta y relevante, acorde a sus intereses.
La portada.
Las portadas o paginas de bienvenida de una web, splash screens o “salpicar” la pantalla, para muchos usuarios son un fastidioso click de ratón que los distancia de los contenidos que están buscando, la clave está en evaluar el publico que se tiene y, en función de ello, escoger el tipo de entrada que se desea. El usuario que no desee entrar por la puesta principal siempre tiene la posibilidad de agregar a su lista de favoritos una página más interna. Para el diseño de una página principal lo primero es decidir la cantidad de elementos gráficos de la página, los gráficos imponente un elevado tiempo de descarga. Esta disyuntiva refleja la necesidad de ajustarse a un público diversificado con tantas expectativas.
Retícula base para el diseño de la página.
No dejar que el diseño de la página principal domine las estrategias generales del diseño de la web en su conjunto. Si te cansas de tu página principal solo debes cambiar o reorganizar una página; un error en la composición de la retícula base para el diseño de página puede suponer un mísero diseño para miles de páginas que dependan de ella.
Menús y subwebs.
A menos que manejes una web de tamaño reducido necesitaras incluir un submenú que sea accesible desde la pagina principal, no es conveniente cargar la pagina principal con docenas de enlaces, pues el tiempo de descarga puede ser demasiad.
*Índices de materias, contenidos del sitio, mapas del sitio: A diferencia del medio impreso, los sitios web ofrecen escasas indicaciones explicitas de la profundidad y extensión de los contenidos. Los índices de materias y de palabras clave de información de la web son una manera de orientación clara del volumen, organización y el contexto de los contenidos que se incluyen. Un índice web debería apuntar a las referencias más relevantes de una palabra clave, e ignorar referencias menores. Los mapas del sitio aportan al usuario una visión general de los contenidos.
Página novedades.
Webs requieren una actualización frecuente para que la información que presentan no se vuelva rancia. Se puede considerar la construcción de una página especial de “novedades” donde informar al usuario de las últimas actualizaciones.
Buscadores.
Herramientas y motores de búsqueda. Los dos sistemas, búsqueda mediante menú o por palabras clave, se complementan.
Información de contacto y relación con el usuario.
La red es un medio bidireccional, la gente espera poder enviar comentarios, preguntas o sugerencias.
*Direcciones físicas.
Como números de teléfono, números de fax, etc.
Mapas, instrucciones de acceso y de aparcamiento.
Proporcionar al cliente, visitante o proveedor instrucciones de acceso al lugar físico, se puede utilizar un mapa gráfico o direcciones en formato de texto.
Bibliografía y apéndices.
Pueden integrarse en un web para que puedan consultarse a discreción.
Páginas FAQ.
“Frequent Asked Questions” (preguntas más frecuentes).
Página donde se enlistan las preguntas más comunes de los usuarios, junto a sus respectivas respuestas.
Páginas de error del servidor.
Aparecen cuando un servidor web es incapaz de localizar una página, debería también proporcionar algún tipo de explicación acerca de por qué se ha producido el erros, sugerir alternativas y facilitar enlaces a la página principal local, al índice de la web o a una página con un buscador.
Transmitir el contexto al usuario.
Se vincula con el volumen de información y la manera en que la información se relaciona con la página.
Las páginas web debn proporcionar las claves necesarias para situarse en contexto y ofrecer pistas de la estructura u organización de la información.
Hacia atrás e ir a la página anterior.
Esto se da cuando el usuario da click a un enlace en un documento web y es transportado de un sitio a otro.
Diseño del sitio.
Muchas empresas y organizaciones caen en el error de utilizar sus páginas web para describir su organización, y de forma secundaria ofrecen los servicios, productos e información que busca el usuario medio, sin embargo la mayoría de los navegantes no les interesa saber acerca de la empresa.
Organizando la información.
Una web no funcionara sin fundamentos sólidos y lógicos de la organización.
La manera como la gente busca y usa información de referencia sugiere que unidades de información más pequeñas y mesuradas funcionan mejor y son más manejables que textos largos y uniformes
Jerarquía de importancia.
La mayoría de los sitios dependen de una jerarquía, moviéndose desde el plano general en conjunto, que correspondería a la página principal o home, hasta las páginas más especificas de submenús y contenidos.
Relaciones.
En estas, el usuario construye su propio esquema mental, una organización lógica del sitio permite al usuario prever eficazmente dónde puede encontrar las cosas.
Función.
El diseño de web eficaz es el justo equilibrio en la relación que se genera entre las páginas de menú y paginas con contenidos específicos.
Recapitulación.
Se refiere a pensar lo que se quiere decir y como se quiere decir.
Estructura del Sitio.
Estructura básica de la información.
Existen 4 maneras de estructurar un sitio web, secuencialmente, en retícula (grid), jerárquicamente y en forma de telaraña (web).
Secuencias.
Forma más sencilla de organizar la información, a partir de una cronología.
Retículas (grid).
Se puede decir que es la mejor manera de organizar manuales de procedimientos, listados de cursos universitarios o descripciones de casos médicos.
Jerarquías.
Es la mejor manera de organizar cuerpos de contenidos complejos. Se organiza alrededor de una página principal y son comunes en instituciones y solo funciona si el material está bien organizado.
Telaraña (web).
Pocas restricciones en cuanto a patrones de uso de la información, imitar el pensamiento asociativo y el flujo libre de las ideas, permitiendo al usuario seguir sus propios intereses y generar modelos únicos, heurísticos e idiosincrásicos, se produce de una gran densidad de enlaces, tanto hacia la información interna como a la externa de otras webs. Puede generar confusión, funcionan bien en webs pequeñas.
Temas en el diseño.
Instruir.
Tienden a presentar un diseño lineal, pocas oportunidades de salirse del curso. Restringir los enlaces a las páginas “Siguiente” y “Anterior” garantiza que todos los usuarios recorrerán los mismos contenidos y permite, asegurar el tiempo de contacto de forma más precisa.
Enseñar.
La información que se presenta es más sofisticada y densa.
Formación continúa.
El usuario conoce algo sobre el tema, el diseño debe facilitar un acceso ágil a todos los temas y ofrecer una diversidad de enlaces hacia material relacionado.
Referencia.
Permitirá al usuario acceder a él, encontrar lo que busca e imprimir o descargar fácilmente lo encontrado.
Componentes del sitio.
Páginas principales.
Todo sitios web se organiza a partir de una página principal o home, que actúa como unto lógico de entrada a un sistema de páginas web, todas las páginas web subordinadas deberían tener un enlace director a ella.
Su dirección URL en la red será la dirección que conduzca al usuario hacia el sitio web. Página ideal donde exponer noticias e información de última hora, su gran visibilidad la convierte en un lugar perfecto para colocar un menú de enlaces o una tabla de contenidos de la web.
Página principal orientada.
Se hace imposible mostrar en una sola página de entrada todo el aliento y profundidad de sus contenidos internos, ventajosos para dividir al público en distintos grupos de interés, ofrecerles información más concreta y relevante, acorde a sus intereses.
La portada.
Las portadas o paginas de bienvenida de una web, splash screens o “salpicar” la pantalla, para muchos usuarios son un fastidioso click de ratón que los distancia de los contenidos que están buscando, la clave está en evaluar el publico que se tiene y, en función de ello, escoger el tipo de entrada que se desea. El usuario que no desee entrar por la puesta principal siempre tiene la posibilidad de agregar a su lista de favoritos una página más interna. Para el diseño de una página principal lo primero es decidir la cantidad de elementos gráficos de la página, los gráficos imponente un elevado tiempo de descarga. Esta disyuntiva refleja la necesidad de ajustarse a un público diversificado con tantas expectativas.
Retícula base para el diseño de la página.
No dejar que el diseño de la página principal domine las estrategias generales del diseño de la web en su conjunto. Si te cansas de tu página principal solo debes cambiar o reorganizar una página; un error en la composición de la retícula base para el diseño de página puede suponer un mísero diseño para miles de páginas que dependan de ella.
Menús y subwebs.
A menos que manejes una web de tamaño reducido necesitaras incluir un submenú que sea accesible desde la pagina principal, no es conveniente cargar la pagina principal con docenas de enlaces, pues el tiempo de descarga puede ser demasiad.
*Índices de materias, contenidos del sitio, mapas del sitio: A diferencia del medio impreso, los sitios web ofrecen escasas indicaciones explicitas de la profundidad y extensión de los contenidos. Los índices de materias y de palabras clave de información de la web son una manera de orientación clara del volumen, organización y el contexto de los contenidos que se incluyen. Un índice web debería apuntar a las referencias más relevantes de una palabra clave, e ignorar referencias menores. Los mapas del sitio aportan al usuario una visión general de los contenidos.
Página novedades.
Webs requieren una actualización frecuente para que la información que presentan no se vuelva rancia. Se puede considerar la construcción de una página especial de “novedades” donde informar al usuario de las últimas actualizaciones.
Buscadores.
Herramientas y motores de búsqueda. Los dos sistemas, búsqueda mediante menú o por palabras clave, se complementan.
Información de contacto y relación con el usuario.
La red es un medio bidireccional, la gente espera poder enviar comentarios, preguntas o sugerencias.
*Direcciones físicas.
Como números de teléfono, números de fax, etc.
Mapas, instrucciones de acceso y de aparcamiento.
Proporcionar al cliente, visitante o proveedor instrucciones de acceso al lugar físico, se puede utilizar un mapa gráfico o direcciones en formato de texto.
Bibliografía y apéndices.
Pueden integrarse en un web para que puedan consultarse a discreción.
Páginas FAQ.
“Frequent Asked Questions” (preguntas más frecuentes).
Página donde se enlistan las preguntas más comunes de los usuarios, junto a sus respectivas respuestas.
Páginas de error del servidor.
Aparecen cuando un servidor web es incapaz de localizar una página, debería también proporcionar algún tipo de explicación acerca de por qué se ha producido el erros, sugerir alternativas y facilitar enlaces a la página principal local, al índice de la web o a una página con un buscador.
miércoles, 15 de octubre de 2008
Clase Flash
Dimensión de 800 x 600 (tamaño estandar de pantalla)
Se elige el color del background (lo guardo) FILE - SAVE y le ponemos el nombre de INDEX (NO usando mayúsculas, no acentos, no signos, no "ñ", etc. Solo minúsculas y número
Se llama INDEX porque en internet a la página principal a la que llama la res es a la INDEX.
En photoshop hago mi fondo.
Cuando trabajo en web es en 72 dpi y en impresos 300
Para programar los botones me voy a la ESCENA 1
Me voy al botón
Window - Propiedades...
Se elige el color del background (lo guardo) FILE - SAVE y le ponemos el nombre de INDEX (NO usando mayúsculas, no acentos, no signos, no "ñ", etc. Solo minúsculas y número
Se llama INDEX porque en internet a la página principal a la que llama la res es a la INDEX.
En photoshop hago mi fondo.
Cuando trabajo en web es en 72 dpi y en impresos 300
Para programar los botones me voy a la ESCENA 1
Me voy al botón
Window - Propiedades...
La Metafísica...
La Metafísica meta - más allá y phýsis - naturaleza, es decir, “más allá de lo visible (de lo físico).
Dedicando su estudio a lo abstracto del SER y de una fuerza universal, para muchos, llamada DIOS.
La metafísica es una parte fundamental de la filosofía que trata el estudio del Ser en cuanto tal y de sus propiedades, principios, causas y fundamentos primeros de su existencia.
La metafísica aborda los problemas centrales y más profundos de la filosofía, tales como las estructuras más generales (leyes y principios de la física y la naturaleza) y el sentido y la finalidad de la realidad.
A su vez, la metafísica comprende dos grandes ramas, la 1ª es la ONTOLOGÍA, que es el estudio del SER y su esencia, y la 2ª es la Teología, que es el estudio de Dios y su esencia. Por lo tanto la metafísica es el estudio científico que trata lo relativo al Ser y Dios en su forma abstracta, no física.
Dedicando su estudio a lo abstracto del SER y de una fuerza universal, para muchos, llamada DIOS.
La metafísica es una parte fundamental de la filosofía que trata el estudio del Ser en cuanto tal y de sus propiedades, principios, causas y fundamentos primeros de su existencia.
La metafísica aborda los problemas centrales y más profundos de la filosofía, tales como las estructuras más generales (leyes y principios de la física y la naturaleza) y el sentido y la finalidad de la realidad.
A su vez, la metafísica comprende dos grandes ramas, la 1ª es la ONTOLOGÍA, que es el estudio del SER y su esencia, y la 2ª es la Teología, que es el estudio de Dios y su esencia. Por lo tanto la metafísica es el estudio científico que trata lo relativo al Ser y Dios en su forma abstracta, no física.
Página web - Metafísica
1. Inicio – Conceptualización.
* Realizar una página web.
*Tema: “Metafísica”
*Colores a utilizar: Fondo negro y combinación de otros colores.
2. Análisis de Requerimientos.
Requerimientos del Usuario.
*Facilidad de acceso.
*Entendible.
*Dinámica.
Requerimientos del Cliente.
*Atractiva a la vista.
*Que cumpla con los requerimientos establecidos (mínimo 4 links)
Requerimientos del Contenido.
*Tema: Metafísica.
*Definición de metáfisica.
*Decretos.
*Chakras.
*Imágenes.
Requerimientos Estéticos.
*Equilibrio.
*Contraste.
*Diseño atractivo.
* Realizar una página web.
*Tema: “Metafísica”
*Colores a utilizar: Fondo negro y combinación de otros colores.
2. Análisis de Requerimientos.
Requerimientos del Usuario.
*Facilidad de acceso.
*Entendible.
*Dinámica.
Requerimientos del Cliente.
*Atractiva a la vista.
*Que cumpla con los requerimientos establecidos (mínimo 4 links)
Requerimientos del Contenido.
*Tema: Metafísica.
*Definición de metáfisica.
*Decretos.
*Chakras.
*Imágenes.
Requerimientos Estéticos.
*Equilibrio.
*Contraste.
*Diseño atractivo.
RESUMEN - Prototyping for Tiny Fingers.
Para la creación de un nuevo diseño es necesario crear “bocetos” que son las pruebas del diseño que se quiere realizar, después de esto se analiza cada parte del diseño, se corrige, modifica y evalúa hasta concretar el diseño definitivo.
Existe un software que se utiliza como herramienta para la creación de prototipos y el diseño final se muestra a los usuarios para que ellos lo aprueben o lo rechacen, a esta técnica se le llama comúnmente “prototipo de baja fidelidad”, siendo una herramienta simple.
Sin embargo, la calidad de un diseño depende mucho de cómo se hayan trabajado los prototipos, ya que estos generan grandes y creativas ideas para obtener un mejor diseño, tomando también en cuenta los costos que estos generan.
Los prototipos hi-fi son muy tardados, pues requieren la habilidad de utilizar diversas técnicas. Mientras que los prototipos que se realizan en papel y a mano son mucho más fáciles de lograr, la mayor tarea en estos últimos está en tu idea o creatividad (95%).
Trojan – Meme, es una idea que se transmite a otras ideas y mentes nuevas. Para ello es necesario conocer al usuario y que el diseñador no ejerza el papel de usuario.
Una prueba de diseño, es una evaluación formativa, en la cual los usuarios analizan el diseño después de haberse hecho y si existen errores ya es tarde para corregirlos.
Prototipo lo-fi, para construirlo es necesario tener los materiales necesarios, fijar un plazo para realizarlo y construir modelos (no importando que sólo sean ideas), posteriormente se prepara una prueba, donde se seleccionan a los usuarios potenciales.
Al presentar un diseño es indispensable integrar un reporte completo acerca del diseño.
Existe un software que se utiliza como herramienta para la creación de prototipos y el diseño final se muestra a los usuarios para que ellos lo aprueben o lo rechacen, a esta técnica se le llama comúnmente “prototipo de baja fidelidad”, siendo una herramienta simple.
Sin embargo, la calidad de un diseño depende mucho de cómo se hayan trabajado los prototipos, ya que estos generan grandes y creativas ideas para obtener un mejor diseño, tomando también en cuenta los costos que estos generan.
Los prototipos hi-fi son muy tardados, pues requieren la habilidad de utilizar diversas técnicas. Mientras que los prototipos que se realizan en papel y a mano son mucho más fáciles de lograr, la mayor tarea en estos últimos está en tu idea o creatividad (95%).
Trojan – Meme, es una idea que se transmite a otras ideas y mentes nuevas. Para ello es necesario conocer al usuario y que el diseñador no ejerza el papel de usuario.
Una prueba de diseño, es una evaluación formativa, en la cual los usuarios analizan el diseño después de haberse hecho y si existen errores ya es tarde para corregirlos.
Prototipo lo-fi, para construirlo es necesario tener los materiales necesarios, fijar un plazo para realizarlo y construir modelos (no importando que sólo sean ideas), posteriormente se prepara una prueba, donde se seleccionan a los usuarios potenciales.
Al presentar un diseño es indispensable integrar un reporte completo acerca del diseño.
martes, 16 de septiembre de 2008
Resumen - Lectura "Logos"
La lectura nos dice que es importante resaltar el hecho que en nuestra sociedad para designar una marca se utiliza comunmente la palabra logotipo.
Debemos mencionar que la marca, consiste en todos aquellos mensajes abreviados que permiten a la población, entre otros aspectos, identificar productos, servicios, agrupaciones, personas y organizaciones. Es un rasgo, huella o grafismo, que se asume como signo singular que distingue a una cosa de otra. Mientras que el logotipo es una señal, imagen o escritura, se puede decir que es un elemento verbal representado en forma escrita que asume una fisonomía singular y constante.
Símbolo: Representación de una realidad por una convención socialmente aceptada.
Ejemplo: una paloma blanca.
Monograma: Representación sensorialmente perceptible de una realidad, en virtud de rasgos que se asocian con ésta por una convención socialmente aceptada.
Ejemplo: el logo de Telmex (logo de la “T” con la “M” simulando un teléfono.
Anagrama: transposición de letras de una palabra o sentencia, de la que resulta otra palabra o sentencia distinta, por ejemplo de amor - roma, o viceversa. O bien, se refiere a un símbolo o emblema, especialmente el constituido por letras.
Por ejemplo: PEMEX / Petróleos Mexicanos
Sigla: Palabra formada por el conjunto de letras iniciales de una expresión compleja.
Ejemplo: IBM-International Business Machine
BBV-Banco Bilbao Vizcaya
Inicial: se refiere a la primera letra de una palabra o nombre
Ejemplo: Motorola
Firma: Es un término que casi no se emplea en el diseño gráfico, sin embargo la firma ofrece una característica propia, pues se refiere al nombre, apellido, título o distintivo que una persona escribe de propia mano para dar autenticidad a un determinado producto.
Pictograma: Es una forma de escritura que emplea figuras o símbolos producto de la síntesis de los objetos y formas de la realidad cotidiana. Ahora son empleados principalmente para la elaboración de sistemas de señalización o como parte figurativa de las marcas, esto debido a su facilidad para cruzar las barreras del lenguaje hablado y escrito así como por su alta pregnancia.
Ejemplo: La manzana de “Apple”
Logosímbolo: neologismo que logra definir las dos partes que constituyen las marcas diseñadas con la integración de elementos de tipo verbal e icónico.
Imagotipo: neologismo que define a un tipo de logotipo que se forma por una imagen y algún tipo de frase o palabra.
Debemos mencionar que la marca, consiste en todos aquellos mensajes abreviados que permiten a la población, entre otros aspectos, identificar productos, servicios, agrupaciones, personas y organizaciones. Es un rasgo, huella o grafismo, que se asume como signo singular que distingue a una cosa de otra. Mientras que el logotipo es una señal, imagen o escritura, se puede decir que es un elemento verbal representado en forma escrita que asume una fisonomía singular y constante.
Símbolo: Representación de una realidad por una convención socialmente aceptada.
Ejemplo: una paloma blanca.
Monograma: Representación sensorialmente perceptible de una realidad, en virtud de rasgos que se asocian con ésta por una convención socialmente aceptada.
Ejemplo: el logo de Telmex (logo de la “T” con la “M” simulando un teléfono.
Anagrama: transposición de letras de una palabra o sentencia, de la que resulta otra palabra o sentencia distinta, por ejemplo de amor - roma, o viceversa. O bien, se refiere a un símbolo o emblema, especialmente el constituido por letras.
Por ejemplo: PEMEX / Petróleos Mexicanos
Sigla: Palabra formada por el conjunto de letras iniciales de una expresión compleja.
Ejemplo: IBM-International Business Machine
BBV-Banco Bilbao Vizcaya
Inicial: se refiere a la primera letra de una palabra o nombre
Ejemplo: Motorola
Firma: Es un término que casi no se emplea en el diseño gráfico, sin embargo la firma ofrece una característica propia, pues se refiere al nombre, apellido, título o distintivo que una persona escribe de propia mano para dar autenticidad a un determinado producto.
Pictograma: Es una forma de escritura que emplea figuras o símbolos producto de la síntesis de los objetos y formas de la realidad cotidiana. Ahora son empleados principalmente para la elaboración de sistemas de señalización o como parte figurativa de las marcas, esto debido a su facilidad para cruzar las barreras del lenguaje hablado y escrito así como por su alta pregnancia.
Ejemplo: La manzana de “Apple”
Logosímbolo: neologismo que logra definir las dos partes que constituyen las marcas diseñadas con la integración de elementos de tipo verbal e icónico.
Imagotipo: neologismo que define a un tipo de logotipo que se forma por una imagen y algún tipo de frase o palabra.
miércoles, 10 de septiembre de 2008
Como dato...
Pantone Inc. es una empresa con sede en Carlstadt, Nueva Jersey (Estados Unidos), creadora de un sistema de control de color para las artes gráficas. Su sistema de definición cromática es el más reconocido y utilizado por lo que normalmente se llama Pantone al sistema de control de colores. Este modo de color a diferencia de los modos CMYK y RGB suele denominarse color directo.
El sistema se basa en una paleta o gama de colores, las Guías Pantone, de manera que muchas veces es posible obtener otros por mezclas de tintas predeterminadas que proporciona el fabricante. Por ejemplo, es un sistema muy empleado en la producción de pinturas de color por mezcla de tintes. Estas guías consisten en un gran número de pequeñas tarjetas (15×5 cm aproximadamente) de cartón, sobre las que se ha impreso en un lado muestras de color, organizadas todas en un cuaderno de pequeñas dimensiones.
El sistema se basa en una paleta o gama de colores, las Guías Pantone, de manera que muchas veces es posible obtener otros por mezclas de tintas predeterminadas que proporciona el fabricante. Por ejemplo, es un sistema muy empleado en la producción de pinturas de color por mezcla de tintes. Estas guías consisten en un gran número de pequeñas tarjetas (15×5 cm aproximadamente) de cartón, sobre las que se ha impreso en un lado muestras de color, organizadas todas en un cuaderno de pequeñas dimensiones.
PRIMERAS IDEAS
Acerca de las imagenes a utilizar, me agradarían ya sea unos ojos (mostrando algo así como una visión global acerca del marketing y la investigación de mercados) o bien, una alas, que muestran libertad (de acción, de innovación, de imaginación) y aparte es un símbolo con el que me identifico mucho. Pero ante todo respetando la imagen que quiero mostrar de ELEGANCIA, INNOVACIÓN, ORIGINALIDAD, LIBERTAD Y FORMALIDAD principalmente...
Me gustaría nombrar a mi marca "merKamorfosis" por la parte de merca (mi carrera) y metamorfosis (cambio), resaltando la "k" por mi nombre.
Me gustaría nombrar a mi marca "merKamorfosis" por la parte de merca (mi carrera) y metamorfosis (cambio), resaltando la "k" por mi nombre.
De inicio, algunos de los adjetivos o palabras que me describen como persona son:
*Orden
*Responsabilidad
*Tranquilidad
*Espiritualidad
*Puntualidad
*Libertad
*Sociable
*Sincera
*Sensible
Mientras que para mi diseño (imagen profesional) quiero mostrar:
*ORDEN
*ELEGANCIA
*RESPONSABILIDAD
*CONFIABILIDAD
*FORMALIDAD
*ENTREGA
*TRABAJO
*INNOVACIÓN
*CUMPLIMIENTO
*ORIGINALIDAD
*LIBERTAD
*Orden
*Responsabilidad
*Tranquilidad
*Espiritualidad
*Puntualidad
*Libertad
*Sociable
*Sincera
*Sensible
Mientras que para mi diseño (imagen profesional) quiero mostrar:
*ORDEN
*ELEGANCIA
*RESPONSABILIDAD
*CONFIABILIDAD
*FORMALIDAD
*ENTREGA
*TRABAJO
*INNOVACIÓN
*CUMPLIMIENTO
*ORIGINALIDAD
*LIBERTAD
Marca
"Se puede cambiar la formula de un producto, su color, su empaque, su precio, y posicionamiento, pero no su MARCA", de hecho esta última es la que mayor peso tiene en un producto y/o servicio".
Así que una MARCA es un signo, símbolo, letrasm palabras, etc que conforma y transmite la IMAGEN de una persona, idea, organización, etc.
Así que una MARCA es un signo, símbolo, letrasm palabras, etc que conforma y transmite la IMAGEN de una persona, idea, organización, etc.
LOGOTIPO
2° PARCIAL.
Logotipo: logo - tratado y tipo: tipografía
Abstracción: Tomar los elementos más importantes para representar algo.
Tipos de Logotipo:
Logotipo.
Es el tipo de Logo que carece de ícono y se constituye exclusivamente de tipografía. La elección de la tipografía de su logotipo es tan importante como la elección de las palabras que escribirá con ellas.
Isotipo.
Este tipo de Logo se basa exclusivamente en ícono y carece de tipografía. Una de las mayores ventajas del isotipo es su poder memorable. La combinación entre imagen figurativa y ausencia de palabras hace del isotipo un tipo de Logo muy inestable en relación a la transmisión del mensaje corporativo.
Imagotipo.
Combina tipografía con íconos. Si bien logra un nivel de claridad muy deseable, lo hace a expensas de la utilización de muchos elementos comunicativos. Cuantos más elementos tiene un diseño, más difícil de recordar para el público consumidor.
Logotipo: logo - tratado y tipo: tipografía
Abstracción: Tomar los elementos más importantes para representar algo.
Tipos de Logotipo:
Logotipo.
Es el tipo de Logo que carece de ícono y se constituye exclusivamente de tipografía. La elección de la tipografía de su logotipo es tan importante como la elección de las palabras que escribirá con ellas.
Isotipo.
Este tipo de Logo se basa exclusivamente en ícono y carece de tipografía. Una de las mayores ventajas del isotipo es su poder memorable. La combinación entre imagen figurativa y ausencia de palabras hace del isotipo un tipo de Logo muy inestable en relación a la transmisión del mensaje corporativo.
Imagotipo.
Combina tipografía con íconos. Si bien logra un nivel de claridad muy deseable, lo hace a expensas de la utilización de muchos elementos comunicativos. Cuantos más elementos tiene un diseño, más difícil de recordar para el público consumidor.
jueves, 4 de septiembre de 2008
AVISO!!!!
HOLA A TODOS!!!! =)
Solo para avisarles que hablé con Masiel (la secretaria del depto de Merca) y llamó a la Caseta de los Polis para que estén enterados de que el sábado a las 2PM estaremos en la escuela, así que nos vemos afuera del salón 313, que el poli que esté en turno nos lo abre y que si llegara a estar ocupado (porque a veces se dan otros cursos) que nos abren cualquier otro ok????
Saludos!!!! =)
Solo para avisarles que hablé con Masiel (la secretaria del depto de Merca) y llamó a la Caseta de los Polis para que estén enterados de que el sábado a las 2PM estaremos en la escuela, así que nos vemos afuera del salón 313, que el poli que esté en turno nos lo abre y que si llegara a estar ocupado (porque a veces se dan otros cursos) que nos abren cualquier otro ok????
Saludos!!!! =)
martes, 26 de agosto de 2008
Acerca del Booklet
Mi CD no llevará cancionero porque en la mayoría de CD´s de recopilaciones lo único que se indica en el booklet son los nombres de las canciones y la portada del CD de donde se extrajo la canción.
domingo, 24 de agosto de 2008
DESARROLLO DE PORTADA CD
Empecé a realizar mi diseño para la portada del CD en photoshop. Para ello, elegí una imagen de fondo, la cual tuve que recortar para separarla de su propio fondo y poderle hacer modificaciones en el color. Además bajé otras imagenes de siluetas, que posteriormente trazé en Illustrator y después les cambié el color.
Con "File - Place" inserté la imagen a utilizar, posteriormente trazé cada una de las siluetas (utilizando 3) con la herramienta "Pen Tool"porque lo que yo tenía en un inicio era una imagen completa y para poder hacer las modificaciones que necesitaba, tuve que trazar cada silueta.
Posteriormente acomodé los elementos por separado en un nuevo documento (de 14 cm por 12 cm) para dar inicio a mi composición.
Con "File - Place" inserté la imagen a utilizar, posteriormente trazé cada una de las siluetas (utilizando 3) con la herramienta "Pen Tool"porque lo que yo tenía en un inicio era una imagen completa y para poder hacer las modificaciones que necesitaba, tuve que trazar cada silueta.
Posteriormente acomodé los elementos por separado en un nuevo documento (de 14 cm por 12 cm) para dar inicio a mi composición.
sábado, 23 de agosto de 2008
2. ANÁLISIS DE REQUERIMIENTOS.
Requerimientos del Usuario.
Que sea una recopilación agradable para las personas que gustan y saben de la música POP.
Diseño agradable a la vista.
Diseño original.
Requerimientos Técnicos.(FALTA DEFINIR)
Utilización de papel
Colores a utilizar: Negro, rosa, azul, verde y amarillo.
Tipo de Impresión:
Tipo de impresora:
Requerimientos del Cliente.
Aplicar adecuadamente los conceptos aprendidos de diseño.
Diseño agradable y que vaya de acuerdo al género musical.
Utilización de colores adecuados al género musical.
Requerimientos del Contenido.
Recopilación de 14 canciones POP.
Portada.
Contraportada.
Cancionero.
CD.
Requerimientos Estéticos.
Contraste.
Equilibrio.
Congruencia entre el género, imágenes y colores utilizados.
Requerimientos del Usuario.
Que sea una recopilación agradable para las personas que gustan y saben de la música POP.
Diseño agradable a la vista.
Diseño original.
Requerimientos Técnicos.(FALTA DEFINIR)
Utilización de papel
Colores a utilizar: Negro, rosa, azul, verde y amarillo.
Tipo de Impresión:
Tipo de impresora:
Requerimientos del Cliente.
Aplicar adecuadamente los conceptos aprendidos de diseño.
Diseño agradable y que vaya de acuerdo al género musical.
Utilización de colores adecuados al género musical.
Requerimientos del Contenido.
Recopilación de 14 canciones POP.
Portada.
Contraportada.
Cancionero.
CD.
Requerimientos Estéticos.
Contraste.
Equilibrio.
Congruencia entre el género, imágenes y colores utilizados.
DISEÑO FUNCIONAL
1. INICIO DE CONCEPTUALIZACIÓN.
Azul: color del cielo y del mar, por lo que se suele asociar con la estabilidad y la profundidad.
Amarillo: simboliza la luz del sol. Representa alegría, felicidad, inteligencia y energía.El amarillo sugiere el efecto de entrar en calor, provoca alegría, estimula la actividad mental y genera energía muscula
Rosa: feminidad, pasividad, ternura.
Ideas iniciales.
**Historia del POP.
La música POP es uno de los géneros musicales mayormente extendido entre las juventudes que gustan de la música en todo el mundo.
Para remontarnos a los orígenes de la música POP debemos tomar en cuenta el inicio del rock en 1955 (aproximadamente). Esta breve corriente de rock and roll inicial, duraría aproximadamente hasta el año 1958 cuando las máximas estrellas de ese género estaban distanciadas por diversos motivos de la música.
La música de rock fue de alguna manera el germen fundamental de lo que posteriormente se convertiría en la música pop. La aparición en el año 1962 del grupo británico Los Beatles marca otra vuelta de tuerca evolutiva para el rock pop. Los Beatles generan la aparición de una buena cantidad de grupos inspirados en ellos que generaron una considerable movida pop, tanto en Gran Bretaña como en los Estados Unidos de América.
**Colores más utilizados en el POP.
Al inicio del POP los artistas que pertenecían a este género empezaron a utilizar colores en estado puro (sin realizar combinaciones fuertes), también utilizando tonalidades rojas que resaltaban más.
Actualmente con la mezcla de géneros musicales que se ha dado, los cantantes POP siguen utilizando colores pastel (rosa, amarillo, verde claro, azul. Ejemplo de ello es la última portada del CD de Belanova). Pero esto ya NO es una regla, pues ahora se utiliza una amplia gama de colores en el diseño de sus Cd's.
**Algunos colores a utilizar.
Negro para el fondo de la portada del CD porque representa elegancia, formalidad, fortaleza y sobre todo porque quiero crear un contraste con los demás colores que utilizaré.
Azul: color del cielo y del mar, por lo que se suele asociar con la estabilidad y la profundidad.
Amarillo: simboliza la luz del sol. Representa alegría, felicidad, inteligencia y energía.El amarillo sugiere el efecto de entrar en calor, provoca alegría, estimula la actividad mental y genera energía muscula
Rosa: feminidad, pasividad, ternura.
Juntar ideas.
**Recopilación de canciones POP.
1. The Beatles - Across the Universe 2. Madonna - Don´t tell me 3. Michael Jackson - Triller 4. Miguel Bosé - Bambú 5. Britney Spears - Toxic 6. Enrique Iglesias - Do you know? 7. Shakira - La Tortura 8. Ricky Martin - Pégate 9. Gwen Stefani - What you waiting for? 10. Hilary Duff - Beat of my heart 11. Nelly Furtado y Juanes - Fotografía1 2. Christina Aguilera – Candyman
13. Justin Timberlake - Sexy back 14. Thalia - Amar sin ser amada
**Imágenes de diversas portadas de CD´s de artistas POP.
**Ideas acerca de ciertos fondos para utilizar en la portada del CD.
Acomodando ideas.
**Orden de la recopilación (por año)
**Utilización de “contraste” en la portada del CD.
**Utilización de siluetas en la protada del CD.
Esencia Física.
**CD, portada de aproximadamente 14 cm x 12 cm
**Portada contrastante.
**Que evoque la esencia del POP.
**Colores contrastantes.
**Diseño entendible.
viernes, 22 de agosto de 2008
miércoles, 20 de agosto de 2008
Clase Photoshop
PHOTOSHOP
Archivo
Nuevo
Nombre
DPI (Pixeles por pulgada - medida)
300 DPI
RGB (Red, Green and Blue) colores básicos cuando hablamos de imágenes Blue.
Cuando hablamos de proyectos de impresión CMYK (Cian, Magenta, Yellow and Black)
**Cuando busquemos imágenes en google debemos buscar "imágenes grandes"
-Copiar imágen de internet y pegar
**Toda imagen se puede reducir en photoshop, pero NO agrandar
La OPACIDAD es que tan brilloso deseas tu máscara
Archivo
Nuevo
Nombre
DPI (Pixeles por pulgada - medida)
300 DPI
RGB (Red, Green and Blue) colores básicos cuando hablamos de imágenes Blue.
Cuando hablamos de proyectos de impresión CMYK (Cian, Magenta, Yellow and Black)
**Cuando busquemos imágenes en google debemos buscar "imágenes grandes"
-Copiar imágen de internet y pegar
**Toda imagen se puede reducir en photoshop, pero NO agrandar
La OPACIDAD es que tan brilloso deseas tu máscara
Contraste
El contraste de la portada del CD (entre el fondo negro y las siluetas de colores) lo utilizo para mostrar la diferencia relativa en intensidad entre un punto de una imagen y sus alrededores.
Significado de Colores...
Utilizaré el color negro para el fondo de la portada del CD porque representa elegancia, formalidad, fortaleza y sobre todo porque quiero crear un contraste con los demás colores que utilizaré.
Verde: color de la naturaleza por excelencia. Representa armonía, crecimiento, fertilidad y frescura.
Azul: color del cielo y del mar, por lo que se suele asociar con la estabilidad y la profundidad.
Amarillo: simboliza la luz del sol. Representa alegría, elicidad, inteligencia y energía.
El amarillo sugiere el efecto de entrar en calor, provoca alegría, estimula la actividad mental y genera energía muscular.
Rosa: feminidad, pasividad, ternura.
martes, 12 de agosto de 2008
Orden cronológico del CD
1. The Beatles - CD "Let it be" - 1970
2. Michael Jackson - CD "Triller" - 1982
3. Madonna - CD "Music" - 2000
4. Juanes - CD "Un día normal" - 2002
5. Britney Spears - CD "In the zone" - 2004
6. Gwen Stefani - CD "Love angel music baby" - 2004
7. Shakira - CD "Fijación Oral Vol. 1" - 2005
8. Hilary Duff - CD "Most Wanted" - 2005
9. Ricky Martin - CD "Unplugged" - 2006
10. Christina Aguilera - CD "Back to basics" - 2006
11. Justin Timberlake - CD "Love Sounds" - 2006
12. Miguel Bosé - CD "Papito" - 2007
13. Enrique Iglesias - CD "Insomniac" - 2007
2. Michael Jackson - CD "Triller" - 1982
3. Madonna - CD "Music" - 2000
4. Juanes - CD "Un día normal" - 2002
5. Britney Spears - CD "In the zone" - 2004
6. Gwen Stefani - CD "Love angel music baby" - 2004
7. Shakira - CD "Fijación Oral Vol. 1" - 2005
8. Hilary Duff - CD "Most Wanted" - 2005
9. Ricky Martin - CD "Unplugged" - 2006
10. Christina Aguilera - CD "Back to basics" - 2006
11. Justin Timberlake - CD "Love Sounds" - 2006
12. Miguel Bosé - CD "Papito" - 2007
13. Enrique Iglesias - CD "Insomniac" - 2007
domingo, 10 de agosto de 2008
Recopilación POP...
1. The Beatles - Across the Universe
2. Madonna - Don´t tell me
3. Michael Jackson - Triller
4. Miguel Bosé - Bambú
5. Britney Spears - Toxic
6. Enrique Iglesias - Do you know?
7. Shakira - La Tortura
8. Ricky Martin - Pégate
9. Gwen Stefani - What you waiting for?
10. Hilary Duff - Beat of my heart
11. Nelly Furtado y Juanes - Fotografía
12. Christina Aguilera - Candyman
13.Justin Timberlake - Sexy back
14. Thalia - Amar sin ser amada
2. Madonna - Don´t tell me
3. Michael Jackson - Triller
4. Miguel Bosé - Bambú
5. Britney Spears - Toxic
6. Enrique Iglesias - Do you know?
7. Shakira - La Tortura
8. Ricky Martin - Pégate
9. Gwen Stefani - What you waiting for?
10. Hilary Duff - Beat of my heart
11. Nelly Furtado y Juanes - Fotografía
12. Christina Aguilera - Candyman
13.Justin Timberlake - Sexy back
14. Thalia - Amar sin ser amada
Colores utilizados en el POP
Al inicio del POP los artistas que pertenecían a este género empezaron a utilizar colores en estado puro (sin realizar combinaciones fuertes), también utilizando tonalidades rojas que resaltaban más.
Actualmente con la mezcla de géneros musicales que se ha dado, los cantantes POP siguen utilizando colores pastel (rosa, amarillo, verde claro, azul. Ejemplo de ello es la última portada del CD de Belanova). Pero esto ya NO es una regla, pues ahora se utiliza una amplia gama de colores en el diseño de sus Cd's.
Actualmente con la mezcla de géneros musicales que se ha dado, los cantantes POP siguen utilizando colores pastel (rosa, amarillo, verde claro, azul. Ejemplo de ello es la última portada del CD de Belanova). Pero esto ya NO es una regla, pues ahora se utiliza una amplia gama de colores en el diseño de sus Cd's.
viernes, 8 de agosto de 2008
El POP...
La música Pop es un género musical que, al margen de la instrumentación y tecnología aplicada para su creación, conserva la estructura formal "verso - estribillo - verso", ejecutada de un modo sencillo, melódico, pegadizo, y normalmente asimilable para el gran público.
Sus grandes diferencias con otros géneros musicales están en las voces melódicas y claras en primer plano y percusiones lineales y repetidas. Empezó en el siglo XX en Inglaterra, en la década de los 60.
Sus grandes diferencias con otros géneros musicales están en las voces melódicas y claras en primer plano y percusiones lineales y repetidas. Empezó en el siglo XX en Inglaterra, en la década de los 60.
Breve Historia del POP...
La música POP es uno de los géneros musicales mayormente extendido entre las juventudes que gustan de la música en todo el mundo.
Para remontarnos a los orígenes de la música POP debemos tomar en cuenta el inicio del rock en 1955 (aproximadamente). Esta breve corriente de rock and roll inicial, duraría aproximadamente hasta el año 1958 cuando las máximas estrellas de ese género estaban distanciadas por diversos motivos de la música.
La música de rock fue de alguna manera el germen fundamental de lo que posteriormente se convertiría en la música pop. La aparición en el año 1962 del grupo británico Los Beatles marca otra vuelta de tuerca evolutiva para el rock pop. Los Beatles generan la aparición de una buena cantidad de grupos inspirados en ellos que generaron una considerable movida pop, tanto en Gran Bretaña como en los Estados Unidos de América.
Suscribirse a:
Comentarios (Atom)
