Leo en CSSGlobe un artículo de esos que creo que todos deberíamos leer y guardar en nuestra memoria cuando nos ponemos a diseñar sitios web. El artículo se titula 10 short ‘n’ sweet tips on how to design for web.
De entre todos, si tuviera que escoger alguno, yo me quedaría con:
Para leer el resto de los consejos junto con una interesante explicación sobre cada uno de los puntos dirígete a CSS Globe.
All Silhouettes es un sitio estupendo, en él podrás encontrar cientos de siluetas vectoriales listas para usar en tus proyectos, tanto personales como comerciales.
El autor del sitio es también el autor de la mayoría de gráficos y, por ello, nos ofrece una licencia bastante permisiva para utilizarlos siempre que no los revendamos como recursos de stock y que, en el caso de las ilustraciones las hagamos públicas de forma gratuita (supongo que para evitar que usemos su material para venderlo indirectamente en sitios de stock).
A día de hoy hay 5,572 siluetas distribuidas entre 88 packs, con categorías como personas, animales, objetos, símbolos, naturaleza…
All Silhouettes: http://all-silhouettes.com/
Una de las características comunes a casi todos los que realizan labores de diseño es haber juntado una enorme colección de tipografías instaladas en el sistema.
Para muchos, las herramientas que nos proveen los sistemas operativos se quedan cortas y muchas veces es complicado gestionar correctamente todas las fuentes.
myFontBook es un gestor gratuito de tipografías que podrás utilizar desde cualquier sistema operativo gracias a que se trata de una aplicación web.
Con myFontBook podrás visualizar todas tus tipografías, agregarles etiquetas para encontrarlas más cómodamente, marcar favoritas y visualizar datos importantes (kerning, baseline…).
myFontBook es gratuito pero aún así podrás probar la aplicación sin necesidad de registrarte, eso si, para guardar tus etiquetas, valoraciones y catálogo tendrás que crearte una cuenta.
myFontBook: http://www.myfontbook.com
Vía Smashing App
Sin duda, cualquiera que se haya visto en la tesitura de diseñar un formulario de registro ha dado mil vueltas en su cabeza al diseño para conseguir que sea usable y amistoso con nuestros visitantes. Siempre hemos visto en ese formulario una barrera de entrada importante, a fin de cuentas estoy segura que todos hemos abandonado alguna vez un proceso de registro demasiado largo, complicado o ambas.
Pero ¿Es el formulario el mayor de nuestros problemas? Joshua Porter, en una presentación que dió en Webstock 2009 nos da un nuevo punto de vista. No, el formulario no es el mayor de nuestros problemas, el problema es conseguir interesar al usuario para que se tome la molestia de rellenarlo.
Aquí os dejo la presentación, está en inglés pero creo que se entiende bastante bien.
Visto en Konigi
De todas las disciplinas involucradas en desarrollo web, la más reacia a abandonar las herramientas propietarias es, sin duda, el diseño.
Photoshop, Illustrator, Fireworks, Corel son, de facto, estándares del mercado y es difícil desprenderse de ellos en entornos profesionales.
Gimp Tutorials es un sitio dedicado a ofrecer tutoriales de alta calidad para los que estamos deseando aprender a controlar y sacarle el máximo rendimiento a Gimp. Los resultados son impresionantes y los tutoriales bien elaborados y fáciles de seguir. No dejéis de echarle un vistazo.
Gimp Tutorials: http://gimp-tutorials.net/
Detrás de este título que parece propio de un anuncio de productos de higiene femenina no se esconde una respuesta filosófica, lo juro.
La gente de Antrepo4 ha realizado un estudio bastante interesante. Han tomado como muestra los sitios web más relevantes (según Alexa) y los blogs más conocidos (según Technorati) para descubrir los colores predominantes en internet.
Según su estudio, el color más empleado en internet en general es el azul, en los blogs son frecuentes los tonos rojos y rosas, los sitios de diseño tienden a usar más el gris y los sitios sobre juegos son principalmente verdes. Curioso ¿no?
Además de estos datos, con tanto color y siendo un estudio de diseño han creado unos posters llamados clickable colors que no están nada mal (eso si, son algo carillos).
Vía Criterion
A la hora de diseñar interfaces de usuario, sean para web o para otro tipo de aplicaciones, suele ser recomendable recurrir a convenciones que resulten familiares al usuario para facilitarle la interacción.
UI Patterns es un sitio web donde podrás consultar diferentes patrones de diseño para solucionar situaciones comunes en desarrollo de interfaces web.
La web se divide en varias secciones, una nos muestra diferentes patrones de uso común, con una explicación del caso de uso y consejos para implementarlos. Estos patrones pueden ser valorados por los usuarios. Por otro lado también cuenta con galerías de capturas de pantalla de diferentes componentes de los interfaces, para que veas como han resuelto la situación en otros sitios y te inspires para diseñar tus propios sitios. Por último también podrás acceder a galerías de los usuarios.
A pesar de que existen miles de galerías de diseños, el enfoque de UI Patterns me parece especialmente interesante, muy útil sobre todo cuando no tenemos muy claro como afrontar un problema con un diseño.
Yo hace tiempo que hacía algo parecido, guardando capturas de pantalla de los aspectos que me resultaban más interesantes de algunos sitios web ¿hacéis algo similar? ¿os resultaría útil un servicio parecido a este pero en castellano?
UI Patterns: http://ui-patterns.com
No hace demasiado echábamos un primer vistazo al que ya es el nuevo diseño de Facebook
En lo personal a mi me gustó bastante, lo vi más claro e incluso cómodo. Pero claro, los que trabajamos en el la web no somos el “usuario promedio”, nos adaptamos mejor a los cambios, valoramos otros puntos a parte del resultado final y, en resumen, solemos ser más benevolentes con los diseños (siempre que estos cumplan con unos mínimos de calidad).
Ahora que el rediseño se ha hecho forzoso para todos y no hay opción de volver atrás, crecen los grupos de usuarios descontentos y yo me pregunto ¿qué deben hacer ahora desde Facebook? ¿Volver al viejo diseño? ¿Dar opción a escoger el que más te guste?…
No creo que ninguna de las dos opciones sean viables, a nivel de API se han introducido novedades como la posibilidad de diseñar pestañas para tus aplicaciones y, tanto mantener los dos diseños como volver al anterior, puede causar una reacción similar entre los desarrolladores que tengan que deshacer lo hecho o incluso entre otros grupos de usuarios a los que si les gusta el nuevo aspecto.
¿A vosotros os gusta el nuevo diseño? ¿Cómo creéis que debe reaccionar Facebook?
De todos es sabido que el color es una de las más potentes herramientas de las que disponemos a la hora de diseñar algo, cada color significa algo y todos asociamos determinados colores con estados de ánimo o cualidades pero ¿realmente existe unanimidad en cuanto a estas asociaciones?
Cymbolism es una herramienta social que, mediante el crowdsourcing o la participación de la comunidad, pretende determinar estas asociaciones del color con determinados adjetivos.
La cosa es sencilla, en la pantalla principal se te planteará una palabra (en inglés) con su definición y deberás seleccionar un color de los presentados a tu derecha.
Si lo que buscas es saber que colores se asocian con cierta palabra podrás realizar una búsqueda y obtendrás un histórico con los resultados de hoy, los últimos 7 días, el último mes, año y todo el tiempo.
Admiten sugerencias de palabras para ampliar su repertorio así que si buscas dotar a tus diseños de un determinado caracter podrás someterte a la “sabiduría de las masas” para buscar la paleta más adecuada y globalmente aceptada.
Sin duda, si recibe el suficiente apoyo de la comunidad, puede ser una herramienta muy interesante para los diseñadores.
Cymbolism: http://www.cymbolism.com
Esto de la red se está volviendo como las carreteras, parece que muchos aprovechan el poco tráfico veraniego para lanzar sus rediseños.
El caso es que vía el Twitter de Cristian Castillo descubro que se puede entrar a conocer el nuevo aspecto de la archiconocida red social mediante el enlace http://new.facebook.com así que vosotros mismos podréis ir a verlo, si queréis.
Personalmente me parece clara la intención de los desarrolladores de devolver un poco de claridad a los perfiles, liberarlos de toda esa carga de aplicaciones y pijaditas varias.
Como véis, a partir de ahora cada cosa ocupará su pestañita, en primer lugar el muro con nuestras actualizaciones de estado y los comentarios de los demás, luego propiamente dicho el perfil y finalmente las fotos y aplicaciones.
Parece que, para no dejar demasiado marginadas a estas últimas, podremos crear pestañas para ellas. Me suena un poco a Netvibes con aquello de personalizar tus pestañas.
Supongo que será cuestión de su status de “beta” pero me provoca serios problemas de sobrecarga en el firefox, no me he parado a mirarlo objetivamente pero parece que abusa un poco del javascript.
Junto a este rediseño viene una nueva advertencia a los desarrolladores de aplicaciones, nada de embeber publicidad ni de enviar spam sin tasa. Parece que alguien en Facebook se ha dado cuenta de lo molestas que son algunas invitaciones recurrentes y del aspecto tan “a la MySpace” que estaban tomando algunos perfiles.
A mi me gusta, habrá que acostumbrarse a la nueva estructura de los perfiles pero tiene buena pinta.
Y a vosotros ¿qué os parece? ¿Será este otro polémico rediseño o gustará a la mayoría de usuarios?
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
El principal motivo por el que no recomiendo utilizar Smarty es porque el propio PHP tiene una sintaxis embebida, lo que permite utilizarlo sin más para escribir plantillas web.
Guerra Creativa es una comunidad para Creativos. Nosotros te proporcionamos el campo de batalla y el armamento para conquistar el mundo creativo. A través de concursos de diseño web y de logos, l…
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Ver más noticias de los usuarios
