Photoshop & web de la mano

Cuando los usuarios visitan un sitio web, inicialmente forman una opinión basada en su apariencia. Al principio, realmente no tendrá importancia si sus contenidos son de alta calidad o si usted les ofrece servicios y productos excelentes. Si el diseño de su sitio web es pésimo, los visitantes no querrán estar más tiempo y simplemente harán click en el botón con la letra X en la esquina superior derecha de la barra de navegación de sus pantallas. La atracción juega un papel crucial si usted desea crear interés entre sus visitantes. Así, se deduce que usted debe saber cómo diseñar correctamente su sitio web para que sus visitantes se sientan animadas a quedarse más tiempo delante de su sitio.

Aquí están los 3 caminos más sobresalientes para diseñar su sitio Web:

1. La combinación efectiva del color. Usted sabe que ciertos colores pueden manipular a sus visitantes para reaccionar positívamente sobre su sitio web o incluso sobre sus ofertas? Debe hacer que los colores trabajen para usted, tiene que asegurarse de que utiliza una combinación de colores que transporten sentimientos positivos. Haciendo esto, su sitio web podrá comunicarle calidez y confianza a sus visitantes. Estudie cada color y las emociones que están usualmente asociadas con ellos y use los mejores en su sitio web.

2. No sobrecargue su sitio web con animaciones vistosas, texto enrollado o parpadeante, sonidos que se autocarguen, o GIFs animados. Las animaciones vistosas y la música fuerte pueden distraer a sus lectores de entender su contenido. Además, algunos usuarios que usen dialup tendrán un mal rato descargando su sitio web si esta repleto de animaciones.

3. Evite imágenes de fondo. Alguna vez se a preguntado por qué sitios web establecidos, como Google, Amazon, eBay, Yahoo, etc. no tienen imágenes de fondo? Esto es, porque estas imágenes no se miran profesionales y son usualmente usadas por webmasters principiantes. Haga que su sitio Web tenga una apariencia profesional, así sus clientes confiarán en usted.3

Artículo original de G Allan Roberts

En este tutorial trabajaremos el efecto que permite crear reflejos, este es un estilo muy utilizado por la web 2.0

Abrimos un nuevo documento de 800×400 y lo rellenamos del color que nos agrade, en este caso yo le puse el color #122849 que es un azul oscuro. Luego escribimos el texto que deseemos. Lee el resto »

Comenzamos los tutoriales para la web creando un botón circular al estilo web 2.0

Comenzamos creando un nuevo documento de 800×600 px. Siempre es bueno hacerlo en ta,año grande y luego reducirlo a la medida deseada, pues haciéndolo en grande podemos trabajar y apreciar mejor los detalles. Lee el resto »

No se si a ustedes los suceda o les haya sucedido lo mismo que a mí al momento de escoger la tipografía para una web, a mi se me hace muy difícil, y se vuelve un dolor de cabeza ver que luego de escoger un tipo de letra y probar la página pues no sale como esperamos, o los colores no combinan, o que se yo. Afortunadamente encontré una herramienta online muy buena que permite hacer pruebas con distintos tipos de letras mostrándonos la apariencia que tendrían en la web. Podemos cambiar el tamaño de la fuente, la alineación, la decoración, el espacio entre palabras, cambiarles de color a la fuente y al fondo; y comparar a la vez entre 3 tipos de letras o familias de letras.

La herramienta nos muestra como se verán las letras normales, en negrita, en itálica, con mayúsculas, con fondo, etc. Y por último nos muestra el código CSS de la columna en la que trabajemos.

En general es una herramienta indispensable para los diseñadores y desarrolladores web.

Typetester

Bien quiero comenzar este blog agradeciendo a Javi por esta genial idea. Espero estar a la altura de los demás bloggers; si bien aún no soy un experto en mi nicho, estoy trabajando duro para llegar a serlo, así que espero que lo que publique aquí sea de ayuda para ustedes, trataré de escribir con la mayor frecuencia posible y publicar solo cosas interesante. Espero que sigan de cerca y el blog y les guste.

Saludos