Noticias de la categoría 'Web'
Una de las grandes ventajas de usar Wordpress (sin animo de restarle meritos a otras plataformas) es el asombroso nivel de personalización al que se puede llegar con conocimientos básicos y un poco de paciencia. Lastimosamente, muchas personas no logran ver la capacidad de la plataforma, y en muchos casos se quedan hasta con el tema básico con el que vienen todos los blogs de Wordpress.
Con el animo de intentar cambiar esta situación, la web Vandelay Design ha publicado la segunda parte de su lista de temas para WordPress “especializados” para cubrir casi cualquier necesidad que pueda tener un bloguero o Web Máster en su sitio, desde el tema para Photoblogs, hasta el tema para la web de chismes: 17 Specialty WordPress Themes
Para todos los amantes de ese arte comercial llamado Packaging, les traigo un recurso bastante útil, es un blog llamado Lovely Package, y como su nombre lo indica todo el sitio es una oda al empaquetamiento con diseño artístico y/o funcional.
Aunque la web es relativamente joven, ya se puede encontrar muy buen material alojado en ella, definitivamente hay que agregar este sitio a los feeds, tiene mucho potencial y pinta bastante bien.
Uno de los elementos imprescindibles en una web es el formulario de contacto, especialmente si hablamos de una web comercial, ya que la sección de “contacto” es una de las primeras cartas de presentación que una empresa ofrece a sus clientes potenciales.
Por otra parte las webs personales también pueden beneficiarse mucho con un formulario de contacto bien formado, nunca se sabe quien va a querer ofrecerte trabajo, enviarte una nota, o sencillamente felicitarte por tu buena labor.
Por tanto, me parece bastante interesante la lista con 36 formularios de contacto que han hecho en el Dzine Blog, ideal para quienes buscan un poco de inspiración o un punto de partida para diseñar su propio formulario.
Yo soy de los que opina que una pagina de Error 404 ingeniosamente diseñada es uno de esos detalles que hacen que uno se enamore de algunos sitios; es difícil de explicar, por que hablando en términos prácticos una pagina 404 con diseño original no tiene ninguna utilidad, sin embargo me inclino a creer que es el reflejo de la personalidad del Blogger o Webmaster detrás de una web, y eso engancha.
Bueno, no le doy mas rodeos al asunto, les dejo el enlace para que le den un vistazo a 60 de las mejores paginas de Error 404 en Hongkiat, o si gustan pueden ver una pequeña selección después del salto.
Nueva galería para inspirarnos, en este caso centrada exclusivamente en los diseños web minismalistas, que pueden parecer en un primer momento fáciles de conseguir pero que detrás de los buenos hay técnica y conocimientos.
La estructura de la galería es simple como no podía ser de otra manera. Una vez entremos nos encontraremos con las miniaturas de los diseños, nombre y url del sitio al que pertenecen, fecha en que se añadió, comentarios y valoración. Cada diseño cuanta a su vez con una página individual donde están los comentarios y breve descripción de la web.
Como también es habitual en estas galerías podemos mandar nuestro propio sitio o alguno que creamos debería ser añadido a la galería y prometen sacar blog en no mucho tiempo donde se hablará exclusivamente de lo minimalista en diferentes campos.
Enlace: minimalsites
En la serie I y II de 25 sitios web artísticos e increibles veremos algunos diseños que se salen de lo tradicional.
Seguimos con el tema de los rediseños, en este caso el de menéame. Supongo que la gran mayoría de lectores sabrán cual es el sitio, se trata de un agregador social de noticias, el homologo de Digg a la española, con importantes cuotas de usuarios.
Menéame es para mi el típico caso de un proyecto realizado casi enteramente por programadores, que cumplieron bien su cometido en lo que a líneas de php se refiere, pero que de diseño saben más bien poco. Desde un primer momento es uno de los puntos más débiles del sistema, su apariencia, que en este rediseño suponemos querían solucionar, pero que lamentablemente no han conseguido hacerlo. Quizás si ha mejorado algo la estructura y colación de elementos pero siguen usando una paleta de colores que no sé de donde sacaron pero no casan ni con cola destacando también la práctica inexistencia de elementos gráficos y los que hay son francamente feos.
Como sitio referente que es, con importante número de registros y visitas diarias deberían poner más esmero en el diseño de su interfaz, factor fundamental a la hora de fidelizar audiencia y captar nueva. Ahora mismo y según mi juicio, el rediseño de méneame no cumple las expectativas para un sitio de su envergadura.
Dos ejemplos de rediseños, el de deviantART y el de menéame, que nos permiten ver como se pueden hacer las cosas muy bien en el primer caso y no tan bien en el segundo. Sea como sea espero que los usuarios de este blog (muchos grandes profesionales con años y experiencia) contribuyan con comentarios constructivos de los que el equipo de menéame pueda sacar conclusiones para próximos rediseños, surgiendome algunas preguntas: ¿Qué es lo que falla en el diseño de menéame? ¿Sería necesaria una reestructuración completa o con la modificación de determinados puntos llegaría?.
Enlaces: menéame | Beta del Menéame v3
Una de las comunidades artístico-diseñisticas más grandes y fuertes del mundo es sin duda alguna deviantART, a la que todos hemos acudido en alguna ocasión bien para colgar nuestros trabajos bien en busca de inspiración, recursos etc.
Ahora nos presentan su nueva versión, la sexta, la cual no varía mucho en lo que a diseño visual y de estructura básica se refiere pero que incorpora importantes mejoras en rendimiento y usabilidad, que sinceramente siempre pensé eran dos de los grandes fallos, mucho tiempo de espera y desorden absoluto. Sin duda consiguieron cubrir los objetivos con creces. Ahora tenemos más información en el footer organizada perfectamente, se mejora mucho la navegación lateral, opción de arrastrar y soltar iconos para personalizar la barra superior, menos tiempo de carga etc. Nadie mejor que ellos mismos para explicar las mejoras añadidas, así que aquí os dejo el video:
Vía: Blogultura
En este enlace podemos apreciar 67 buenos diseños de un típico formulario de ingreso a un sitio web, pero llevado a un nivel superlativo. Increible, hasta en lo más trivial se puede innovar.
En Bandalay designs nos regalan esta excelente lista con 71 recursos de gradientes para diseñadores web.
WebDesignerWall publica un interesante artículo con las tendencias de diseño web que están destacando en este 2008. Se abandonan un poco los degradados y efectos “glossy” para pasar a usar más elementos reales como notas manuscritas, fotos etc, destacando también lo “grunge” y uso de imágenes estilo “salpicaduras”. El recopilatorio es totalmente visual, dividido en varias secciones donde se muestran los mejores trabajos de cada estilo.
Enlace: 2008 Design Trends
En prácticamente cualquier proceso creativo, especialmente para la web, el primer paso es crear un mockup, esquema o como lo quieras llamar. Un primer boceto con los puntos básicos y esenciales que luego serán desarrollados con más detalle en pasos siguientes. Confieso que yo soy de los que usaba el photoshop junto con el papel para hacerlo, hasta hoy que leo un interesante artículo de 37signals (que de esto de interfaces saben un rato) donde nos dan algunas claves de porque NO debemos usar photoshop para hacer nuestros mockups de interfaces web. Una adaptación totalmente libre al español de los 7 consejos que nos dan:
- 1.- Photoshop limita completamente el trabajo, no se pueden incluir enlaces, áreas “clicables” o menús. Con el papel pasa lo mismo. Lo ideal es [añadido por mi] primero hacer un planteamiento muy básico sobre el papel [/añadido por mi] y luego pasarlo a CSS/XHTML, donde representaremos lo que se hizo en papel más resto de funciones básicas como navegación, enlaces etc.
- 2.- Photoshop proporciona muchas herramientas para conseguir detalles y justamente buscamos lo contrario, no queremos dar detalles concretos, solamente lo esencial. El programa nos distraerá en cosas que ahora no tocan hacer.
- 3.- La fuente de un sitio forma parte imprescindible y es muy probable que necesites cambiarla varias veces. Photoshop hace más complicado este proceso: abrir el .psd, seleccionar la fuente del lugar concreto que queremos cambiar, cambiarla, exportar a .png .jpg para poder enseñar los cambios a, por ejemplo, un cliente etc. Además de que en photoshop las letras NUNCA se comportan igual que en la web, a pesar de darle la misma fuente con las mismas características en el programa se ve de una forma y en la web de otra [añadido por mi] (nunca entendí porque pasa esto) [/añadido por mi].
- 4.- Photoshop se enfoca en la producción y no en la productividad. En este primer paso se busca conseguir los puntos esenciales para crear un sitio accesible, claro etc. Luego nos preocuparemos de darle un aspecto “bonito”.
- 5.- Perderemos tiempo en pasar el mockup de photoshop a css/html.
- 6.- Con html/css podremos seguir un flujo de trabajo mucho más productivo: Hacemos el cambio, guardamos y refrescamos.
- 7.- Photoshop es poco práctico, aunque lo manejes desde hace mucho tiempo, es complicado hacer las cosas de forma simple.
Como digo esto es una adaptación muy libre del artículo original, para leerlo exactamente como es pasarse por el sitio. Al final del mismo comentan algo importante: con todo esto no se quiere decir que photoshop sea un mal software, solamente que no es el idóneo para crear mockups. El papel+lápiz+html+css es la combinación perfecta.
Enlace: Why we skip Photoshop
