Cuando nos disponemos a diseñar una página web nueva o a rediseñar la imagen de una ya creada, no debemos fijarnos como objetivo único el que sea agradable en la navegación, que su grado de usabilidad sea alto, sino también en la llamativo que sea su diseño.

La parte de diseño gráfico que lleva un diseño web es tan importante como el diseño del código que la hace funcionar, por eso hoy en día estamos viendo que muchas webs conocidas apuestan por contratar a ilustradores para que trabajen con el equipo de desarrollo de la interface de su web a la hora de diseñar esa parte que ven los visitantes.

Del primer vistazo, la primera impresión que nos llevemos de una página web en nuestra primera visita puede depender en parte que la recomendemos a nuestros conocidos por su originalidad.

En Noupe han hecho una recopilación de 40 páginas webs que usan ilustraciones de forma creativa en sus interfaces con las que espero que os podáis inspirar y sacar ideas para diseñar las vuestras y que lo visitantes digan “uuuuuuuau!!” cuando las vean por primera vez.

 

Quiero daros los consejos más básicos de colocación y composición de un texto en una web o un blog, y que debe saber cualquier persona que se enfrenta a la creación de una de estas páginas de internet para que sea fácilmente legible y quien llegue a ella no salga espantado por que sea incómoda de ver o se pierda en sus textos y colores. Una mala maquetación del texto puede provocar que no se entienda bien el contenido o que el lector pierda concentración.

1.-En primer lugar debemos ajustar el tamaño de la tipografía adecuada, no debe ser ni muy pequeña ni demasiado grande. En ocasiones se tiende a poner un tamaño muy pequeño para que se pueda ver el texto en un primer vistazo y quede más concentrado y elegante, pero será prácticamente ilegible y no cumplirá su función básica además de cansar la vista del lector. No debemos utilizar menos de 12 píxeles ni más de 16 píxeles de alto, por lo que el margen ideal para jugar está entre los 13 y los 15 píxeles de alto en cualquier web o blog.

2.-Si nuestro texto está compuesto por diferentes párrafos, éstos deben estar claramente marcados y separados para facilitar la lectura en bloques y evitar que el lector se canse o se pierda. Es recomendable que el espaciado entre párrafos sea del doble que entre las líneas del texto general.

3.-Otro error frecuente es utilizar en la tipografía coloridos inadecuados por ser más bonitos o llamativos. Si es un texto demasiado saturado y contrastado con el fondo puede provocar dificultad de lectura como por ejemplo ocurre en el caso del rojo sobre fondo azul. También es importante que no tenga tan baja luminosidad que sea difícil de leer y se confunda. Debe primar la facilidad de lectura frente a la estética, y si sabemos combinar ambas mucho mejor.

 

imagen: comercio3w

Pinche aquí para ver el vídeo

¿Te has decidido a abrir un blog o una web? ¿no sabes qué dominio comprar? En este videotutorial David Cantone nos enseña dos buenas herramientas online como las que sabremos cómo elegir el dominio más adecuado para nuestra web o blog.

Las herramientas funcionan usando las palabras clave que le indiques, que deben ser aquellas que hayas elegido para posicionar tu página en buscadores, con estas palabras clave, hace una combinaciones y al final obtendrás el nombre perfecto para arrancar tu proyecto web.

 

En el blog SpyreStudios han hecho una recopilación donde podemos encontrar diferentes packs de botones, unos 12 packs en total, y otros recursos para diseñadores en PSD como calendarios, un iPad, un iPhone, carátulas para reproductores, etc… Todos son gratuitos y de uso libre por lo que podréis usarlos para cualquier web sin preocuparos por los derechos de autor.

Estos recursos le pueden venir muy bien a cualquier diseñador gráfico web, a aquellos que os dediquéis al diseño de las interfaces de las webs de vuestros clientes. Entre los recursos encontraréis botones, barras desplazadoras, marcadores, etc de muchos estilos y colores, así que seguro que alguno se adapta al estilo de la web que tenéis pensada.

Podéis descargarlos gratuitamente desde en enlace que os dejo al final del artículo. Además, dentro del mismo artículos podemos encontrar varios enlaces que nos llevarán a artículos con más recursos del mismo estilo a los que os recomiendo que le echéis un vistazo.

Fuente | 32 packs/recursos en PSD para diseñadores

 

El diseño web parece sencillo para cualquier diseñador gráfico, pero es una idea equivocada. No sólo consiste en hacer una web bonita, es imprescindible tener conocimientos muy amplios de html,  de posicionamiento,de flash o de java.

Una web es ante todo útil, y debe ser sencilla de entender y de navegar por ella, el diseño debe acompañar pero lo primero es fundamental y sin ello estaremos creando una página muy bonita pero que no cumplirá su función principal.

Para diseñar una buen página web debemos tener tres puntos en cuenta:

1.- el aspecto visual. Se deben hacer bocetos previos sobre papel de como va air la distribución de textos colores e imágenes antes de ponerse a diseñador en el ordenador. Será la mejor forma de tener claro por donde empezar.

2.- Definir la estructura y relación jerárquica de las páginas del sitio web. Crear los vínculos y enlaces de las distintas páginas que conformarán nuestra web para una navegación perfect por ella sin fallos.

3.- Posicionar la página en internet. Subir la web que hemos creado para que cualquier internauta pueda acceder a ella. Además debemos hacer un estudio de posicionamiento SEO para que sea fácil de encontrar y sobresalga frente a la competencia cuando un cliente este buscando algo relacionado con nuestra página.

Imágenes: diseweblopez, comohacerdetodo

Hay varios factores que nos indican que debemos rediseñar la web de nuestra empresa o cambiar la plantilla a nuestro blog personal, pero, si no se tiene algo de “instinto creativo” puede que nos cueste interpretar las señales y no reaccionemos a tiempo cambiando el aspecto de la web con consecuencias fatales.

En Smashin Magazine han hecho una recopilación de varios señales que nos pueden dar el motiv perfecto para decidirnos a rediseñar nuestra web. El listado incluye estos 5 factores:

1-. Las visitas van bajando: Si tu web es aburrida, está muy fuera de moda, no es social y no atrae a los visitantes verás como poco a poco las visitas van bajando. Los motivos también pueden ser otro como poco contenido o productos poco interesantes, pero si el resto de problemas están sabes que están solucionados. El rediseño es tu siguiente paso.

2-. Poca usabilidad: Pregunta a tus visitantes, haz encuestas y averigua si se sienten cómodos navegando por tu web. Si los resultados son negativos, rediseña para ofrecerles un espacio cómodo y útil.

3. Deuda tecnológica. Si ves que ir añadiendo servicios nuevos (redes sociales, enlaces, widgets, imágenes, vídeos, etc…) va a resultar muy pesado para tu web y no lo va a poder soportar, te saldrá más barato decidirte a crear una nueva web quedándote sólo con lo que te va a servir de la versión antigua.

4-. Apariencia antigua: No es lo mismo una estética vintage dentro de una web con servicios totalmente novedosos y actualizada que una web con aspecto antiguo, sin servicios 2.0 y totalmente estática. Si tu web es el segundo caso, rediseñala para adaptarte a los nuevos tiempos.

5-. Hace más de un año que no la actualizas: Google es un deborador de contenido nuevo, si tu web lleva más de año sin ser actualizada, no solo estarán aburridos tus visitantes, también estárá aburrido Google y el posicionamiento de tu empresa estará bajando en picado.

Estos son 5 puntos básicos a tener en cuenta, pero la lista puede ser mucho más larga y porsupuesto personalizarla a las necesidades de cada caso.

¿Crees que tienes que rediseñar tu web?

Fuente | Smashing Magazine

 

Manejar bases de datos es algo que muchos de nosotros hacemos a menudo, y para usarlo en un navegador toca recurrir a una aplicación escrita en PHP como PHPMyAdmin o en este caso MyWebSQL.

Viene con multitud de idiomas, permite importar y exportar bases de datos y por supuesto hacer consultas SQL -con corrector de sintaxis incluido-, así que es una opción fantástica.

Lo peor que tiene es que no soporta múltiples conexiones, pero no todo podía ser fantástico en esta web app.

Enlace | MyWebSQL

Fuente | WebResourcesDepot