Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacción Humano-Computadora

Download Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacción Humano-Computadora

Post on 19-Jan-2015

168 views

Category:

Design

4 download

DESCRIPTION

Manual de Identidad Visual para AmexIHC, la Asociacin Mexicana para la Interaccin Humano-Computadora

TRANSCRIPT

  • 1. Gua de estilo visualpara manejo de marca

2. El objetivo de AMexIHC es el de promover la investigacincientfica y el desarrollo tecnolgico en Interaccin HumanoComputadora en la Republica Mexicana. Nuestro evento marcoes el Congreso Mexicano de Interaccin Humano Computadora(MexIHC), el cual se realiza de bi-anualmente en diferentesestados de la republica Mexicana. En el 2012, MexIHC serealizar en el Instituto Tecnolgico Autnomo de Mxico(ITAM) durante el mes de Octubre.AMexIHC se encuentra ligada al Grupo de Inters Especial enInteraccin Humano Computadora (SIGCHI, por sus siglasen ingls) - Captulo Mxico de la ACM y la Red Temtica deCONACyT en Tecnologas de la Informacin y Comunicaciones. 3. Planteamiento dela marcaQu representa la marca o logotipo de la AMexIHC? Su diseo est inspirado en lassiguientes ideas:* Imagina una motherboard. Visualiza cmo se van entrelazando los circuitos impresoscomo caminos de un planeta lejano. Imagina cmo sera si pudieras navegar dentrode un microchip.* Qu pasa si tomas un cable de bus de datos o un clip y lo vas doblando? De qu ledaras forma? Ests creando. Adems, en esta creacin, encuentras un simbolismo deunion y continuidad.* En lo fro del mundo tecnolgico hay algo mucho ms importante: el humano. Laescritura fluida y con minsculas es un buen referente. Si te imaginas planas y planasde texto, puedes percibir esa sensacin de una persona dedicada que con esmero vaescribiendo y dejando as su conocimiento. 4. Esta versin la debes usar cuando introduzcas la AMexIHCante personas que no sepan qu significan las siglas. Estopuede ser en el inicio del sitio web, tarjetas de presentacin,hojas membretadas o cualquier otra aplicacin queconsideres formal.Marca completa 5. En ocasiones donde la gente ya sabe qu significa AMexIHC,como por ejemplo en un congreso, usa preferentementeesta versin. Imagnala como una especie de sello, el cualpuedes usar en uniformes, promocionales, impresos, etc.Marca simple 6. bObserva que la composicin de la marca maneja ciertosespacios en blanco. La separacin entre la palabra AMexIHCy el nombre extendido depende de la altura denominada apero la separacin entre los renglones de dicho nombredepende de la altura denominada b.Adems, trata de respetar el margen sealado cuandocoloques la marca completa en algn lugar. Lo anteriortambin aplica para la marca simple.Composicinaabaa 7. Cuando necesites indicar reas deinters especficos, como en losespacios asignados durante uncongreso, puedes crear sub-marcas apartir de la composicin de arriba.Claramente debes procurar que lasub-marca trate de tener el margenigual que la marca completa.Adecuacionesaa a/10 a aarea temtica aVisualizacin de InformacinInterfaces MultimodalesTeora de HCIMtodos de Diseo y Evaluacin 8. ColoresTono al100%80%50%30%Azul AMexIHC* El color de la palabra AMexIHC* Si solo dispones de una tinta, usa preferentemente este color y noel gris.* Si tienes que usar un color de fondo, usa preferentemente estecolor y al menos la palabra AMexIHC en completo blanco para lograrun contraste.C: 95M: 65Y: 45K: 30R: 13G: 72B: 93Hex: #0D485DC: 50M: 40Y: 40K: 20R: 117G: 120B: 121Hex: #757875Gris AMexIHC* El color del nombre completo de la Asociacin.* Si no puedes usar el color azul, el siguiente en la lista es este gris.* La barra de las sub-marcas es de este color. Puedes incluso, si elmtodo de reproduccin te lo permite, bajarle a un 50% al tono. 9. Siempre utiliza estas versiones de preferencia.Si puedes imprimir a dos tintas, y el fondo es de color, pon el gris est a un 30%.Si fuera una tinta y el fondo es gris, pone el color del texto al 30% tambin. 10. Si el mtodo de reproduccin te lo permite, coloca el color de la barra al 50%.Mtodos de DiseoEn otros casos, como en la serigrafa, tendris que poner los dos tonos al 100%.Mtodos de DiseoSi ests restringido a uno color, procura usar esta versin de azul AMexIHC sobre blanco.El equivalente sobre fondo azul es poner la barra con el azul AMexIHC al 30%. Lo mismo haras con el gris.Mtodos de DiseoSi el fondo es gris y el mtodo de reproduccin te lo permite, puedes poner la barra en gris AMexIHC al 50%, mientras que el texto lo pones al 30%.Mtodos de DiseoMtodos de DiseoEstas son las reglas para el manejo de color. Sin embargo, puedes romperlasmientras mantengas la consistencia y sabor de la marca. 11. Como has observado en esta gua,los textos para la marca completa ylas sub-marcas tienen el mismo tipode letra. De hecho, toda esta guamaneja una familia tipogrfica por loque los rasgos de la letra son parecidosde una u otra forma. Entonces, lo msrecomendable es que contines conel manejo de esta familia tipogrfica.Si cuidas este detalle, proyectars unaimagen seria para la Asociacin.Fedra Sans Std LightABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!#$%&/()@*{}^Fedra Sans Std BookABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!#$%&/()@*{}^`Fedra Sans Std NormalABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!#$%&/()@*{}^`Fedra Sans Std MediumABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!#$%&/()@*{}^`Fedra Sans Std BoldABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!#$%&/()@*{}^`Fedra Sans Std Light ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!#$%&/()@*{}^Fedra Sans Std Book ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!#$%&/()@*{}^`Fedra Sans Std Normal ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!#$%&/()@*{}^`Fedra Sans Std Medium ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!#$%&/()@*{}^`Fedra Sans Std BoldABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!#$%&/()@*{}^`Tipografa 12. Para disear aplicaciones grficas de la marca, puedes hacerencuadres de las curvas de la palabra AMexIHC y de ahhacer cambios en el porcentaje de los colores oficiales,recortes fotogrficos o aplicar texturas.Elementos decorativos 13. Ejemplo deaplicacin grfica 14. Asociacin Mexicana de InteraccinHumano-Computadora A.C. 2012.Todos los Derechos Reservados

Recommended

View more >