Me encontre un excelente articulo en Ingles que habla del porque deberíamos utilizar a Google para aprender sobre el Diseño Web Moderno, o mejor dicho porque deberiamos tomar como ejemplo a Google y utilizar sus herramientas para entender estos terminos.

El articulo no es muy extenso pero vale la pena leerlo y por supuesto tomar en cuenta las recomendaciones, y claro que les recomiendo utilizar todas las herramientas que Google nos facilita para el diseño web, despues de todo es común que el 80% de trafico que recibe un sitio web provenga del buscador de Google.

En fin aquí les dejo enlaces al articulo en ingles, y a una traducción generada por el servicio de Google XD.

Enlace:

• Using Google to learn modern web design [Ingles]
• Usando Google para aprender diseño web moderno

Los botones de acción en las paginas web donde se promociones un software, servicios, producto y especialmente en las tiendas en linea son un elemento que debería ser considerado de una manera muy especial, no confundan este hecho con hacer un diseño extravagante para este boton, no son cosas distintas, existen muchas maneras de llamar la atención de nuestro visitante hacia un elemento especifico.

• Espaciado
• Contrastes

Son las mas basicas sin irse muy lejos, la mas efectiva es el contraste de colores, en Smashing Magazine han recopilado una serie de ejemplos de diseño de botones de acción con sus respectivas notas del porque usarlos de esa manera y claro algunos consejos y tecnicas para usar adecuada mente estos elementos dentro de tu diseño, el articulo como sabran viene en ingles pero vale la pena checarlo incluso siendo un poco intuitivo con solo ver las imagenes de los ejemplos de botones de acción se podrían dar una idea de a que me refiero.

Enlace: Call to Action Buttons: Examples and Best practices

Noupe ha redactado un articulo muy interesante y que debería interesarle a todos los diseñadores freelance, se trata de 12 tips para diseñar portafolios web, son tips bastante buenos y faciles de aplicar no son tecnicos, simplemente te daran la pauta para tener un impactante diseño web para tu portafolio y también el conocer la importancia de este.

Si andan buscando mas tips para freelance les recomiendo un articulo que escribi hace unas semanas con 10 tips para diseñadores freelance, espero todo esto les sean util para conocer los tips de diseño web para portafolios sigan el enlace al final.

Los tips estan en ingles pero resumiendo los titulos de cada tips en español serian:

• Un portafolio debe poner énfasis en tu trabajo
• Debería ser fácil de navegar
• Asegurare que sea fácil para tus clientes el contactarte
• Deberás ofrecer información profesional y persona sobre ti (sin traspasar la linea de la confianza y respeto)
• Tu portafolio deberías hacer que tus clientes potenciales se sientan cómodos
• Debe ser fácil de actualizar
• Únicamente deberías mostrar tus mejores trabajos
• Deberías incluir testimonios de tus clientes satisfechos
• Incluye enlaces a tus perfiles de redes sociales pero únicamente si los manejas como profesional
• Provee a tus visitantes de un currículum/hoja de vida descargable
• Organiza en categorías o tags tu trabajo si es mucho
• Tu portafolio debe darte personalidad frente a tus competidores

Enlace: 12 tips for creating a great portafolio site

Excelentes tutoriales de photoshop que recopilo Design Reviver especiales para diseñadores web, entre los tutoriales puedes encontrar las guias perfectas para aprender a como diseñar:

• Botones y navegacion
• Headers y Backgrounds
• Elementos para diseño web (Iconos, etc..)
• Diseño de interfaces
• Tips para guardar imágenes para web

Enlace: 20 Excellent Photoshop Tutorials for web designers

Vía WebLimite