diarioTHC, recursos para webmasters, bloggers y diseñadores » Diseño

Interfaz de usuario 3D para crear tus aplicaciones

Cristina — Fri, 10 Feb 2012 11:43:50 +0000

Aunque los diseñadores y los programadores viven siempre peleados, precisamente porque vienen de mundos distintos y les preocupan cosas distintas, en el mundo web, una y otra profesión empiezan a fusionarse y no es raro ver a unos y a otros haciendo sus pinitos en el que es territorio de la competencia. Nosotros en Diario THC seguimos apostando por los diseñadores, sin querer ofender a nadie, pero hoy nos pasamos al bando contrario, por si acaso a alguno de ustedes les apetece empezar en programación.

Como no podía ser de otro modo, nos interesa la parte gráfica y precisamente por ello, les traemos una interfaz de usuario 3D para crear tus aplicaciones, porque una cosa es probar el mundo de la programación de apps y otra olvidar nuestros principios de cuidado detalle del diseño. En este caso, el archivo que les ofrezco a continuación lo pueden descargar de manera gratuita y en el encontrarán todo lo necesario para crear una interfaz de usuario llamativa y muy minimalista para cualquier aplicación que se les ocurra.

Nosotros hemos puesto la parte que nos toca en el diseño de interfaz de usuario 3D para crear tus aplicaciones, ahora les toca a ustedes meterse de lleno en el mundo apps y aprender a colocar cada cosa justo donde se necesita. ¿Se atreven a pasarse al bando contrario?

Más info | Descargar

Círculo cromático: aprende a utilizarlo

Cristina — Mon, 06 Feb 2012 11:30:31 +0000

Hoy en Diario THC vamos a jugar. Si, pero vamos a jugar para ganar puntos en cuanto a nuestras mejoras en diseño. ¿Se han perdido, verdad? ¿Cómo se puede jugar y ganar en técnicas de diseño? Pues se lo vamos a contar.

Se trata de una aplicación que nos permite jugar con el círculo cromático, es decir, que vamos a aprender a utilizarlo para mejorar nuestra capacidad de visión, y mejorar sobre todo nuestra capacidad de reconocer colores y tonalidades. Con él, vamos a poder enfrentarnos al reto de encontrar, dentro de todas las posibilidades, el color exacto que se nos presenta.

Supongo que si a menudo se decidan a hacer ilustraciones y elmentos de diseño se habrán enfrentado al hecho de encontrar el color exacto, ese que mejor se ajusta al proyecto que tienen en mente, y aunque es cierto que podemos hacerlo de forma automática, configurando la combinación de cada color del círculo cromático, no me digan que no darían lo que fuera por tener un mejor ojo y saber a simple vista donde está esa tonalidad que buscaban. En fin, que como una actividad para mejorar o como un simple juego, hoy en Diario THC nuestro enlace inferior, a el círculo cromático: aprende a utilizarlo, nos ha parecido un imprescindible.

Más info | Color Method Action

PageLines permitirá añadir secciones a los blogs de WordPress como si fuesen apps

Cristina — Sun, 06 Nov 2011 10:00:28 +0000

Parece que a los que nos gusta diseñar en web, crear blogs con un aspecto diferente, y que no tenemos tiempo para ponernos desde el inicio con un editor, y tampoco conocemos el código para asegurarnos de que todo funciona a la perfección, entonces no nos queda otra que buscar alternativas, que casi siempre con un presupuesto de bajo coste, suelen funcionar más que a la perfección. Hoy a nuestro blog llega una noticia quizás de uno de los creadores de webs y blogs basados en WordPress, PageLines, que se actualizará próximamente con grandes funciones.

Y es que a partir del 8 de diciembre, con el estreno de su versión 2.0 van a poder no solo elegir la plantilla que mejor se adapte a sus necesidades, si no que van a poder añadir nuevas categorías y personalizar cada una de ellas como si fuesen aplicaciones por separado. Así se lanzara una especie de store con aplicaciones que comprar para ir modificando cada una de las secciones del blog y añadir nuevas opciones que le hagan como casi siempre diferente a lo ya visto.

Para los que no conozcan PageLines les cuento que partiendo de 79 dólares se pueden llevar una plantilla muy bien diseñada, con un aspecto totalmente profesional y que con esta noticia puede cambiar todo lo que ustedes quieran en un periquete. Sin duda muy buenas noticias para los que queremos invertir en creatividad sin perder tiempo en el diseño detallado.

Más info | TechCrunch

Enlace | PageLines

15 mil iconos exclusivos gratis con esencia iOS

Cristina — Thu, 03 Nov 2011 10:00:44 +0000

Sabemos que cuando uno se encuentra delante de un papel en blanco, la mayoría de las veces la inspiración ha decidido irse por la puerta de atrás. En otros casos, el tiempo y el presupuesto no dan para buscarla, por lo que hay que acudir a otras ideas para poder llevar a cabo los proyectos que nos encargan. Nosotros hoy queremos ayudarles en la labor, y traemos un completo set de iconos con estándart iOS del que seguro se van a quedar boquiabiertos.

Y es que son varias las razones para sorprenderse. La primera es sin duda el precio, ya que en su versión gratuita podemos quedarnos con hasta 2 formatos sin tener que pagar ni un solo euro. Por otro lado, la calidad no se puede decir que esté en la media, si no que bajo mi punto de vista es bastante superior, y luego porque no decirlo Apple vende, y su diseño minimalista es apto para casi cualquier tipo de proyecto.

Por si ya fuese poco, en total les hablamos de 15 mil iconos exclusivos, por lo que será difícil, al menos en este momento que son nuevos, que se vayan a encontrar con el mismo, en caso de que la inspiración o el tiempo, no hayan vuelto de la puerta trasera por donde se han escapado.

Eso sí, si han vuelto uno o ambos, o tienen ganas de darles un poco de caña con el Photoshop, ya les cuento que se pueden descargar todos los tamaños con fuente PSD para poder retocar y reaplicar todos los filtros y detalles que se les ocurran, al precio de 19,99 dólares.

Más info | Iconschok

20 bonitos logos para que te inspires

Cristina — Wed, 19 Oct 2011 10:00:46 +0000

Una cosa como el logotipo, puede parecer una tontería, pero en realidad se convierte en la base fundamental con la que el consumidor va a identificar todo lo que somos. Por ello el logotipo no debe ser simplemente un bonito diseño, si no debe ser todo un entramado que sea capaz de comunicar lo que en realidad la marca es.

Y evidentemente esto no es sencillo. Para conseguir que el logo transmita hay que tener muy claro que es la marca, cuales son sus características principales y que es lo que queremos que sea fundamental para quien recibe nuestro mensaje.

Ahora que ya saben la importancia de un logotipo, evidentemente, como en casi todo lo que tiene que ver con el diseño la inspiración tiene una fundamental importancia, por lo que nosotros hemos decidir poner en marcha la suya, como casi siempre a costo cero. Por eso, les traemos hasta 20 bonitos logos para que se inspiren, pero sin olvidar que el que ustedes realicen debe responder a las expectativas propias de su marca, por lo que ahora más que nunca es importante no copiar.

Más info | Web Design Ledger

50 texturas en alta definición para tus próximos trabajos

Cristina — Tue, 18 Oct 2011 10:00:48 +0000

A día de hoy los ilustradores buscan a diario en la web fuentes y recursos que les ayuden a desarrollar su trabajo con un mejor resultado. Así, no son pocos los que resuelven el problema sin gastar ni un solo euro. Hoy en nuestro Diario THC con el cual pretendemos darles siempre buenas ideas, y hasta donde sea posible gratis, les traemos precisamente 50 texturas en alta definición para tus próximos trabajos.

Evidentemente, en este caos encuentran una buena ventaja, ya que no siempre la alta resolución es algo que sea sencillo de obtener, y menos gratis. Por eso, si andaban perdidos y querían inspiración no tienen más que continuar en el enlace y llevárselas todas a la pantalla del ordenador.

Por último les cuento que encuentran un poco de todo, texturas con aspecto de papel, estampados con flores, así como algunos diseños más modernos inspirados en neones. Creo que todas ellas, acompañadas de una buena tipografía pueden resultar en una idea de esas de las que llaman la atención. En todo caso, si se les ocurre algo genial, y tienen ganas de compartirlo, en nuestro blog estaremos encantados.

Más info | Descarga

Imágenes con ruido para lo que quieran generadas desde la web

Cristina — Sat, 01 Oct 2011 10:00:50 +0000

Hoy e a nuestro blog Diario THC llega una herramienta sencilla de utilizar, hasta tal punto que no necesitamos instalar absolutamente nada, si no que podemos hacerlo desde un portal web. Se trata de un instrumento que nos permite generar nuestras propias imágenes con ruido, las cuales son a veces muy útiles a la hora de generar diseños gráficos tanto para luego imprimirlos como para la web.

La herramienta de la que les hablo es Noisepng y pueden personalizar desde el color del fondo, pasando por cuanto es de tranaparente hasta el punto en el que el ruido se verá, es decir si queremos más o mayor volúmen.

A mi me parece muy útil sobre todo por el hecho de que a veces nos ponemos a perder tiempo en editores de imágenes haciendo estas cosas que con esta alternativa resultan mucho más rápidas

Font Comparer: compara distintos tipos de fuentes en internet

Javier Asín — Tue, 14 Dec 2010 11:51:31 +0000

Font Comparer es un servicio gratuito que te permite comparar distintos tipos de fuentes y seleccionar la que más te guste. Puedes mostrar fuentes de Google Fonts y TypeKit con texto personalizado como cabecera y descripción.

Una vez elijas la fuente que mejor se adapte a tu proyecto podrás conseguirla añadiendo el código necesario para implementarla en tu hoja de estilos. Es muy sencillo de usar, tan sólo debes añadir un enlace al tipo de fuente en el header de tu página y luego añadirla en el CSS de tu sitio web.

Permite otras opciones de personalización en CSS, como añadir un fondo, cambiar el color de la fuente y aplicar una sombra para el texto y te mostrará automaticamente como se verá en tu página.

Puedes probar Font Comparer desde la página del proyecto y conseguir el código una vez elijas la que mejor se adapte.

iconSweets 2 un buen conjunto de iconos vectoriales

Javier Asín — Tue, 14 Dec 2010 11:20:49 +0000

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.

Freepic: Buscador de fotos y vectores gratis para creativos

Javier Asín — Mon, 22 Nov 2010 14:20:52 +0000

Un nuevo buscador que encontramos en la red y además en español, se trata de Freepic, un buscador de fotos y vectores para creativos. puedes personalizar las búsquedas para conseguir sólo vectores, fotos o ambos.

Una vez realices tu búsqueda que la realiza casi de inmediato contabilizará los resultados para vectores y para fotos por lo que podrás aplicar el filtro para diferenciar.

Freepic enlaza con otros buscadores y sitios web de recursos para ofrecerte la descarga del contenido, eso sí, siempre de forma gratuita, ya que cualquier imagen que aparezca está libre de atribución.

Se trata de un buscador sencillo pero con una buena base de datos si te dedicas a diseño de páginas web o bien para utilizar de forma personal. Además cuenta con sección de vectores y fotos más descargados. Pruébalo y cuéntanos que te parece!

Sitio web Freepic.es