[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] Desde la aparición de la web 2.0 Internet sin duda sufrió uno de sus cambios mas notables y a través de este proceso se ha transformado para dar acogida a todas las necesidades de sus usuarios, esto ha sido también el catalizador de que los sitios web también ha tenido que evolucionar con dicho cambio. Allá por el 2011 apareció en nuestro lenguaje profesional los llamados sitios web responsive o adaptables a todo tipo de pantallas y dispositivos fuese cual fuese su formato, dicha evolución de los sitios web se consiguió utilizando técnicas CSS avanzadas para su desarrollo o utilizando nuevos frameworks CSS como por ejemplo el protagonista de este post: Bootstrap. Pero ¿que es exactamente Bootstrap? Pues es un framework CSS desarrollado en el año 2011 por Twitter que permite diseñar sitios web mediante librerías CSS que incluyen tipografías, botones, cuadros, menús y otros elementos que pueden ser utilizados en cualquier sitio web. Aunque como ya hemos dicho el desarrollo del framework Bootstrap fue iniciado por Twitter, este fue liberado bajo licencia MIT en el año 2011 y su desarrollo continua en un repositorio de GitHub. Bootstrap es una excelente herramienta para crear interfaces de usuario limpias y totalmente adaptables a todo tipo de dispositivos y pantallas, sea cual sea su formato. Además nos ofrece las herramientas necesarias para crear cualquier tipo de sitio web utilizando los estilos y los elementos de sus multiples librerías. Otro punto muy imprtante a tener en cuenta por el desarrollador web es la compatibilidad con los navegadores y Boostrap es compatible con la mayoría de navegadores web del mercado: – Google Chrome (en todas las plataformas). – Mozilla Firefox (en Mac y en Windows). – Safari (tanto en iOS como en Mac). – Internet Explorer (en Windows y Windows Phone). – Opera (en Windows y Mac). Con la evolución que ha sufrido hasta encontarse ahora como Bootstrap 3 el framework se ha vuelto bastante más compatible con desarrollo web responsive, entre otros puntos lo han mejorado en lo siguiente: – Soporte casi completo para HTML5 y CSS3, permitiendo ser usado de forma muy flexible para desarrollo web. – Se ha añadido un sistema GRID que permite diseñar usando un GRID de 12 columnas donde se debe plasmar el contenido, con esto podemos desarrollar responsive de una manera más fácil e intuitiva. – Boostrap 3 nos permite insertar imágenes responsive, es decir, con solo insertar la imagen con la clase “img-responsive” las imágenes se adaptaran al tamaño. Boostrap 3 establece Media Queries para 4 tamaños de dispositivos diferentes variando dependiendo del tamaño de la pantalla del visitante, estas Media Queries permiten desarrollar para dispositivos móviles y tablets de forma más fácil. Este listado de mejoras hacen que tengamos Boostrap como una excelente opción para desarrollar webs y aplicaciones web totalmente adaptables a cualquier tipo de dispositivo en nuestros futuros proyectos. Todos sabemos del exito que tiene WordPress en internet y existen muchísimos themes para WordPress que tienen una base Bootstrap o están desarrollados directamente con Bootstrap, es más, podemos decir que actualmente el 80% de los themes para WordPress que son responsive están desarrollados con una base Bootstrap. Este frameworks CSS es de los más famosos y uno de los más utilizados, ya que muchos sitios web de los que visitamos en el día a día están creados con esta técnica y por eso hemos querido dedicarle este post.
Website de descargas de recursos de diseño web con WordPress – themeisle.com
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] Si es usted bloguero y/o tiene una web desarrollada mediante la implementación de WordPress o simplemente está pensando en desarrollar uno, no dude en acceder antes a la web de themeisle.com Es necesario registrase para poder realizar descargas y disponen de algunos temas gratis, ademas nos ofrecen más herramientas como algunos interesantes plugins. Puede acceder a la web a través de este enlace.
Generador de textos lorem ipsum – lipsum.com
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] ¡Muy buenas a todos! Hoy queremos aprovechar esta entrada de nuestro blog de diseño, a una herramienta de uso muy frecuente entre maquetadores web. Os vamos a presentar una web que nos ofrece un generador de textos Lorem Ipsum para rellenar los bloques de texto de nuestros desarrollos. Pero… ¿qué es eso de Lorem Ipsum? El recurso de Lorem Ipsum para los desarrolladores web es una herramienta invaluable en el mundo del diseño y desarrollo de sitios web. Este es un tipo de texto ficticio utilizado como marcador de posición en la maquetación y diseño de páginas web, aplicaciones y otros proyectos digitales. Esta práctica se ha convertido en un estándar de la industria debido a su utilidad y conveniencia. El Lorem Ipsum se utiliza principalmente cuando se está diseñando una página web o una aplicación y aún no se dispone del contenido real, como texto, imágenes o datos. En lugar de esperar a que el contenido real esté disponible, los desarrolladores web pueden insertar bloques de texto Lorem Ipsum para simular cómo se verá la página una vez que se complete. Las principales ventajas del Lorem Ipsum para los desarrolladores web son: Facilidad de uso: El Lorem Ipsum es fácil de generar y utilizar. Hay numerosas herramientas en línea y editores de texto que permiten generar párrafos o fragmentos de Lorem Ipsum con solo unos pocos clics. Realismo visual: Al utilizar Lorem Ipsum, los diseñadores y desarrolladores pueden obtener una representación visual realista de cómo se verá el diseño final, lo que facilita la toma de decisiones y la corrección de errores de diseño. Evita distracciones: Al utilizar texto ficticio en lugar de contenido real, los desarrolladores pueden concentrarse en la estructura y el diseño de la página sin distraerse por el contenido real, lo que a menudo está sujeto a cambios. Consistencia: El Lorem Ipsum es útil para asegurarse de que se mantenga una coherencia en la maquetación y el diseño de la página, ya que proporciona un contenido ficticio estandarizado. En resumen, el Lorem Ipsum es una herramienta esencial para los desarrolladores web que les permite agilizar el proceso de diseño y maquetación, garantizar la coherencia visual y centrarse en la estética de sus proyectos sin preocuparse por el contenido real. Facilita la comunicación entre diseñadores y clientes, y ayuda a lograr un diseño atractivo y funcional antes de que se complete el contenido final. Y una vez hechas las presentaciones, volvemos al website que os queríamos presentar. Es extremadamente fácil de usar, solo tenemos que indicarle el número de párrafos o de palabras que necesitamos y automáticamente nos generará el bloque de texto que deseamos. Un recurso muy extendido en el ámbito del diseño gráfico y del diseño web. Puede acceder a dicho website desde este enlace.
Website de descargas de plantillas para web con código HTML y CSS – freewebsitetemplate.com
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] Desde este post queremos compartir con nuestros visitantes un website de descarga de plantillas para websites con cientos de descargas gratuitas, la web de freewebsitestemplates.com Son plantillas facilmente reeditables a las que se les puede sacar mucho partido. Si usted está empezando en el ámbito del diseño web, le recomendamos que visite este sitio desde el cual podrá descargar sus plantillas y así poder practicar en el tema del HTML5 y CSS3 entre otros tipos de códigos. Puede acceder a la web desde este enlace.
Búsqueda de armonía cromática para diseño – Generador de combinaciones de colores
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] ¡Muy buenas a todos! Hoy nos hemos asomado hasta nuestro blog de diseño y marketing digital para compartir con vosotros una potente herramienta de diseño. Una parte muy importante de cada proyecto, es la correcta elección de los colores que van a ser utilizados. Cuando empezamos un nuevo proyecto y nos encontramos en blanco, son múltiples las opciones a las que podemos echar mano para poder orientarnos en la elección de dichos colores. Pero, ¿qué es la armonía cromática? vamos a hablar un poco de ella. La armonía cromática es un principio fundamental en el diseño visual que se refiere a la combinación equilibrada y agradable de colores en una composición. Estas son algunas razones clave por las que es tan importante: Comunicación efectiva: Los colores tienen un poderoso impacto en la comunicación visual. La elección de una paleta de colores adecuada puede transmitir emociones, conceptos y mensajes de manera eficaz. La armonía cromática garantiza que los colores no se anulen mutuamente y que el mensaje sea claro y coherente. Atracción visual: Una combinación armoniosa de colores es más atractiva para el espectador. Los diseños que utilizan colores en equilibrio son visualmente agradables y atraen la atención de manera efectiva. Esto es especialmente importante en publicidad y marketing, donde la atracción visual puede ser determinante. Identidad de marca: La armonía cromática es esencial para construir y mantener una identidad de marca sólida. Los colores se convierten en parte integral de la marca, y una paleta de colores coherente ayuda a que la marca sea reconocible y memorable. Jerarquía y organización: En el diseño gráfico, es común utilizar diferentes colores para establecer jerarquías visuales. La armonía cromática permite que los elementos clave resalten, mientras que los secundarios se integran de manera equilibrada. Esto ayuda a guiar la atención del espectador y a organizar la información de manera efectiva. Evitar la confusión: En un diseño gráfico, una paleta de colores desorganizada o discordante puede llevar a la confusión. La armonía cromática evita que los elementos se vean desordenados y desarticulados, facilitando la comprensión y la interpretación de la información. Coherencia estilística: La coherencia en el uso de colores en diferentes elementos de diseño, como folletos, sitios web y logotipos, crea una apariencia estilística unificada. Esto ayuda a consolidar la identidad de la marca y a mantener una imagen profesional y consistente. En resumen, la armonía cromática desempeña un papel crucial en el diseño gráfico, ya que afecta la comunicación, la estética y la funcionalidad de una composición. Cuando se eligen y se combinan los colores de manera cuidadosa y equilibrada, se logra un diseño visualmente atractivo y efectivo que cumple con sus objetivos de comunicación. Es un elemento esencial en la caja de herramientas de cualquier diseñador gráfico. Y ya que estamos con estos menesteres, aprovechamos y os presentamos a paletton.com un generador de combinaciones de colores que siempre va a respetar la armonía cromática. Es fácil de usar y nos va a entregar la gama de colores en varios códigos, según la necesidad de nuestro proyecto: RGB, CMYK, Hexagesimal… Puede acceder a dicho website a través del siguiente enlace. Esperamos que este post os haya sido de ayuda de alguna manera u otra, de todas maneras os agradecemos mucho vuestra visita. Si deseáis información acerca de nuestros servicios de diseño y marketing digital, no dudéis en ponerse en contacto con nosotros.
Website de descargas de plantillas HTML5 y CSS3 para diseños web – templated.co
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] Desde este post compartimos con ustedes la web templated.co desde la que poder descargar plantillas para diseño web con código HTML5 y CSS3. Este website cuenta con una amplia colección de plantillas con las que poder practicar técnicas de programación y diseño web. E incluso si lo prefiere con las que realizar sus propios proyectos retocando el código e insertando sus propias imágenes. Puede acceder a la web desde este enlace.
Diseño web desarrollado con HTML5 y CSS3 para estudio de arquitectura – tecnicosrdb.com
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] [siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] Les presentamos nuestro último diseño web para nuestros nuevos clientes de Técnicos RDB Estudio de Ingeniería y Arquitectura Técnica ubicado en Málaga, los cuales nos encargaron el desarrollo de su nueva imagen corporativa además de su posterior promoción. Hemos desarrollado una web que consta de dos partes: – Website corporativo responsive design que se reajusta según el formato de la pantalla de los visitantes, con programación HTML5 y CSS3. – Blog desarrollado mediante implementación de WordPress, totalmente autoadministrable y está preparado para que presenten todas sus novedades. Por si lo deseáis, podéis ver su website en este enlace www.tecnicosrdb.com Si deseáis más información acerca de nuestros servicios de diseño web, no dude en ponerse en contacto con nosotros.
Generador de combinaciones de colores para buscar la armonía cromática en nuestros proyectos – kuler.com
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] ¡Muy buenas a todos familia! Nos alegramos mucho de teneros de nuevo por aquí. Si tenéis que empezar un proyecto de diseño o alguna producción audiovisual y tenéis que empezar por la elección de los colores, desde este post os ofrecemos una opción muy recurrida por los profesionales de todo el mundo. Nos referimos sin duda al website kuler.com Se trata de una aplicación de internet de Adobe totalmente gratuita, que nos permite crear combinaciones de colores y buscar la muy necesitada armonía cromática. Es una aplicación con un uso muy dinámico, y que hace mucho más sencilla la búsqueda de los elementos deseados. Pero, ¿realmente es tan importante la armonía cromática en el lenguaje audiovisual?… vamos a verlo. La armonía cromática en el lenguaje audiovisual es un elemento esencial que influye significativamente en la percepción y la interpretación de imágenes en movimiento, ya sea en películas, televisión, publicidad, videojuegos o contenido en línea. Esta importancia radica en varios factores clave: Comunicación visual: El lenguaje audiovisual se basa en gran medida en la comunicación a través de imágenes y colores. La armonía cromática ayuda a establecer un ambiente, a transmitir emociones y a guiar la atención del espectador de manera efectiva. La elección adecuada de colores puede enriquecer la narrativa y añadir capas de significado. Coherencia y estética: La armonía cromática contribuye a la coherencia visual en una producción audiovisual. Garantiza que los colores utilizados sean consistentes y se adapten al tono y al estilo de la historia o del mensaje. Una paleta de colores armoniosa crea una experiencia visual más agradable y estéticamente atractiva. Identidad y marca: En el contexto del marketing y la publicidad, la armonía cromática es esencial para reforzar la identidad de una marca. Los colores pueden convertirse en un componente distintivo y memorable, ayudando a los espectadores a identificar y relacionar la marca con una experiencia visual específica. Jerarquía y enfoque: Los colores se pueden utilizar para establecer una jerarquía visual, destacando elementos clave y guiando la atención del espectador. Esto es fundamental para dirigir la mirada hacia los mensajes importantes, los personajes relevantes o los productos destacados. Psicología del color: La elección de colores también se basa en la psicología del color, ya que diferentes colores evocan emociones y sentimientos específicos. La armonía cromática bien pensada puede influir en el estado de ánimo del espectador y en su percepción de la historia o el mensaje. Legibilidad y accesibilidad: En el caso de subtítulos, créditos, superposiciones y otros elementos de texto en el lenguaje audiovisual, la armonía cromática es fundamental para garantizar la legibilidad y la accesibilidad. Los colores de fondo y de texto deben contrastar adecuadamente para que los espectadores puedan leer con facilidad. En resumen, la armonía cromática desempeña un papel esencial en el lenguaje audiovisual al influir en la comunicación, la coherencia visual, la identidad de marca, la jerarquía visual y la experiencia del espectador. La elección de colores y su equilibrio adecuado son elementos clave para el éxito en la creación y la recepción de contenido audiovisual, ya que contribuyen a una comprensión más profunda y una apreciación estética. Y volviendo al tema de la web que os queríamos mostrar, os contamos que para hacer uso de esta potente herramienta deberéis de estar registrados como usuarios en la página de Adobe, y con su usuario y password podréis tener acceso y disfrutar de las opciones que nos brinda. Puede visitar esta web en cuestión a través de este enlace. Bueno, solo nos queda agradeceros vuestra visita y comentaros que si necesitáis información acerca de nuestros servicios de diseño y marketing digital, no dudéis en ponerse en contacto con nosotros.
