Ya se lanzó hace unos meses una primera versión y ahora llega iconSweets 2 con cerca de 400 objetos únicos. Se trata de un set de iconos vectoriales en formato Photoshop.

Consta de 400 iconos en 64 x 64 pixeles y 32 x 32 pixeles, además de otros iconos con distinta resolución, como decimos con formato de formas de Photoshop.

• Puedes conseguirlos a través de la página del proyecto de forma gratuita y abrirlos con tu versión de Photoshop. Este paquete contiene iconos para iPhone, para iPad y también de sitios de internet o iconos web.

]]> http://www.diariothc.com/iconsweets-2-un-buen-conjunto-de-iconos-vectoriales/feed/ 0 http://www.diariothc.com/fantasticos-iconos-de-productos-de-apple/ http://www.diariothc.com/fantasticos-iconos-de-productos-de-apple/#comments Mon, 27 Sep 2010 19:00:44 +0000 Javier Asín http://www.diariothc.com/?p=3835

Si te gustan los productos de Apple igual que a mi, como su gama de portátiles macbook o el nuevo aspecto unibody fabricadas en aluminio, así como los iconos de este sistema operativo, te traemos una recopilación de recursos que hemos encontrado en la red, con buena resolución y disponibles para descargar.

Aluminium MacBook Pro OSX

The Mini. Mac Mini

Slick Drives

Mac Pro Psd + Png + Ico

Apple iMac icns for Mac OSX

G5 System

Slick Drives Remake

Puedes seguir el resto de este artículo desde este enlace.

1 – Dandelion 2 Vector

2 – Crayons Vector

3 – Invitation with Leaves Vector

4 – Colorful Drawing Pencils Vector

5 – Italian Promotional Vector Set

6 – Grass Clipart Vector

7 – Summer Flower Pattern Vector

8 – Simple Billboard Vector

9 – Modern Template Vector

10 – Sunset Ballooning Vector

Hace tiempo os traje un tutorial en el que se enseñaba a diseñar una silla en 3D, hoy he visto muy interesante este tutorial de CgTuts, en el que enseña a diseñar un árbol cubierto de hiedra.

Este tutorial te enseñará a usar 3Ds Max, VRay y un plugin gratuito Ivy Gen que te permitirá generar un alto detalle en la hiedra que cubrirá el tronco del árbol. El video está en inglés pero, siguiendo paso a paso las indicaciones lograrás hacerlo todo sin problemas. Un cuerpo como este puede parecer complicado, pues la imagen que tenemos en la cabeza es la de formas irregulares, pero como en todo, tenemos que partir de la forma más básica para luego poder ir a la complejidad del cuerpo u objeto.

Tras el salto tendrás el tutorial, recuerda que si das a pantalla completa lo podrás ver en alta definición y que al final del post te pondremos el enlace al plugin gratuito de GW: Ivy Gen.

Plugin | GW: Ivy Gen

Muchos dicen que el diseño está en los detalles y probablemente tengan razón. Y muchos de esos detalles están presentes en los iconos. Los iconos brindan ese extra y ayudan a atraer la atención a ciertos objetos o elementos.

La Metáfora

Los iconos son metáforas para texto, y es importantísimo que dicha metáfora sea utilizada a la perfección. Comunicaciones claras entre la página web y el visitante, son cruciales para que la usabilidad sea perfecta. El icono debe transmitir un mensaje que sea entendible para el usuario al 100%.

Utiliza objetos reconocibles y metáforas simples: El usuario deberá reconocer lo que el icono trata de comunicar. Utilizar objetos comunes como iconos, tales como una casa , es importante. Entre más simples y más gráficos sean, el usuario lo agradecerá más.

Algunos ejemplos:

• Burbujas de conversación tipo comic para los comentarios
• Un sobre para un enlace a un correo electrónico
• Utilización de una flecha y de un disco duro para un enlace a alguna descarga
• Un sigon de interrogación para la página de soporte
• Una carpeta para demostrar que hay archivos disponibles
• Un monitor para un vídeo
• Una lupa para la búsqueda

Etiqueta con icono: Si el icono es lo suficientemente confuso (lo cual no se recomienda), deberá de venir acompañado con una etiqueta para evitar que el usuario se pierda mientras navega en tu página, Así el usuario tendrá las cosas más claras y así mismo, la página web, tendrá un alto grado de usabilidad.

Como regla general, el icono que viene acompañado de una etiqueta deberá de contar con 3 o menos palabras y en una sola línea de texto, también es muy recomendable que la tipografía sea sencilla y con colores que permitan la lectura.

Cuando utilizar iconos

Como un botón: Los iconos trabajan bien cuando son utilizados como botones, se ven limpios, reemplazan el texto en un enlace, llaman mucho la atención del usuario.

Con texto en un botón: Es buena idea utilizar iconos que incorporen texto como botones, llamará la atención. El color también es importante, entre más llamativo, mejor (sin caer en la exageración).

Llama la atención hacia la información importante: Los iconos son utilizados para reemplazar el texto, utiliza iconos para mostrar información importante. En lugar de escribir. Utiliza iconos para complementar lo que has escrito. Los iconos son una excelente manera de añadir ese pequeño “empuje” a una página web.

Con títulos y encabezados: La utilización de iconos es una práctica muy buena para llamar la atención hacia elementos importantes. Los iconos son muy comunes cuando se utiliza con títulos y encabezados.

Prácticas Recomendables:

Haz tus iconos de la mejor calidad posible: Junto con la usabilidad, la calidad de los iconos, es una característica importante en lo que respecta al diseño web.

Junto con la calidad, vienen los detalles, incluye detalles sutiles; tales como sombras y reflejos; Esos pequeños detalles, seguramente te harán diferente a los demás, también ésto sirve de mucho para dar al icono más profundidad y dimensión.

Mantén los iconos simples pero con forma: Trata que tus iconos no sean muy complejos, ésto puede ser un error que puedes pagar muy caro. Sobre todo, que hay una línea muy fina entre lo detallado y lo complejo. Trata de no pasar esa línea. Obtén la figura básica y haz el bosquejo, pero rellena con formas simples. Que se mantenga reconocible.

Perspectiva: Depende del tipo de icono y también de la página web. Lo que si es recomendable, es que la perspectiva sea consistente a lo largo de la página web. Trata de que todos los iconos sean similares entre si; no utilices diseños muy diferentes. Haz que parezca que fueron diseñados para estar precisamente en el lugar donde los has situado.

Mantén la fuente de luz consistente: La consistencia es una de las características más importantes de los iconos, además ayuda mucho a la usabilidad. La fuente de luz y el sombreado deben de ser igual en todos los iconos que utilices en una página web.

Líneas fuertes y bien definidas: La utilización de líneas fuertes, desarrollará separación en las dimensiones del objeto, aún así hay que estar pendientes de que el icono no se deforme. Si es bien utilizada ésta técnica, el icono será más fácil de visualizar y lo hará mucho más claro.

Los iconos deberán de ser del mismo estilo que la web y el logo: Otra vez, la consistencia es importante, el estilo deberá de ser también consistente. Deberá de utilizar el mismo estilo en toda la página web.

Colores vistosos: Los colores limpios son los más adecuados, aún así deberán de ser lo más llamativos posibles. Recuerda que una de las funciones más importantes de un icono es llamar la atención hacia ciertos elementos de la página. El contraste entre colores es importante.

Formato Vectorial: Muy recomendable ya que así te asegurarás de que el icono podrá ser escalable. Así podrás utilizar el icono en los lugares más insospechados. No te verás limitado para utilizarlo solamente en ciertos tamaños; además te asegura que no los tendrás que rehacerlos.

Utiliza un borde fuerte: Si el icono es utilizado en un lugar donde hay un fondo claro, necesitará bordes obscuros, ésto crea la sensación de separación y de paso, lo hará más llamativo.

Vía | Spoonfed Design

Nos hemos encontrado con algunos sets de gráficas vectoriales para descargar, todas ellas gratuitas. Se encuentran en formato EPS. Seguramente serán de gran utilidad para algunos trabajos que tenemos pendientes y que nos urge finalizar.

Todos ellos de excelente calidad, muy llamativos y que darán un toque de alegría a nuestros trabajos cuando así se requiera. Para poder descargarlos, lo podrás hacer por medio de la página de garcya.us. Además de esos sets, encontrarás bastantes más accediendo a la misma página por medio de éste enlace.

Diego Mattei nos ofrece la descarga de 84 gráficos sobre mujeres en formato AI  (Adobe Illustrator)

De un tiempo a esta parte eso está cambiando y ya empiezan a aparecer recolipilatorios por diversos blogs y sitios especializados. Es el caso del publicado desde 1stwebdesigner donde juntan 30 pinceles y símbolos diferentes para Illustrator. Los tenemos de todas las formas y colores, sacados de la gran comunidad gráfica deviantart y otros sitios como el blog bittbox.

Enlace: 30 Beautiful Illustrator Brush and Symbol Collection

En cristalab publican las que consideran son las 8 nuevas incorporaciones más importantes que se han añadido a esta ultima versión de Illustrator. Para leer la explicación completa de cada una acudir al post original.

• Múltiples Artboards
• Gradientes
• Pincel de manchas
• Panel de apariencia
• Estilo Gráfico
• Experiencia de usuario mejorada
• Aislamiento y máscaras de recorte
• Previsualización de separaciones

Enlace: Adobe Illustrator CS4: Top 8 de novedades