Principle es una herramienta para la creación de prototipos. Consigue lograr de un modo sencillo el diseño de interfaces de usuario animadas e interactivas. Principle permite crear desde microinteracciones hasta flujos de múltiples pantallas. La interfaz de Principle es similar…

Este año unas de las tendencias de diseño que vienen pisando fuerte son el uso de formas fluidas, geométricas y asimétricas, manchas y garabatos, colores vivos, degradados y duotonos. Estas herramientas online te pueden facilitar que consigas estos efectos: Grabient…

¿Qué son las Variable Fonts? Variable Fonts son la nueva revolución en lo tocante a diseño tipográfico. Han sido desarrolladas por un grupo de expertos de Apple, Google, Microsoft y Adobe. Se empezaron a dar a conocer en eventos mundiales…

¡Ya está aquí de nuevo! El próximo 24 de febrero se celebra el WIAD, Día mundial de la Arquitectura de la Información. El WIAD es un evento global que se celebra en todos los rincones del mundo, desde Los Ángeles…

Desde que escribí el post sobre Food porn, foodies y mealsurfing, en 2016, creo que la tendencia a compartir fotografías mediante redes sociales se ha convertido ya en una gran costumbre. Ahora en 2018, pienso que la aplicación preferida para…

¿Te has planteado alguna vez realizar una web o una app con el fondo oscuro? No es una mala opción sin más, sólo que hay que tener ciertas cosas en mente. Jacob Nielsen, mencionó: «Usa colores con alto contraste entre…

Ser diseñador web, diseñador gráfico, UI, UX o creativo en general, no es sencillo y hay momentos de vacío y desconcierto creados por el estrés diario, convivencia con otros compañeros, desconsuelo interior o cualquier otra preocupación que nos afecte porque…

Bootstrap, un sistema de 12 columnas para construir webs responsive Bootstrap es un framework o conjunto de herramientas de código abierto para diseño de sitios y aplicaciones web. Contiene plantillas de diseño con tipografía, formularios, botones, cuadros, menús de navegación…

Sketch es una aplicación de diseño vectorial pensada para diseñadores. Entre sus características principales se encuentra su facilidad para crear y organizar símbolos, estilos y las ventajas de exportación de piezas o assets. También la agilidad para manejar artboards ,…

La moda del el triángulo en diseño web de los últimos años ya pasó. Ahora es el momento del círculo. Un círculo es un elemento que puede conseguir una composición limpia y equilibrada. El círculo parece encajar bien casi en…

Pantone presenta su nuevo Pantone del año para el próximo año 2017. El tono rey del próximo año será el 'Greenery' (15-0343) que, según Pantone, es un tono refrescante y revitalizante que simboliza nuevos comienzos, la "naturaleza neutra". Es un…

Esta es mi última recopilación personal sobre páginas que recopilan diversos patrones de diseño de interacción. Estas galerías recogen ejemplos en los que podemos ver los efectos que se están usando en aplicaciones actuales, inspirarnos y deleitarnos. Use Your Interface…

'Desing Disruptors', the future is designed. A documentary by Invision. 'Design Disruptors ' es un film realizado por Invision, los creadores de una de las mejores herramientas de prototipado online del momento. Trailer 'Design Disruptors' DESIGN DISRUPTORS Trailer 2 -…

Ddsign, como ya sabréis algunos, es un blog técnico sobre diseño web en general tocando temas más concretos como usabilidad, apps, maquetación (CSS, XHTML, estándares W3C WAI), sin dejar tampoco de lado el diseño gráfico en un sentido amplio, el…

El Brutalismo es un estilo crudo, austero, sin pulir y que huye de lo que se considera bello. Creaciones despojadas de diseño, con tendencia al feismo. El brutalismo se separa a propósito del diseño cuidado, no teniendo en cuenta la…

Cuando diseñamos una web es de gran importancia el texto. La apariencia visual del texto, es decir que tipografía o tipografías elegimos para el website, se diseña. Si elegimos una u otra fuente tipográfica, qué estilos de esa tipografía vamos…

¿Tus .PSD están debidamente ordenados? Trabajes solo o con compañeros y más aún si haces entregables de tus ficheros PSD a terceros, debes procurar mantener tus archivos lo más organizados posibles. Esto es recomendable tanto si en un fichero trabajarán…

Origen del scroll Pese a que el fenómeno del scroll nació hace años (data del 1975), su utilización tardó en generalizarse en los usuarios. El tener que hacer mucho scroll hace unos años era algo terrible, el demonio. Esta técnica…

Para los diseñadores gráficos y web los bancos de imágenes gratuitos son tremendamente útiles. Sin embargo, para no caer todos en la utilización de las mismas imágenes, conviene manejar varios de estos bancos y no recurrir siempre a los mismos.…

Esta tarde fue la primera sesión de Coruña Bloggers ( CoruñaBloggers). Coruña Bloggers es una iniciativa del periodista Manolo García que surge con el objetivo de aglutinar y fortalecer la comunidad coruñesa de blogueros para compartir conocimiento en un ambiente…

Comer con los ojos, disfrutar y compartirlo La comida, los alimentos, el comer y la buena mesa son hoy grandes protagonistas en las redes sociales y aplicaciones móviles. Food porn Food porn es la glamurosa y espectacular presentación de la…

A la hora de enfrentarse con un proyecto nuevo de diseño web hay muchos puntos que hay que tener en cuenta. Para no olvidarnos de ningún tema, es recomendable seguir una lista de puntos que debemos cumplir. Con el tiempo…

Diseñar para daltónicos El daltonismo es un defecto genético que ocasiona dificultad para distinguir los colores. El daltonismo afecta a entre el 8-10% de la población mundial. Aunque a grandes rasgos deberíamos considerar a la discromatopsia que es una discapacidad…

Apenas acabo de llegar a casa de pasar un rato muy agradable en la inauguración de la nueva revista Nocturnia, el medio para visibilizar a la Coruña más inquieta, activa, fresca y joven. Nocturnia no sólo es la presentación del…

El icono del disquete era el icono estándar para significar “guardar”. Es ahora un icono que no se corresponde con su función original, un anacronismo. Los disquettes ya no existen y tampoco tenemos un sólo destino donde guardar los datos,…

Leo esta tarde en Genbeta que ya es oficial que Internet Explorer 8, 9 y 10 se quedarán sin soporte la semana que viene. Microsoft lo ha anunciado el pasado 6 de enero. Advierte que el próximo 12 de enero…

Una tendencia de diseño web que veremos bastante este 2016 será la de vídeos con bucle infinito como background en la cabecera. Es una solución creativa posible hoy en día gracias a los últimos avances de HTML5 para mostrar vídeos…

Estudios recientes (The privacy economics of voluntary over-disclosure in Web forms) demuestran que los usuarios tienden a cubrir menos campos de un formulario cuando en estos existen campos obligatorios que si se señalan cuales son los opcionales. Las investigaciones demuestran…

Premios Educa.net a los mejores blog temáticos Los premios a los mejores blogs temáticos, organizados por el portal de cursos online EDUCA.NET, son concedidos por reconocidos expertos en diversas áreas, a los blogs que regularmente difunden conocimientos y novedades de…

Pantone acaba de presentar, como es costumbre siempre en estas fechas, los que serán los colores del próximo año 2016. Por vez primera presenta la mezcla de dos tonos - ROSE QUARTZ y SERENITY, PANTONE 13-1520 y PANTONE 15-3919 respectivamente…

Hoy en día aún existe un abuso generalizado de la utilización de carruseles en las homepages . Los carruseles parece que resuelven dos problemas de diseño. Primero cómo colocar mucho contenido en poco espacio y situar este contenido en un…

El pasado 12 de noviembre se celebró el “Día Mundial de la Usabilidad”. Este es un día en el que se celebra a nivel mundial los avances logrados en el ámbito de la creación de productos utilizables y usables (más…

Ddsign es propuesto para mejor blog temático de Informática (2015 Premios Educa) Se celebra la 2ª Edición de los Premios Educa a los Mejores Blogs Temáticos. El Jurado profesional ha propuesto a Ddsign como candidato en la categoría de Informática.…

¿Qué es un captcha? Captcha o CAPTCHA son las siglas de Completely Automated Public Turing test to tell Computers and Humans Apart (prueba de Turing completamente automática y pública para diferenciar computadoras de humanos). Este test es controlado por una…

Material Design son las nuevas guías de diseño desarrolladas por Google. Se dio a conocer en la conferencia "Google I/O" celebrada el pasado 25 de junio de 2014. Material Design está enfocado en interfaces pensadas para Android pero son aplicables…

Esta es una recopilación de websites que recogen colecciones o galerías de patrones de diseño de interfaz de usuario de dispositivos móviles (smartphones iOS y Android, tablets, iPad). En la mayoría de ellas además de poder ver el diseño de…

Icomoon.io es una herramienta que nos ayuda a gestionar y crear icon fonts. Icomoon ofrece bibliotecas de fuentes de uso libre y también nos permite combinar las diferentes fuentes y también nos da la oportunidad de crear y modificar nuestra…

Bienvenidos, icon fonts Los icon fonts se tratan de iconos que en realidad forman parte de una fuente tipográfica. Esta fuente en lugar de letras contiene iconos. Esta idea ya existía hace años en fuentes llamadas dingbat , que quizás…

En el diseño web como en todo hay modas y tendencias. Este año 2015 ha venido muy fructífero y se continúan tendencias del año pasado dándoles quizás un nuevo ajuste de tuerca y también comenzamos a ver nuevas tendencias de…

A la hora de presentar un proyecto a un cliente o para mostrar en el portafolio, este brilla mucho más si se simula su uso real. Tanto da si es un proyecto web, móvil o gráfico. Pensemos en el caso…

Esta es para mí la mejor recopilación de galerías de inspiración web. En estos sitios se recopilan las mejores webs del momento para admirarlas, inspirarnos y conocer las tendencias actuales en diseño web. Awwwards Son los premios que reconocen el…

Las tablas son un elemento frecuentemente usado en diseño para mostrar comparaciones de datos. No hay demasiado problema para visualizar tablas actualmente en nuestras resoluciones de pantalla de sobremesa ("desktop") pero esto puede presentar un problema al verlas en las…

Un triángulo, en geometría, es la reunión de tres segmentos que determinan tres puntos del plano y no colineales. Cada punto dado pertenece a dos segmentos exactamente. Los puntos comunes a cada par de segmentos se denominan vértices del triángulo…

Palettab es una extensión para Chrome que te ofrece paletas de color y una galería de fuentes, cinco de cada vez. Una vez instalada la extensión cada vez que añadamos una pestaña nueva en nuestro navegador Chrome veremos una galería…

¿Has soñado alguna vez con poder personalizar los mapas de Google Maps para que combinen con los colores de tu web? Ahora esto es posible. Desde la guía para Developers de Google se explica extensamente como cambiar el estilo a…

Siempre me han gustado las webs que recopilan contenido de diseño de una forma organizada y útil. Es el caso de este tipo de webs que aglutinan en su colección interesantísimos recursos de diseño gráfico y web como ficheros descargables…

Desde que utilizamos el método @font-face podemos incluir mucha más variedad de fuentes tipográficas en nuestras creaciones web. En este post quiero reunir una serie de galerías en las que podemos ver estas webfonts en uso. The Web Fonts Gallery…

Esta es mi selección de libros y ebooks sobre diseño web. Algunos son gratuitos y se pueden leer online, otros incluso permiten la descarga, otros son de pago y se pueden conseguir en formato físico y/o digital. Diseño Web Designing…

"CSS Animations", una guía sobre las animaciones y transiciones CSS escrito por Val Head. Es un libro dedicado a diseñadores y desarrolladores web, los cuales quieren conocer las novedades de las animaciones CSS, quienes quieren comenzar a utilizarlas y a…

Normalmente necesitamos recurrir a bancos de imágenes para encontrar fotografías y otros recursos gratis para utilizar en nuestros blogs o webs. Esta es una recopilación de algunos de ellos: Little Visuals Little Visuals es una recopilación de fotografías en alta…

Esta es una pequeña recopilación de tutoriales y demostraciones de menús off-canvas. Foundation Off-canvas El framework Foundation viene preparado con componentes para crear menús Off-canvas de una forma sencilla. Pushy Pushy es un menú off-canvas responsive creado con trasiciones y…

Una de las preguntas más frecuentes cuando nos enfrentamos a crear la navegación de la versión móvil de una web responsive ( RWD: responsive web design , diseño adaptativo) suele ser cómo diseño el menú de mi web. Los expertos…

The New York Times en su versión online anuncia estos días que a partir del próximo 8 de enero la web va a sufrir una serie de importantes cambios de diseño, usabilidad y contenidos. The New York Times (NYT) es…

Comparto con vosotros una selección de los artículos más interesantes sobre Landing Pages que he leído últimamente: Enlaces sobre la estructura de una buena landing page La anatomía de una landing page "The anatomy of a high converting landing page")…

Diane Parks me hace llegar esta coloración introduciéndonos en el bonito mundo del color y su significado. Podéis ver la infografía completa en Template Monster. ¿Qué es la primera cosa que llama tu atención cuando visitas un sitio web? Es…

Estos son los últimos recursos de inspiración para crear interfaces móviles que he visto en la red. Son sobre todo colecciones de capturas de pantallas de aplicaciones reales en las que se ha categorizado los elementos de un modo bastante…

Quería compartir con vosotros los recursos sobre CSS3 que he conocido esta semana. Se trata de un generador de efectos CSS3: gradientes, bordes redondeados, texturas y sombras. Y otro generador online muy potente para dar estilos a botones, formularios, iconos…

Humans.txt es un archivo que agrupa la información sobre las personas que han intervenido en la creación de una web. Humans.txt ayuda a demostrar la autoría de una web de forma externa y accesible. Su nombre, humans , es un…

El flat design es una tendencia de diseño que utiliza formas planas e iconos. Rectángulos, círculos, triángulos y otras figuras geométricas con la ausencia de otros elementos como sombras, degradados o rebordes, huye de la tridimensionalidad. Se ha hecho popular…

El color a la hora de diseñar es muy importante, con el color se transmiten muchas sensaciones y la elección de un color u otro puede influir en nuestro mensaje. Existen en la red varias herramientas para inspirarnos y ayudarnos…

Dos de los sistemas más famosos para embeber fuentes tipográficas en la web son Google Fonts y, ya más reciente, Adobe Edge Fonts. Podemos necesitar combinar dos o más tipografías para nuestros diseños web y resulta difícil decidirse por el…

Craftstorming es un encuentro entre diseñadores y crafters. Un evento realizado en A Coruña (en Fundación Luis Seoane) y creado para fomentar el networking, la formación y crear una plataforma para dar visibilidad a diseñadores y micro emprendedores interesados en…

O'Reilly acaba de sacar la beta de su nuevo proyecto Atlas. Atlas es una plataforma de publicación, donde leer, escribir, colaborar y aprender. O’Reilly es famosa por hacer muy buenos libros sobre programación, diseño y tecnología. Sí, son los de…

Web Colour Data es un proyecto desarrollado por Ri Liu y Bo Jeanes. El proyecto trata de cubrir algunas investigaciones acerca del uso del color en las webs. Algunas de estas cuestiones (comentan sus autores en el apartado About )…

GoodUI es una web dónde se recoge de forma amena y muy visual una serie de consejos sobre cómo organizar la Interfaz de Usuario. Cada mes es publicado un consejo. GoodUI es una iniciativa de Jacub Linowski Además de poder…

El pasado 28/02/2013 este vídeo sobre Preprocesadores CSS fue emitido en directo por HTML5 Spain. Naiara Abaroa en su charla instructiva y amena nos habló de los principales preprocesadores CSS: less, sass y stylus. El modo de maquetar web y…

Os contaba anteriormente que a la hora de la creación de una web podríamos utilizar técnicas como los Moodboard para ir definiendo la apariencia de una web. El moodboard puede recoger una serie de apuntes o muestras de cosas que…

La guía "A Begginer's Guide to HTML & CSS" de Shay Howe está muy bien explicada y además tiene una maquetación muy agradable que facilita la lectura. Está en inglés, pero si comprendéis el inglés, el contenido os será muy…

Me han recomendado ver este video sobre Responsive Web Design. Es acerca de la idea de que el diseño web no debería ceñirse a un dispositivo o resolución concreto, sino pensar la web de forma global.

Designing for the Web es un libro online (podemos leerlo en HTML totalmente gratis o optar por comprar la versión PDF) escrito por Mark Boulton. Es un libro muy interesante que trata acerca del diseño web. El libro abre así:…

Los botones (input, button) en el iPad se muestran con bordes redondeados y sombras. Esta apariencia puede no convenirnos en el diseño de alguna web determinada. Estos estilos se pueden anular con CSS. Defiendo que no queremos utilizar la apariencia…

Me acabo de encontrar este libro en internet. 20 cosas que he aprendido sobre navegadores y web. Está diseñado de un modo exquisito y el tema me interesa. Estoy deseando tener un poquito de tiempo para leerlo. ¿Lo habéis leído?…

Dar transparencia o opacidad a un elemento mediante CSS es una estas propiedades que para que funcionen bien en todos los navegadores requiere de varios trucos. Lo normal sería opacity: 0.5; pero hay varios hacks a tener en cuenta. Apunto…

Un moodboard es un tipo de póster que consiste en imágenes, texto y ejemplos de objetos que recojan el aspecto general (aún en una etapa muy previa) que el producto deberá tener. Pueden servirnos para comunicar nuestros conceptos a otros…

"Responsive Web Design" de Ethan Marcotte y "Mobile First" de Luke Wroblewski son los últimos libros que he comprado. Son sobre temas actuales como el diseño adaptable y el diseño de webs para dispositivos móviles. Tratan el tema de forma…

A continuación os facilito los mejores enlaces que conozco a tutoriales donde explican detalladamente cómo crear un tema wordpress desde cero: - Crafting Your Theme Framework’s Structure and Layout (WPCandy) - How to Create a Minimalist and Typographic Blog Layout…

Font Combinator es una herramienta creada para previsualizar la combinación de fuentes para web. Podemos ver en un párrafo qué tal quedan varias fuentes combinadas. Las fuentes que utiliza esta herramienta son las de la colección de Google Fonts.

El uso de fuentes seguras para web se ve bastante limitado si no optamos por embeber las fuentes mediante @font-face o sirviéndonos de Google Fonts. Aún así no todas las tipografías a las cuales de este modo podemos tener acceso…

Esta es la traducción libre del maravilloso artículo de Elliot Jay Stocks Choose your web fonts wisely. He perdido la cuenta de cuantas veces he utilizado la frase, “ahora es un excelente momento para la tipografía en al web”, pero…

En este artículo CSS pitfalls and how to overcome them recogen una serie de problemas que se nos suelen presentar cuando estamos diseñando con CSS y nos dan buenas soluciones para resolverlos. Os recomiendo echar un vistazo.

"Conforme la tipografía para web va mejorando, los diseñadores web quieren tener el mismo control que los diseñadores gráficos tienen sobre las fuentes." Esto es una traducción libre sobre una de las diapositivas de esta presentación de Trent Walton. Es…

Post actualizado a 15 de noviembre @font-face es un método mediante el cual podrías utilizar, en teoría, cualquier fuente tipografía en un sitio web. Este método consiste en subir al servidor el fichero de la fuente (embeber). No podemos embeber…

El plugin WP Maintenance Mode para Wordpress nos permite que mientras tenemos nuestro blog wordpress en construcción que el usuario pueda ver otra página diferente (que nosotros podemos personalizar totalmente) y nosotros mientras tanto vamos construyendo el blog por debajo…