Diseño web

Adobe Illustrator gratis: 4 programas alternativos para gráficos vectoriales

Los programas de edición vectorial sirven para crear ilustraciones y diseños para impresión o para la web. En este sector, Adobe Illustrator es, de lejos, el más utilizado por miles de profesionales alrededor del mundo. Sin embargo, su precio no es precisamente asequible. Como consecuencia, muchos usuarios buscan, y encuentran, alternativas a Adobe Illustrator gratis. En este artículo mostramos cuatro alternativas gratuitas y explicamos sus principales funciones. [...]  

Responsive navegation: menús dinámicos en dispositivos móviles

Los requisitos a la hora de crear páginas web han aumentado considerablemente en los últimos años, sobre todo en lo referente a un aspecto en concreto: su adaptabilidad. Ya no es necesario que las páginas web puedan visualizarse debidamente solo en los ordenadores de escritorio y que se pueda navegar por ellos de una manera ideal, sino que la experiencia de los usuarios en otros terminales también tiene que ser perfecta. En este sentido, el diseño responsivo se ocupa de que los contenidos de las páginas web se adapten de manera dinámica a la interfaz de tablets, smartphones, etc., por lo que la navegación con menús responsivos se convierte, así, en todo un desafío. [...]  

Trucos CSS: snippets útiles para tu proyecto web

Actualmente, el lenguaje de las hojas de estilo CSS es una de las herramientas de diseño web más importantes. Este permite separar el contenido del diseño de una web y se encuentra en constante desarrollo gracias a los esfuerzos del Word Wide Web Consortium (W3C). Los snippets CSS facilitan de manera significativa el diseño de páginas web, asumiendo, incluso, funciones de programas como Photoshop o lenguajes como JavaScript. En esta guía encontrarás un par de trucos CSS que seguramente te harán el trabajo con las hojas de estilo mucho más sencillo. [...]  

La web app de la semana: What the Font

Con la aplicación web What the Font de MyFonts puedes identificar fuentes cuyo nombre desconoces para poder trabajar con ellas. Esta herramienta gratuita, que te presentamos en el marco de la web app de la semana, es capaz de reconocer fuentes tipográficas a partir de patrones individuales de diseño. Lo único que se requiere es un fragmento de texto guardado como archivo de imagen. Del resto se encarga What the Font. [...]  

8 tendencias de diseño web relevantes en 2017

¿Cuáles son las tendencias del diseño web para el 2017? Una pequeña mirada hacia el futuro indica que los diseñadores web deberán concentrarse en la gestión de la facilidad de uso para todos los dispositivos. Una excelente usabilidad y contenidos de alta calidad enmarcan el éxito del diseño de cualquier página web. A continuación, resumiremos las tendencias más importantes para que crees o actualices tu página web. [...]  

Web app de la semana: Paletton

¿Estás buscando un concepto cromático para tu página web, tu presentación o tu infografía? El Color Scheme Designer Paletton te ofrece lo que realmente estás buscando. Con nuestra web app de la semana puedes crear una paleta de colores armónica en un período breve de tiempo y exportarla, según el caso, en forma de hojas de estilo o de swatches para Photoshop. [...]  

Conceptos básicos de diseño web: crear una galería de imágenes en HTML

Los contenidos multimedia son el motor de Internet. Independientemente de si se trata de imágenes, GIF o videos, sin el estímulo visual, muchas páginas web y tiendas online solo estarían compuestas de meras compilaciones de textos. Un clásico para presentar gráficos e imágenes a los visitantes de las páginas web son las galerías de imágenes. Lightbox permite implementar galerías de manera sencilla por medio de HTML, pero si te decantas por un CMS, puedes recurrir a numerosos plugins y extensiones para ofrecer galerías de imágenes que realmente llamen la atención. [...]  

Responsive test: 8 herramientas para probar el diseño responsivo de tu web

Antes de lanzar cualquier proyecto online hay que examinarlo a fondo. Verificar el funcionamiento y la visualización de una página web es un proceso que requiere tiempo y esfuerzos. En el ámbito del diseño responsivo también se debe comprobar si la web se adapta perfectamente a las resoluciones de pantalla disponibles. Para lograrlo, muchos diseñadores suelen utilizar herramientas de responsive tests. En nuestra guía te presentamos ocho herramientas gratuitas que te ayudarán a simular la representación de tu web. [...]  

Imagen vectorial y mapa de bits frente a frente

¿Cuándo usar una imagen de mapa de bits o cuándo recurrir a una imagen vectorial? Te mostramos los pros y contras de ambos formatos, así como los ámbitos de aplicación propios de uno y de otro. Con la información contenida en nuestra guía podrás escoger el formato más adecuado para que las imágenes de tu proyecto web se muestren en su mejor calidad. [...]  

Los trucos de Photoshop más importantes para Windows y Mac OS

La gran cantidad de clics que requiere usar los menús de Photoshop es tal vez una de las pocas desventajas de uno de los programas de edición de imágenes más populares en el mundo. Sin embargo, con algunos trucos y con los atajos de teclado adecuados es posible trabajar sin complicaciones. Hemos seleccionado algunos de los métodos abreviados de teclado para Windows y Mac OS que te ayudarán a economizar tiempo y esfuerzos. [...]