Ideas y ejemplos de diseño web

El diseño de una página web dice bastante del pro­pie­ta­rio. No obstante, no está de más echar un vistazo a otras páginas web para dejarse inspirar por sus diseños. De este modo, podrás hacerte una idea general de las te­n­de­n­cias actuales gracias a ejemplos de diseño web.

7 fuentes de in­s­pi­ra­ción de diseño web

Las ideas creativas no suelen venir sin más. Sin embargo, a veces hacer un par de clics en una de las muchas páginas que hay en Internet sobre diseño web ayuda. He aquí algunas de las mejores fuentes de in­s­pi­ra­ción de te­n­de­n­cias de diseño e ideas de páginas de inicio.

Dribbble

Un primer punto de contacto para los impulsos creativos son las co­mu­ni­da­des. Dribbble reúne a di­se­ña­do­res web, di­se­ña­do­res gráficos, ilu­s­tra­do­res y ti­pó­gra­fos de todo el mundo para que puedan hablar sobre proyectos y presentar sus re­su­l­ta­dos. La red social para mentes creativas permite compartir capturas de pantalla del trabajo propio cada mes.

Ventajas

Dribbble puede en­te­n­de­r­se como una red social para el mundo del diseño. No solo te ofrece una gran variedad de ideas de web design, también dispone de otras ca­te­go­rías como el diseño de productos, el diseño de apps, ani­ma­cio­nes o incluso ti­po­gra­fía. De esta manera, la pla­ta­fo­r­ma construye el terreno ideal para ideas de diseño de todo tipo. Dribbble ofrece a los in­te­re­sa­dos una membresía básica gratuita con la que pueden vi­sua­li­zar, guardar y valorar distintos diseños.

In­co­n­ve­nie­n­tes

Para poder valorar los diseños, Dribbble requiere que te registres. Si buscas ideas de diseño web concretas, es posible que las li­mi­ta­cio­nes de las opciones de filtrado te supongan un problema, ya que aparte del color del diseño y ciertas etiquetas, Dribbble no te permite ajustar la búsqueda. Asimismo, a veces también falla la va­lo­ra­ción de la calidad de los diseños, ya que de media los diseños in­te­re­sa­n­tes con muchas ani­ma­cio­nes u otras técnicas lla­ma­ti­vas reciben más likes que las ideas de diseño simples y sencillas, pero de gran calidad.

Behance

Behance también es una red creativa global que sirve para publicar obras gráficas. Adobe tomó el control de esta pla­ta­fo­r­ma de Internet en 2012 y la afilió a su propia Creative Cloud. Los miembros de los servicios de Adobe reciben au­to­má­ti­ca­me­n­te acceso a las funciones básicas de Behance.

Ventajas

La pla­ta­fo­r­ma de Internet que ahora es propiedad de Adobe ofrece a fo­tó­gra­fos, grafistas y di­se­ña­do­res en general la po­si­bi­li­dad de compartir su trabajo con el público. Como elemento positivo cabe destacar es­pe­cia­l­me­n­te la función de filtrado de Behance, que presenta múltiples pa­rá­me­tros como las he­rra­mie­n­tas uti­li­za­das o el área de pro­ce­de­n­cia del diseño. Navegando por los di­fe­re­n­tes ámbitos creativos, se puede tener acceso a distintas fuentes de in­s­pi­ra­ción de diseño web aún sin necesidad de re­gi­s­trar­se.

In­co­n­ve­nie­n­tes

Behance está es­tre­cha­me­n­te vinculado con el mundo Adobe, por lo que es adecuado sobre todo para personas que trabajan con programas Adobe como Photoshop. Aparte de eso, Behance no tiene ninguna de­s­ve­n­ta­ja si­g­ni­fi­ca­ti­va, por lo que es una pla­ta­fo­r­ma ideal para quien esté buscando ideas o ejemplos de diseño web.

Awwwards

Awwwards es un punto de encuentro online de la industria creativa experta en Internet. El portal ofrece a los di­se­ña­do­res un espacio para compartir co­no­ci­mie­n­tos y ex­pe­rie­n­cias, mantener debates o encontrar in­s­pi­ra­ción. Una vez al día, Awwwards elige el “Site of the day” y lo presenta en su página de inicio. Además, los ganadores aparecen en el anuario “The 365 Best Websites Around The World” (Las 365 mejores páginas web de todo el mundo). Puedes in­s­pi­rar­te navegando por la galería de las webs de los ganadores.

Ventajas

En Awwwards, di­se­ña­do­res web, de­sa­rro­lla­do­res y agencias creativas pueden presentar sus proyectos en línea y so­me­te­r­los a la eva­lua­ción de un jurado pro­fe­sio­nal. Las páginas web ganadoras pueden verse en la pla­ta­fo­r­ma y visitarse desde allí. De esta manera podrás dejarte inspirar por el diseño de páginas web premiadas y co­n­ve­n­ce­r­te di­re­c­ta­me­n­te con su usa­bi­li­dad web.

In­co­n­ve­nie­n­tes

Realmente, Awwwards no tiene in­co­n­ve­nie­n­tes como tal. Lo único que hay que mencionar en este punto es que el diseño web de las páginas premiadas en algunos casos podría ser demasiado elaborado y recargado para una página web propia.

FWA

La abre­via­tu­ra FWA significa “Favorite Website Awards”, y es un programa de premios re­co­no­ci­do en el sector que existe desde mayo del año 2000. Al igual que Awwwards, FWA también presenta dia­ria­me­n­te el “Site of the day” (SOTD), la web del día, pero además también elige la web del mes con “Site of the month” (SOTM). A finales de año, los ganadores pa­r­ti­ci­pan en el People’s Choice Award (PCA).

Ventajas

FWA es ideal si buscas páginas web con ejemplos de diseños que destaquen entre la multitud. Aunque muchas veces los diseños son muy pa­r­ti­cu­la­res, te permiten ase­gu­rar­te de que el diseño de UX garantiza una ex­pe­rie­n­cia de usuario perfecta.

In­co­n­ve­nie­n­tes

La página de inicio de los premios Favorite Website Awards se centra en presentar en detalle unos pocos diseños. Por tanto, es menos adecuada para una visión general y rápida de los distintos ejemplos de diseño web y las te­n­de­n­cias actuales.

CSS Design Awards

La pla­ta­fo­r­ma web CSS Design Awards premia a diario a un “Website of the day” y elige asimismo ganadores mensual y anua­l­me­n­te. Los criterios de va­lo­ra­ción son “Creative Design”, “Core & Function” y “UX & Content”.

Ventajas

La web de los CSS Design Awards ofrece útiles funciones de filtrado en la búsqueda: pueden filtrarse los ganadores y nominados de los premios por color, función y sector. Además, la página cuenta con artículos sobre temas clave del diseño web, así como enlaces a recursos de libre acceso, que ayudan a los in­te­re­sa­dos a mejorar sus co­no­ci­mie­n­tos de diseño web.

In­co­n­ve­nie­n­tes

Al igual que la página de Favorite Website Awards, la de CSS Design Awards también se centra en presentar unos pocos ejemplos de diseño web en detalle. Por tanto, los in­te­re­sa­dos no podrán hacerse rá­pi­da­me­n­te una idea de las te­n­de­n­cias actuales, sino que más bien verán ejemplos concretos de diseño web.

One Page Love

Si las su­b­pá­gi­nas de una web te parecen excesivas y prefieres exponer todo el contenido en una única página, en One Page Love en­co­n­tra­rás lo que necesitas. La pla­ta­fo­r­ma es el es­ca­pa­ra­te de­fi­ni­ti­vo para webs de una página, así como para pla­n­ti­llas y recursos co­rre­s­po­n­die­n­tes.

Ventajas

One Page Love es, como su propio nombre indica, la fuente de re­fe­re­n­cia para buscar ideas de web design de webs de una página. Pone a di­s­po­si­ción de quienes la visiten más de 8000 ejemplos de te­n­de­n­cias de diseño web como centrally divided layouts o user centered design. Si necesitas ideas sobre cómo organizar tu web de página única, One Page Love es una fuente excelente. Y otra ventaja: One Page Love ofrece a los usuarios una colección de recursos con artículos, sets de iconos, pla­n­ti­llas y tu­to­ria­les.

In­co­n­ve­nie­n­tes

Si no tienes una single page ap­pli­ca­tion, One Page Love puede ofrecerte, como mucho, in­s­pi­ra­ción de diseños web. Ob­via­me­n­te, One Page Love no contempla la in­ter­ac­ción creativa de varias su­b­pá­gi­nas.

Design Bombs

Design Bombs no solo brinda a los usuarios in­s­pi­ra­ción de diseño web, también les ofrece artículos y tu­to­ria­les sobre diseño web. Y si quieres de­sa­rro­llar tus ha­bi­li­da­des de coding, también cuenta con varios recursos.

Ventajas

Design Bombs no solo sirve para obtener ideas de web design, también pone a tu di­s­po­si­ción sus pla­n­ti­llas. Gracias a la multitud de recursos que ofrece, la pla­ta­fo­r­ma también es excelente para expandir o aprender los fu­n­da­me­n­tos del diseño web, y con los diversos tu­to­ria­les con los que cuenta puedes, por ejemplo, crear la guía de estilo perfecta para tu web en menos de lo que puedas llegarte a imaginar.

In­co­n­ve­nie­n­tes

Design Bombs no es una de las típicas páginas de in­s­pi­ra­ción que premia las ideas de diseño web más in­no­va­do­ras ni pone en contacto a mentes creativas. Más bien, recopila ideas y recursos. Como co­n­se­cue­n­cia, las pla­n­ti­llas que tiene Design Bombs son bastante simples y no marcan te­n­de­n­cias en el diseño web.