Posts Tagged: "Diseño Web"

31 sets gratuitos de iconos minimalistas

Marbella Romero - April 23, 2010 - Descargas, Diseño en General, Herramientas de Diseño, Iconos

Uno de los recursos web que siempre vamos a necesitar los diseñadores web serán unos buenos iconos para nuestro proyecto. Sin duda cualquier web necesita tener un estilo único y por eso debemos tener a la mano algunos iconos que combinen perfecto con nuestro diseño.

La forma más sencilla de lograr esto es crearlos nosotros mismos pero cuando no eres un experto en esto de el diseño gráfico siempre tendremos la opción de descargar algún set gratuito de entre los muchos que existen y nos comparten en la red.

Es por eso que en esta ocasión les traemos una recopilación que hicieron en la web de 1st Web Designer de 31 sets gratuitos para diseños totalmente minimalistas, los cuales en su mayoría vienen en diferentes tamaños( por lo general 16×16 y 32×32) y con el archivo editable de Adobe Illustrator disponible para cualquier modificación.

Recordemos que un diseño minimalista la mayoría de las veces será bueno, siempre y cuando sea un diseño sencillo, como estos iconos de la recopilación.

1.- Free Minimal Icon Set.

Con archivos PSD editables para descargar.

2.- Mini Icons.

Set gratuito de 16×16 pixeles en formato GIF.

Si te gustaron estos dos y quieres ver la lista completa puedes hacerlo en 1st Web Designer.

10 herramientas escenciales para diseñadores

Marbella Romero - April 14, 2010 - Diseño en General, Editores Digitales, Herramientas de Diseño

En este blog ya hemos hablado sobre lo importante que es el diseño gráfico en un sitio web, tomando en cuenta esto, debemos saber que el primer paso para ser tomado en serio en linea es contar con buenos diseños web.

Si eres un diseñador profesional o “amateur” debes saber que existen muchos recursos web que pueden ser de ayuda, y el día de hoy les traemos una lista de herramientas para obtener inspiración, para ayudarse en los trabajos de grupo o de plano, meterse en el mundo del diseño en lo que son “medios sociales”.

1.- Alternativas a aplicaciones de paga

Hasta hace algunos años todas las herramientas profesionales para edición y creación de gráficos eran de paga, pero hoy en día contamos con algunas alternativas igual o casi igual de buenas para estos programas.

Un ejemplo de reemplazo para Adobe Photoshop es GIMP, del cual ya hemos hablado aquí en portafolio, o bien Inkscape que es una alternativa para Adobe ilustrator en cuanto a creación de vectores.

2.- Comunidades de Diseño

Una de las mejores herramientas para dar a conocer tu trabajo como diseñador y conocer el talento de otros es una comunidad enfocada a las artes.

Society6 es una de las opciones, en este sitio permiten a los artistas mostrar su trabajo, venderlo y encontrar colaboradores para algún proyecto.

Otros sitios son Behance, This is Central Station, Creattica y Design Taxi.

Si te interesa ver el listado completo puedes hacerlo en Mashable.

Anuncian lanzamiento de Adobe CS5

Marbella Romero - April 13, 2010 - Actualidad y Noticias, Diseño en General, Herramientas de Diseño

Tal como lo anunciamos en su momento en Portafolio Blog, el lanzamiento de Adobe Creative Suite 5 se dio este Lunes 12 de Abril y aunque aún no hay detalles sobre el lanzamiento oficial de las demos, se rumorea que será el próximo 12 de Mayo cuando estén por fin disponibles las versiones de prueba de dichas aplicaciones.

Para quienes no se enteren mucho, Photoshop es solo uno de los miembros de la familia Creative Suite, que se compone por aplicaciones tales como InDesign, Dreamweaver, Illustrator, entre otras. La CS5 es la actualización a la Creative Suite 4 lanzada apenas en el 2008, y esta vez incluye mejoras que se contabilizan en más de 250, por lo que la empresa requirió de conferencias de prensa por separado para anunciar las nuevas funciones de estas aplicaciones.

Una de las características más esperadas por los usuarios es aquella que se filtró desde hace semanas para la nueva versión de Photoshop. Se trata del “Content-Aware Filling” que sin duda revolucionará la forma en que retocamos imágenes.

Ver para creer:

Habrá que esperar para ver en funcionamiento estas y todas las nuevas características, y como siempre, desembolsar una fuerte suma de dinero por las actualizaciones, pues Adobe no se conoce precisamente por precios accesibles. Sin embargo, estaremos pendientes a la evolución de esta nueva paquetería.

Enlace | Adobe CS5.

40 Logotipos inspirados en rinocerontes

Marbella Romero - April 12, 2010 - Diseño en General, Impresos y Publicidad, Logotipos

La mayoría de los empresarios y diseñadores, sabemos que una de las cosas más importantes de una empresa es su imagen corporativa. De entre ello, lo que creo yo es mas importante y algo que sera clave para la identificación de la empresa es el logotipo.

Un buen logotipo, no se consigue de la noche a la mañana. Es un trabajo difícil, ya que es una responsabilidad crear una imagen que se le quedara al publico de por vida, es por ello que se necesita de mucha información para crearlo.

Desde los colores hasta el tipo de letra o crear algún objeto, todo eso se debe considerar para que el logotipo concuerde con lo que quiere transmitirle la empresa a sus consumidores.

Es por eso, que hoy les traemos una muestra de 40 diseños de logotipos muy bien hechos que han sido inspirados en uno de los animales más grandes – y pesados – que existen sobre la Tierra, el rinoceronte.

El rinoceronte es un animal que sin duda alguna representa poder y sobre todo la fuerza.

Y esto es lo que se puede llegar a ver al ser usado como imagen de una marca, claro, mezclado con un buen diseño, espero les sirvan para inspirarse:

1.- White Rhino Production.

2.- White Rhino.

Si les gustaron estos diseños pueden ver el listado completo en Readactor.

20 tipografias ideales para encabezados

Marbella Romero - April 11, 2010 - Descargas, Diseño en General, Fonts, Herramientas de Diseño, Tipografías y Letras

Ya sabemos que una de las cosas más importantes de una pagina web o blog, es la tipografía, no queremos tener la pagina de inicio llena de información ilegible, pero después de encontrar la tipografía ideal para el sitio nos enfrentaremos con otro problema.

El problema es que siempre habrá alguna información que querremos destacar, ya sea una frase o algún titulo y la mejor forma de hacerlo y la más inteligente, es con grandes encabezados.

Claro que la idea es que se vean bien, es por ello que necesitamos encontrar la tipografía ideal para que no desentone con el diseño y no se vea forzada, es decir necesitamos una tipografía que complemente el estilo del sitio web.

Esta no es tarea fácil ya que no todas las tipografías se ven bien en grande, ya sea porque errores en el diseño de las mismas y se ven las imperfecciones o porque simplemente no lucen en un tamaño más grande.

Una tipografía ideal para encabezados es aquella que tenga fuerza visual, que mantenga el espacio justo y que sea muy legible tanto en el monitor como si se nos antoja imprimir la pagina principal de la web en papel. Como un extra es que si logra verse fresca es mucho mejor.

Como el titulo del post lo dice el listado del día es un buen recurso web para todos los diseñadores, son 20 fuentes tipográficas ideales para encabezados.

1.-Franchise.

2.- Bebas.

Puedes ver la lista completa en Web Design Ledger.

Paquete de vectores de los 80’s gratuito

Marbella Romero - April 2, 2010 - clasico y retro, Descargas, Diseño en General, Herramientas de Diseño, Vectores

Los 80’s fueron buenos años, para muchos, los mejores años de su vida… y deben de serlo ya que en este nueva década todo lo que era un hit en los 80’s, ha vuelto.

Recordar es vivir dicen algunas personas, y es por eso que muchas grandes compañías han realizado campañas publicitarias que han estado enfocadas a esta moda “retro”, a tocar la nostalgia de las personas.

En el diseño gráfico no nos podemos quedar atrás y como ya lo saben (y se los hemos remarcado varias veces), tener vectores de todo tipo de temáticas es algo indispensable para cualquier diseñador gráfico o diseñador web.

Debemos tener siempre en mente que nunca esta de más un buen paquete de vectores, y menos uno de vectores que no son tan fáciles de encontrar en la web ya que aunque lo retro esta de moda, no han salido tantos recursos vectoriales de este estilo como se esperaría.

Este paquete llamado “1985” se conforma de 11 vectores con la forma de objetos que son un icono de los 80’s, como los casetes,las patinetas (patinetes o monopatines) y hasta los patines de cuatro ruedas que tanto nos gustaba usar en la niñez.

Cabe destacar que el paquete es completamente gratuito y contiene los vectores en formato AI y EPS para poder usarlos en alguno de nuestros proyectos.

Si te gustaron estos vectores y quieres tenerlos, puedes descargarlos desde Spoon Graphics

Fuente | Enlazando Web.

Como crear una comunidad con WordPress

Marbella Romero - March 31, 2010 - blogs y bloggers, Como Hacer, Informática e Internet, Plugins de Wordpress

A la hora de crear una comunidad de usuarios, existen CMS directamente desarrollados para esta tarea. De entre los más populares destacan las soluciones de Dolphin, Elgg o AroundMe, además de las soluciones pre-hospedadas que ofrecen compañías como Ning.

Adicional a estas, existen manejadores de contenidos que, mediante los plugins y complementos necesarios, son capaces de funcionar perfectamente como una red social o comunidad de usuarios para tu blog o website personal. Entre los mejores casos, tenemos a Joomla, CMS que mediante las correctas extensiones (que dan para un tema aparte), es capaz de funcionar de manera bastante solida como una red social en toda la extensión de la palabra.

Sin embargo, uno de los manejadores de contenidos más populares por su facilidad de administracióny que a últimas fechas ha dejado de ser solo un sistema para la creación y administración de blogs, es WordPress, ya que poco a poco ha ido tomando capacidades de otro tipo de aplicaciones gracias al desarrollo de plugins y temas de terceros. Para este caso en especifico, existen plugins como Alkivia Open Community, del que les hablaremos en esta ocasión, para crear una comunidad alrededor de tu sitio montado con wordpress.

Este plugin ofrece todas las funciones y widgets necesarios para hacer fácil y flexible el mostrar información de tus usuarios registrados. Permite crear una página de perfil para cada uno de tus usuarios completamente personalizada. Lo interesante es que todas estas páginas se manejan mediante plantillas, así que tú puedes crear tus propias plantillas y mostrar la información de cada usuario como te sea necesario.

Funciones de Alkivia Open Community:

Completamente en español
Logotipo personalizado para la página de acceso a tu comunidad
Permite a los usuarios especificar su propia fotografía
Galería fotográfica
Enlaces a los artículos y comentarios de los usuarios en su página de perfil
Entre otras…

Su instalación es sencilla y funciona de la misma forma en que se instala cualquier otro plugin de WordPress. La única desventaja es que es necesario contar con PHP 5.2 en tu servidor.

Enlace de Descarga| Alkivia Open Community.

Set de iconos gratuitos para tienda en línea

Marbella Romero - March 30, 2010 - Descargas, Diseño en General, Herramientas de Diseño, Iconos

El “boom” que ha tenido Internet los últimos dos o tres años ha hecho que muchas compañías volteen a ver el potencial de mercado en la red, es por eso que muchas personas y muchas empresas han decidido extender sus horizontes y poner tiendas en línea, ofreciendo así un mayor beneficio para sus clientes.

Pero tener una tienda en linea no es tan fácil como parece, y tener éxito no sólo dependerá del marketing o de lo bueno que sea del producto que se esta vendiendo, también depende de que el formulario de compra sea funcional y los iconos sean totalmente claros y visibles.

Seamos sinceros, no es divertido cuando quieres comprar algo y no sabes ni a donde darle click o que la pagina de compra se ve tan poco profesional que dudas sea de que sea un lugar “confiable” para dejar tu dinero.

Por eso, después de hacer una búsqueda en google, encontré unos iconos muy agradables para tiendas en línea, con un aspecto web 2.0.

El set se llama Glosssy eCommerce Icon pack y consta de 32 iconos, todos con efecto “glossy”( brilloso). Los iconos son desde tarjetas de crédito hasta símbolos monetarios y para mayor manejo el autor nos da el archivo editable SVG en el paquete descargable.

Y lo mejor de todo, es que es uno más de todos los recursos gratis que podemos encontrar en la red.

Si te gustaron estos iconos para tiendas en linea, puedes descargarlos desde la pagina web del autor en Starfish Webconsulting.

Set gratuito de iconos rosados llamado PinkStrip

Marbella Romero - March 24, 2010 - Descargas, Herramientas de Diseño, Iconos

Como bloguera siempre he tratado de que en el diseño de mi blog exista un poco (o mucho) de toque femenino, ya sea en los colores o en los iconos; esto es para que no sea tan “genérico” como muchos.

Me gusta, en lo personal, que los iconos sean algo que se distinga en una página web, sobre todo el de RSS y eso es algo muy difícil de conseguir en estos tiempos, ya que la mayoría de sets de iconos que se diseñan para medios y redes sociales son en los mismos colores de la red social que representan, casi siempre solo se están variando las formas.

Así que esta semana me di a la tarea de buscar en la red algún set un poco mas femenino y por suerte encontré un set llamado PinkStrip, como su nombre lo dice, son iconos de color rosa.

Este set tan lindo es de iconos gratuitos para las redes sociales o medios sociales como Twitter, Tumblr, Picasa, Linkedin, Google Buzz, Facebook, Blogger, entre otros.

El set consta de 12 iconos que vienen en formato PNG y están en dos tamaños, 128 px y 64 px que pueden ser utilizados para cualquier propósito ya que su creador ha decidido no ponerle ninguna licencia o restricción, así puede ser aprovechado por todos, tanto como para uso personal o comercial.

Sin duda este es un muy buen recurso web para las niñas que tenemos un blog . Solo espero que cada día existan más iconos de este tipo y poder dárselos a conocer.

Descarga estos iconos en Web Stuff Share y disfrutalos.

Plugin de WordPress para darle estilo a la tipografía de tu blog

Marbella Romero - March 24, 2010 - blogs y bloggers, Descargas, Plugins de Wordpress, Tipografías y Letras

La tipografía es parte crucial en el desarrollo de un diseño web, lamentablemente, las tecnologías actuales de los navegadores nos obligan a usar tipografías comunes en nuestros diseños, puesto que es necesario que quien lee un sitio web tenga instalada en su sistema al menos una de las tipografías en las que está mostrado dicho sitio. Esto obliga a diseñadores a hacer uso constante de aquellas tipografías que vienen pre-instaladas en los sistemas operativos como Arial,Verdana, Calibri, entre otras.

Existen multitud de tipografías en la red (gratuitas y de pago) que podrían hacer que nuestros sitios sean más llamativos y novedosos, pero no es recomendable usarlas en nuestras hojas de estilo. Por ello, existen alternativas ya desarrolladas por personas que se han visto ante esta situación, y esta vez les traemos un plugin de WordPress que sirve para dicha tarea.

AnyFont te permite instalar en tu blog de WordPress cualquier tipografía TrueFont u OpenType en tu blog a fin de utilizarla en tus diseños, sin tener que preocuparte por si tus lectores o usuarios finales la tienen o no instalada en sus ordenadores.

Sólo elije la fuente tipográfica que mas te guste, subela desde el tablero del plugin, y empieza a disfrutar de un diseño web renovado en tu pagina.

No te preocupes por el SEO, es 100% compatible, además, los usuarios no tendrán que tener instaladas las tipografías para poder ver tu sitio web en su máximo esplendor.

Descarga | Anyfont.