Diseño Web

Web Icon Set ofrece un set de iconos de diseño profesional a los desarrolladores de aplicaciones como nosotros. Ellos han relanzado si primer pack de íconos, Web Application Icon Set gratis. Puedes usar estos íconos en cualquier computador y aplicación web.

Application Icon Set incluye los íconos de Registro, Herramientas, Usuarios, Base de datos, Login, Chat, Añadir, Borrar, Editar y muchos más. Podemos descargarlos en formato PNG y en diferentes tamaños (128, 64, 48 y 32px). Web Icon Set suele añadir nuevos íconos, por lo que no es mala idea visitar su web regularmente.

Descargar | Web Icon Set

Android Icons es un set de 30 iconos vectoriales gratuitos que fueron originalmente desarrollados para ser usados en aplicaciones de Android, pero todas son muy buenas para sitios web.

Vienen en PNG transparente + formatos EPS y pueden ser utilizadas en proyectos personales como comerciales sin ninguna restricción.

Descargar | Android Icons

Adobe Kuler es una buena herramienta que Adobe ha creado pensando en los diseñadores. Con Kuler, uno puede escoger el esquema de colores que más le guste de entre miles o crear un esquema a gusto o a partir de una foto.

¿Te gustaría conocer el esquema de colores de una fotografía? Kuler nos permite hacer eso de una manera muy eficiente y sencilla, para que después podamos descargar la paleta de colores o copiar y pegar los valores hexadecimales en nuestro diseño.

Adobe también ha puesto a nuestra disposición una versión offline de Kuler para poderla descargarla (requiere la instalación de Adobe Air).

Enlace | Adobe Kuler

Web-kreation esta compartiendo un bien diseñado panel de login desplegable, muy útil para usar en websites con espacio limitado.

Tiene 2 versiones:

• Usando MooTools
• Usando jQuery (versión mejorada en lo que respecta a diseño y funcionalidad)

El panel funciona sobropiendo el contenido en lugar de empujarlo, y puede ser fácilmente convertido por cualquier otra funcionalidad (cómo navegación, búsqueda, formulario de contacto, etc.).

También ha sido integrado en Wordpress mediante plugins:

• Sliding Panel: WordPress Plugin por Justin Tadlock.
• SuperSlider-Login por Twincascos.

Demo | Sliding login panel with jQuery
Descargar | Nice & Clean Sliding Login Panel built with jQuery
Vía | webresourcesdepot

Sixpack status es un pequeño set de iconos de alta calidad que podemos usar en los mensajes de status de nuestra aplicación web. Es completamente gratis para un uso personal y comercial. Los íconos están disponibles en 4 tamaños: 32x32, 64x64, 128x128 y 256x256px. También están disponibles en formato vectorial (SVG), a fin de permitirnos editarlos e integrarlos mejor en nuestras páginas web.

Descargar | Sixpack status icons (Página del autor)

En sixrevisions comparten un magnífico tutorial que nos explica paso a paso como crear el diseño profesional, verde y elegante de una web con photoshop. El resultado final es el siguiente:

También pueden ampliar la captura de pantalla del diseño desde este enlace y descargar el PSD desde este otro.

Tutorial | How to Make a Green & Sleek Web Layout in Photoshop