Creación y desarrollo de Proyectos Flashcards
Por qué es importante el diseño web
Porque es la imagen de marca que proyectamos. Un diseño cuidado ayuda a potenciar la imagen de marca personal y de empresa.
A la hora de diseñar hay que tener en cuenta…
- El diseño
- El contenido
Elementos estáticos - Imágenes
De buena calidad pero no demasiada para que el hosting no pete. Podemos acudir a bancos de imágenes e incluir galerías. Las imágenes tienen que tener una estética más o menos similar y acorde a la imagen corporativa.
Elementos estáticos - Ilustraciones
Pueden ser en 2D o 3D, para cuando no hay mucho texto
Elementos estáticos - Texto
Tiene que ser actualizable. Acorde a criterios de mktng y posicionamiento.
Elementos estáticos - Tipografías
Determinan el carácter de nuestra página, se debe cuidar
Tipografía serif o roman
Con remates. Crea una línea imaginaria debajo de la letra y facilita su lectura. Tradicionales, serias, respetables…
Tipografía palo seco y sans serif
Vértices rectos que no emulan técnica manual. Tipografía comercial y buenas para la impresión. Textos cortos, carteles, titulares… Also textos en pantalla. Modernidad, seguridad, alegría y neutralidad o minimalismo.
Blanco
Potencia otros colores. Calma y minimalismo. Pureza, limpieza, inocencia.
Naranja
Cálido y estimulante, positivo, energía.
Amarillo
Cálido, luz y oro, alegría y optimismo. Codicia y tradición.
Rojo
Pasión, ambición, sangre y coraje. Aristocracia. Atrae la mirada.
Rosa
Dulzura, feminidad, cortesía, ilusión y 1 poco de escándalo. La niñez y lo femenino.
Violeta
Lujo y religión, magia, nobleza… Mucho potencial.
Verde
Naturaleza, sano, saludable, medio ambiente. Paz, juventud y tranquilidad.
Marrón
Suciedad, vagancia, vulgaridad. Madera, otoño, confortable.
Gris
Sombrío, desapacible, ausencia de energía… Ideal para combinar.
Negro
Muerte, poder, maldad, also elegancia.
Elementos interactivos - Botones e iconos
Deben invitar al usuario a hacer clic. Ofrecer feedback. Mismo diseño en toda la web e integrar un verbo → llamada a la acción.
Elementos interactivos - Banners
Elementos publicitarios que llaman la atención. Pueden ser simples o llamativos. El usuario ha creado ceguera respecto al banner.
Elementos interactivos - Formularios de contacto
Provenir de una llamada a la acción. Importante para que las empresas tenga feedback. No pedir demasiados datos, dar feedback, y captcha para evitar spam.
Elementos dinámicos - Vídeos
Potente para captar la atención del usuario, que no lee. Ayuda a amplificar los contenidos de una sección o noticia. Colgados en YouTube o Vimeo.
Elementos dinámicos - Vídeos - Montaje y recursos
Entre 15segs, y 3mins. No abusar de fundidos ni doble ventana. Plano general is ok. No baja calidad y criterios de subtitulado estándar.
Elementos dinámicos - Animaciones
Animaciones y minimaciones son muy útiles para contar historias. No demasiadas, que hacen desequilibrio visual.
Manual de estilo
Bases y criterios pata que nuestra web mantenga el mismo diseño. Especialmente para proyectos más grandes.
