Aplicaciones y recursos para diseñar. Recursos para diseñadores, herramientas gratuitas y consejos para diseñar por móvil y web.
Si os dedicáis a crear aplicaciones para móviles y necesitáis dibujar algunos modelos en photoshop, aquí os dejo una lista de más de 40 archivos PSD que han publicado en speckyboy.com
Continúa leyendo «Archivos PSD para quien diseña aplicaciones para móviles»
Tawdis.net es una aplicación que nos permite analizar la accesibilidad de cualquier sitio web.
En realidad T.A.W. es un conjunto de herramientas que van desde los más conocidos analizadores de páginas a los sistemas de monitorización o a una herramienta para la realización de observatorios.
Su objetivo, usando sus propias palabras:
Comprobar el nivel de accesibilidad alcanzado en el diseño y desarrollo de páginas web con el fin de permitir el acceso a todas las personas independientemente de sus características diferenciadoras.
Disponible en español, gallego, catalán e inglés, es un sitio de fundamental importancia para quien trabaja en el desarrollo de páginas web y quiere ampliar su público objetivo
Cuando se trabaja en un nuevo diseño de un sitio web se esperan muchas cosas: aumentar la fidelidad de los lectores, reducir el porcentaje de rebote (usuarios que vienen, se van y no vuelven), adaptarse a nuevos contenidos… son muchos los factores y muchas las sorpresas que inevitablemente siempre se tienen durante las primeras semanas del estreno.
Visual Website Optimizer nace para disminuir los sustos y poder conocer los resultados que la alteración tendrá analizando la reacción de nuestros visitantes. Después de crear un nuevo test, podremos indicar los módulos que sufrirán los cambios o indicar dos urls distintas con los diseños que quieren ser comparados. El sitio web mostrará de forma aleatoria las dos versiones del sitio y ofrecerá estadísticas analizando los parámetros que nos preocupan.
Podéis probarlo en su Demo o ver el vídeo de presentación en el que podemos comprobar lo simple que es crear nuevos tests. Espero que os resulte útil y evite más de un infarto.
Aquí os dejo una lista de enlaces que pueden ser útiles para quien trabaja con diseño.
– Trucos para pasar de un archivo PSD a HTML: line25.com
– Cómo pasar de un boceto a un tema en Wordpress: spoongraphics.co.uk
– Tutoriales de CSS3 y técnicas de creación de botones: speckyboy.com
– Excelentes diseños web oscuros: webdesignledger.com
– Cientos de trucos para quien trabaja con CSS: css-tricks.com
– 17 extensiones de Google Chrome para webdesigners: designm.ag
Espero que los aprovechéis.
Si habéis decidido cambiar los colores de vuestro sitio web y tenéis que buscar y modificar los códigos del archivo CSS correspondiente, echad un vistazo en Replace CSS colors.
Se trata de una aplicación que permite obtener los colores de cualquier archivo CSS mostrando en una lista todos los códigos detectados. Sólo tenéis que seleccionar cada uno de los nuevos colores y obtener el nuevo archivo CSS, sin necesidad de abrirlo con editores de texto ni ir buscando y reemplazando uno por uno los colores anteriores.
Muy sencillo y, sobre todo, práctico.
Si por uno u otro motivo tenéis que practicar usando GIMP como editor de imagen y no encontráis buenos tutoriales en la red, en Creative Nerds han publicado recientemente una excelente lista de 50 de ellos.
Desde como hacer botones, espadas laser, letras brillantes y de oro, arco iris, un ipod, menús o fondos de pantalla, tenéis una inmensa recopilación seleccionada entre webs especializadas.
Si tenéis pensado crear una nube de etiquetas en vuestra página web para que los visitantes puedan navegar entre el contenido más relevante, os aconsejo que echéis un vistazo a Tagul.
Aunque tiene problemas con los acentos (para variar), nos permite elegir varias formas, con diferentes colores, tamaños y tipos de fuente, obteniendo resultados tan atractivos como el que muestra en su página principal.
Podéis crear la nube informando la dirección url, aunque es mucho mejor añadir directamente el texto a partir del cual calculará el tamaño de las palabras (proporcional a su frecuencia, como suele hacerse en estos casos).
Uno de los proyectos más añadidos en delicious en el año 2009.
Hace unos meses os hablé de Typekit, una solución para poder mostrar diferentes tipos de letra en vuestros sitios web, parecido al también conocido Cufon. Hoy os voy a hablar de TypeFront.
Con un plan gratuito que sólo permite instalar una fuente con un número limitado de visitas, TypeFront es extremadamente sencillo de usar. Tenemos que subir nuestro archivo a su servidor, indicar el dominio desde el que debe leerse la tipografía e incluir el script en el código de nuestra web.
Una excelente forma de permitir a nuestros clientes tener un sitio web con cualquier tipo de letra, sin necesidad de tener que explicar los límites que tienen los navegadores web para interpretar fuentes que no están instaladas en el ordenador del lector.
En icondock.com, sitio web especializado en el desarrollo y distribución de iconos de todo tipo, han publicado una lista de 50 iconos de redes sociales en varios tamaños, con formatos EPS, PNG y GIF, que podemos usar gratuitamente en nuestras webs poniendo siempre un enlace a icondock.com.
El pack incluye iconos de Delicious, Flickr, Twitter, Retweet Button, Facebook, MySpace, StumbleUpon, Digg, Slash Dot, Mixx, Skype, Technorati, Reddit, FriendFeed, YouTube, LinkedIn, Newsvine, SlideShare, Google, Google Talk, Yahoo, Yahoo Buzz, Netvibes, AOL, Microsoft, MSN, Apple, MobileMe, App Store, Amazon, Last.fm, Mister Wong, Qik, Vimeo, Viddler, Virb, Tumblr, WordPress, Blogger, Posterous, Behance Network, Design Float, Deviant Art, Design Bump, Friendster, Bebo, Squidoo, Share This, RSS y Email.
Aquí os dejo una serie de enlaces a tutoriales y recursos que los profesionales de Photoshop pueden usar para diseñar sitios web. Todos los enlaces han sido obtenidos de la lista de páginas más populares de delicious.com de los últimos meses.
– 66 y 90 Tutoriales de Photoshop para diseñar plantillas de sitios web
– 5 técnicas sorprendentes para profesionales del diseño en Photoshop
– Más de 300 lugares para convertirse en un experto de Photoshop
– 760 tutoriales de Photoshop para diseñadores web
– Los 100 mejores tutoriales de Photoshop de 2009
Y por último uno que no se limita al Photoshop:
– 20 tipos de fuente ideales para el diseño de encabezados