Plantillas PSD iPhone
Templates o plantillas de iPhone en psd, todo en capas para que puedas hacer una buena presentación de tu App o WebApp.
Buen post de GraphicsFuel en el que podrás encontrar toda una relación direcciones en las que descargar gratuitamente todo tipo de psd’s de iPhone. Podrás encontrar desde las carcasas del móvil hasta los más mínimos detalles, como iconos, elementos de formulario, teclados, botones, fondos…
Un buen diseño web debe tener como primer objetivo su target. Si además estamos al tanto de las últimas tendencias y técnicas de diseño web, aumentaremos las posibilidades de éxito.
Hoy en día «prácticamente» no tenemos límites a la hora de diseñar, de un modo u otro, casi todo se puede hacer, por eso mismo es obligatorio ser conocedor de estas técnicas, conociéndolas podremos acudir a ellas en función del diseño al que nos enfrentemos.
En este post vamos a ver en qué consiste el Scroll Parallax, vais a poder descargar código gratis y ver algunos ejemplos de efectos que podemos conseguir con esta técnica.
Parallax Scrolling es sin duda un enorme paso hacia adelante y un tremendo reto para diseñadores, ya que ahora no nos limitamos a pensar en cómo rellenar el dichoso papel en blanco. Diseñar una web parallax es en cierto modo, jugar a ser «director de cine». Una sucesión de escenas van a cambiar por completo el escenario que mostramos al usuario, además, tendremos que pensar de qué modo pasamos de una escena a otra, movimientos, máscaras, transparencias, vídeos y fotografías se suceden uno tras otro o simultáneamente, para situarse en su posición correcta cada vez que el usuario se detiene a examinar cada pantalla. Además, tendrás que pensar en cómo conservar la usabilidad de esta web, fijando el menú en una posición absoluta, haciendo que se mueva con el resto de la web… En definitiva es un reto a la imaginación, mucho mayor que cualquier otro tipo de web, es pura creatividad, esta creatividad es la que va a diferenciar una web espectacular de una normal, aunque esta normalidad va a estar acentuada por la vistosidad de esta técnica.
La última tendencia de diseño web es el Responsive Design o «Diseño Adaptativo». Con la ayuda del HTML5 y CSS3, ahora podemos adaptar los diseños de páginas web en función del tamaño de pantalla del usuario. La característica fundamenteal de este tipo de diseño web, es que se adapta perfectamente a cualquier resolución, basta con ir cambiando el tamaño de la ventana del navegador, para ver cómo se van recolocando los módulos que forman la web.
Gracias a esta técnica no tenemos que hacer distintas web o utilizar distintas CSS para hacer un diseño para web, smartphone o tableta. El mismo diseño se verá correctamente en cualquiera de los distintos dispositivos y lo más importante, se reducirán los costes de creación y mantenimiento.
La idea de implementar esta técnica viene de lejos, del año 2008, recomendado por W3C en «Mobile Web Best Practices» bajo el subtítulo «One Web«.
Hoy en día la disparidad tan grande que hay en tamaños de pantalla (sobremesas, portátiles, smartphones, tablets…), ha provocado que finalmente los diseñadores web nos planteemos esta práctica como indispensable en todos nuestros diseños. (más…)
Nuevo Diseño
Este Blog de Diseño Web vuelve una vez más a cambiar de aspecto. Espero que sea de vuestro agrado y que tenga de nuevo una buena acogida. Creo que además de ser mucho más vistoso es más usable y atractivo que el anterior, espero no equivocarme.
Poco a poco iré incorporando nuevos plugins y modificando algunos temas de diseño que no me convencen del todo. Los tiempos cambian, las resoluciones de pantalla también y por eso he decido de nuevo volver a cambiar el diseño del blog.
Espero vuestros comentarios y sugerencias 😉
Vectores, fotografías y PSD's gratis
Los que seguís este blog de diseño web, sabéis que intento en la medida de lo posible hacer referencia a todos aquellos sitios en los que podemos encontrar ayudas para nuestros diseño web.
Hoy por casualidad he encontrado esta página, Freepik, en la que podemos encontrar vectores, fotografías y psd’s gratis para descargar. La calidad es muy buena en los tres apartados, en el caso de los psd’s he de decir que al menos aquellos que he descargado están muy bien, sin capas acopladas y ordenadas por carpetas, ciertamente la calidad me ha sorprendido.
Os dejo a continuación el enlace para que la visitéis y os la descarguéis enterita 😉
Acciones sobre pantallas táctiles
A diferencia del diseño web convencional, en el diseño para móviles, o tabletas, la interface táctil es diferente a la interface basada en ratón. En una pantalla táctil el modo de comportamiento del usuario es totalmente distinto y eso es algo que tenemos que tener en cuenta y sobre todo aprovechar sus ventajas.
Estamos familiarizados con la experiencia de interacción con la ayuda del ratón, seguramente una experiencia a la que todavía le queda mucho tiempo. La interface táctil es relativamente nueva. En un principio se trasladó la experiencia de ratón a la pantalla táctil, pero en seguida y de forma casi natural, comenzaron a desarrollarse una serie de interacciones basadas en la forma de tocar la pantalla. Gestos, distinción entre el uso de uno o más dedos, acciones pre grabadas que permiten recordar gestos y asociarlos a una acción, etc…
