¿Cómo puedes crear un diseño accesible?
Si eres diseñador web tus trabajos tienen que ser diseños accesibles y te voy a explicar porqué....
Lee masEn este blog de diseño web encontrarás mucha inspiración y muchos ejemplos. ¿Buscas los mejores diseños de páginas web? También podrás ver lo último sobre diseño web. ¿Quieres ver diseños de páginas web modernas?¿Quieres ver diseños de páginas web creativas? Encontrarás páginas web con un diseño increíble, pero comencemos con los términos básicos del diseño web.
Hay muchas empresas que diseñan páginas web que les interesa estar al día de las noticias de diseño web.
Si eres diseñador web tus trabajos tienen que ser diseños accesibles y te voy a explicar porqué....
Lee mas¿Te gustan diseñar con Canva? ¿Usas plantillas personalizadas para hacer banners? ¿Estas aburrido...
Lee masEl color es muy importante en diseño web. Para ello, hoy te comparto interesantes paletas de...
Lee masPor defecto, en Figma, vienen añadidas las fuentes de Google Fonts, por lo que para cualquier...
Lee masSi estás buscando un trabajo 100% remoto, estás en el lugar adecuado. A continuación, podrás ver...
Lee masDesde que Google nos dio la noticia de que Universal Analytics va a funcionar sólo hasta julio de...
Lee masEn este artículo vamos a hablar de algo básico en diseño web: la diferencia entre hosting y...
Lee masSi quieres tener tu propia página web en internet, en este post podrás ver paso a paso como...
Lee masHay personas que crean su página web en internet y se creen que el trabajo ya está hecho. A partir...
Lee masCon varias herramientas podrás generar magníficos fondos svg para añadir a tu página web. El svg...
Lee masPara convertir otf en ttf, o eot a ttf y muchas otras opciones, podrás utilizar las herramientas...
Lee masPuedes encontrar una selección de iconos gratis para utilizar en aplicaciones, páginas web,...
Lee masHoy en día hay tantas fuentes tipográficas que es difícil elegir, y más aún hacer combinaciones de...
Lee masPara tener organizadas las tareas pendientes hay apps To do List que nos facilitan la vida. Son...
Lee masPara mucha gente es lo mismo diseño que desarrollo web y en este artículo quiero enseñarte las...
Lee masTodos las modificaciones que se realizan en WordPress consisten en unos pocos clics, por lo que...
Lee masUna vez instalado wordpress ya podemos comenzar a trabajar en la página web. Biennnn! En esta lección vamos a aprender como instalar un tema wordpress.Vamos a comenzar a centrarnos en el diseño, el aspecto que va a tener nuestra...
Lee masWordPress se puede instalar de dos maneras: de forma automática por medio de un instalador o de...
Lee masEl primer paso que hay que dar para tener una página web en internet es registrar un dominio y...
Lee masSi estás en el caso de que tienes tu página web pero pasan las semanas y tienes pocas visitas, no...
Lee masPor si no lo conoces, Mail Relay es una herramienta de email marketing, podrás enviar correos...
Lee masNo vale de nada diseñar páginas web si no funcionan, no venden, no transforman visitas en...
Lee masEs una queja muy habitual dentro del mundo del diseñador web lo poco que se cobra. Que hay...
Lee masEn este artículo podrás conocer los beneficios del email marketing y porque lo tienes que utilizar...
Lee masSi buscas plantillas gratis Prestashop, aquí tienes una cuantas que te puedes descargar. Pero...
Lee masEl error en el caen muchos de quienes se inician en el comercio electrónico es pensar que con...
Lee masColección de menus para paginas web en vector, psd… Estos archivos los podrás editar con Photoshop si es psd y en Illustrator si es eps o ai. También te servirán para coger ideas, para que veas lo que quieres que tenga tu...
Lee masColeccion de diseños paginas web ejemplos originales y creativos. Son diseños que te servirán de inspiración y así podrás ver lo que hacen otros. A mi me sirve mucho mirar en otras páginas web como combinan colores, que...
Lee masColección de codigos javascript para paginas web. Trabajando con números con Javascript...
Lee masPodrás ver una colección de herramientas de internet enfocadas al diseñador web pero también otras...
Lee masSi buscas fondos para páginas web chulos, originales, creativos… con los que ganará tu...
Lee masEn este artículo encontrarás una colección de páginas web para inspirarse sin imágenes. Cuando se...
Lee masEn varios posts anteriores verás diferentes texturas y patrones. Estos elementos los puedes...
Lee masEn este artículo encontrarás distintas excelentes opciones para insertar reproductores de audio en...
Lee masHace algún tiempo que se utilizan imágenes de fondo en los diseños de páginas web para conseguir...
Lee masAprende a utilizar los colores para páginas web. El color de una página web influye mucho en la...
Lee masDiseñar web dashboard (paneles de administración) es dificil. Hay que agrupar toda la información...
Lee masActualmente ya nadie duda de la potencia de Bootstrap, que es un framework para diseñar...
Lee masColección de ejemplos de páginas web con menús originales para que tomes nota para tus próximos...
Lee masPodrás ver como crear botones ghost para conseguir un diseño web minimalista. Hay una tendencia en...
Lee masAhora mismo el contenido es el rey, por eso es importante para posicionamiento tener contenido de...
Lee masHay muchas páginas web que no prestan atención a los formularios. Después sucede que nadie les...
Lee masContinuamente hay nuevos lenguajes o variaciones de los actuales, por lo que todos los que nos...
Lee mas¿Cuál es el proceso de desarrollo de una página web? Los que nos dedicamos a esto sabemos que...
Lee masEn este artículo aprenderás a hacer una pagina web responsive. El diseño responsive no es una...
Lee masCursos de diseño web hay muchos, unos de pago, otros gratuitos. En el artículo de hoy solo quiero enseñarte algunos videos interesantes para aprender diseño web desde cero. Posiblemente no sean los mejores pero si están bien...
Lee masLos diseñadores web hemos elegido una profesión en la que todos los días tenemos que estar aprendiendo cosas nuevas, de lo contrario estaremos completamente desfasados y fuera de mercado. El mundo web se mueve muy rápido y...
Lee masMuchas veces al diseñar sitios web no tenemos en cuenta las prioridades del cliente y nos basamos...
Lee masHacer un presupuesto de una página web o de cualquier desarrollo web, parece, a simple vista,...
Lee masSi eres de los que busca la originalidad dentro del diseño y te gustan páginas webs distintas a...
Lee masEl diseño web abarca todo el proceso de creación de una página web, desde la planificación inicial, prototipos, diseño y mantenimiento. Es esencial que una página web tenga una buena usabilidad, accesibilidad, sea responsive (se vea bien en todos los dispositivos) y esté bien optimizada para los buscadores.
En 1992 había sobre 50 páginas web, hoy en día se cree que se anda en dos millones y se piensa que llegarán a los 8 millones en los próximos años. Con estos datos sobre la mesa, date cuenta lo difícil es conseguir visibilidad y lo difícil que va a serlo a partir de ahora. Vaya tarea tienen los diseñadores web. Diseñar webs que capten la atención del público y tengan la mayor visibilidad posible dentro del sector y temática de la página web.
Hay que atraer y retener a los usuarios. Hoy en día se está trabajando mucho la estructura y los contenidos de la página web. Pero no nos podemos olvidar del uso del color, de una buena imagen, un diseño que atraiga. Todo para conseguir captar y fidelizar a nuestro público.
Hay varias formas de diseñar una página web. Según cual escojas se va a visualizar así la página web. Te indico los más conocidos:
Casi nunca nos ponemos a pensar que un buen diseño web influye en los usuarios, que encuentran fácilmente la información que buscan. Eso les animará a visitarnos más veces y, por lo tanto, conseguiremos fidelizar a nuestros visitantes.
A nivel buscadores es muy importante tener internamente optimizada la web pero a nivel usuario son fundamentales ciertas características:
Mensaje claro. Si es una página web de venta de fruta tiene que quedar claro nada más entrar en la página web que esa es la finalidad de la página web. El diseño tiene que estar en consonancia con el producto o servicio que se quiere mostrar
Público objetivo. Tenemos que tener en cuenta a quien va dirigida la página web. No es lo mismo diseñar una web para adolescentes, para niños o para el público general
Fácil para navegar. El usuario tiene que detectar fácilmente donde tiene que pulsar para ir a las siguientes secciones del menú, sino se irá rápidamente y no volverá. Hay que evitar tener en una misma página web menú horizontal y menú vertical a la vez, el visitante tiene que ver claramente el menú.
La importancia de un buen contenido. De nada servirá tener el mejor diseño del mundo si después la página web está vacía de contenido. Es importantísimo tener contenido de calidad en nuestra web, nadie visita muchas veces una web por lo bonita que sea, sino por el contenido que genera.
Contenidos limpios. Este punto está relacionado con el anterior. De nada sirve mucho contenido si son difíciles de encontrar o no están claros. Es esencial unos contenidos limpios y claros. Que el usuario se tenga que ir de la página porque no encuentre los contenidos y éstos estén en la página web, eso es un fracaso.
Anticiparse a la audiencia. Tendremos que conocer a nuestros visitantes y anticiparnos a sus demandas y a lo que quieren ver o leer.
Página web accesible. De nada sirve tener una gran página web si no es accesible para nuestro público objetivo. Hoy en día es indispoensable que la página web sea responsive (se vea correctamente en todos los dispositivos)
Tienes que diseñar una página web de un fotógrafo y no sabes por donde empezar. No la voy a poder diseñar por ti, pero si te puedo dar ejemplos para que te inspires. Se trata de que viendo ejemplos de la misma temática te puedes hacer una idea de a donde quieres ir.
Las páginas web de fotógrafos suelen ser bastante creativas y originales. Otros sectores no le suelen dar importancia a estos aspectos, pero en el caso de los fotógrafos suele ser así. Otra característica que tienen estos diseños es que utilizan fondos negros o blancos para que resalte la fotografía. Se quiere dar protagonismo a la imagen. Y, por último, también es común utilizar una estructura de portfolio.
Evaan Kheraj
Es un diseño con una foto de fondo en tonos oscuros y acompañado de fotografías distribuidas en tipo portfolio.
Van pasando fotografías en toda la pantalla, como fondo.
Fotógrafo especializado en bodas. La página es sencilla, pero dentro de esa sencillez se puede apreciar una gran elegancia.
Es un fotógrafo creativo. La web está diseñada en formato portfolio.
Lo que caracteriza a esta web son grandes fotos, incluso en la parte de las galerías. Así se consigue que el reclamo principal sea la imagen sobre el resto de elementos de la web.
Es una web con fondo negro y con dos imágenes impactantes en la página principal.
Página web con una galería de miniaturas, para que puedas ver rápidamente una serie de trabajos realizados por el fotógrafo.
Es un fotógrafo especializado en niños, bebés,... Como puedes ver el diseño varía bastante respecto a los anteriores.
En esta recopilación quise enseñarte distintas y variadas páginas de fotógrafos, todas de diferentes estilos para que veas la línea por la que interesa seguir.
Si ya quieres un diseño en psd hecho de una web de fotografía, aquí tienes esta plantilla para que te descargues gratis.
Si no te quieres complicar la vida, siempre tienes temas de Wordpress de fotografía y con gran calidad.
En cualquier página web siempre hay que tener una página de error 404. Si algún link de tu web está roto saldrá ese aviso. Lo ideal es que lo tengas personalizado y no dejes el típico por defecto. Debe de ir en consonancia con tu web. Los visitantes te lo agradecerán. Es una parte que normalmente no se curra aunque se está tendiendo cada vez más en personalizarlas, al darnos cuenta que es un elemento más de nuestra web.
Podrás ver una recopilación de páginas web creativas con el error 404 para que te inspires. Como verás la gran mayoría de ellas tienen frases graciosas, o elementos ingeniosos para acompañarla.
Cayenne
Forma original y muy de moda tipo whastapp para indicar que esa página no existe.
Email Center
Una forma muy original de echar la culpa de que falle la página web, a tus propios compañeros jaja
Firebug
Nerisson
this or that
William C Sete
Inspiredology
Jackrabbit Design
Snakes in space
DailyMile
31three
Blizzard
Lego
No son gratis, pero te solucionarán todo el tema de diseño rápidamente, además de tener gran calidad. En el título entre paréntesis te indico lo que cuestan, el precio está en dólares, por lo que al cambio con el euro es un poco menos.
Perdidos en las nubes (5$)
Original página de error con el billete de avión y las nubes en movimiento por debajo. Está diseñado en HTML5 y es responsive.
Perdido en el espacio (5$)
¿Quién no recuerda lo de?: "Houston, tenemos un problema". Página de error inspirada en esta frase. Esta plantilla incluye dos archivos psd en capas para que puedas modificar lo que quieras, y archivos html, css y js.
Cerberus (7$)
Esta plantilla responsive tiene efecto precarga. Se ve al perro moviendose a lo largo de la bola del mundo. Con este diseño no dejarás indiferente a nadie.
Te invito a ver una selección de páginas de error 404 en psd para modificar en Photoshop a tu gusto. Su descarga es gratuita, así que sólo tienes que escoger la que más te guste y modificarla según tus preferencias.
Estos diseños también te pueden servir de inspiración para que crees el tuyo propio. En diseño web se trata de distinguirnos de la competencia y con estas páginas podrás conseguir un diseño diferente.
404 Error Template Free PSD Page
el archivo psd está bien organizado y se puede modificar fácilmente el tipo de error que se quiere mostrar.
Si te han gustado estas páginas web creativas de error 404 sólo te queda compartirlas :)