de webmaster a webmaster

Archive for the ‘Utilidades gráficas’ Category

Boceto de aplicación para iPhone

without comments

boceteando que es gerundio Boceto de aplicación para iPhone

Personalmente siempre me han encantado los sketches, wireframes o bocetos realizados a mano, sí con lápiz y papel, ¿te acuerdas? en mis viejos cuadernos quedarán restos de logotipos, storyboards de anuncios y videoflash, animaciones, páginas webs e incluso algunso de aplicaciones web y ideas sobre aplicaciones para móviles.

En la actualidad la inmensa mayoría de veces nos saltamos ese paso papeloide para directamente presentar a nuestros clientes una primera maqueta ya sintética y realizada desde cero o desde tres con algún programa de diseño vectorial, esto es porque ya sabemos lo que funciona, lo que se lleva, o ya sinceramente porque tenemos una librería de bocetos trazados de la que tirar y con un plis plas pum tenemos algo ejem, “personalizado” a imagen y semejanza de lo que nuestro cliente nos ha solicitado.

Maldito momento lleno de competencias y bajos costes que no nos deja espacio ni crédito para volver aunque sea muy de vez en cuando al lápiz y al papel, sniff, hoy me he levantado e-romántico e-reivindicativo.

Para paliar tal desatino he decidido postear algo que emane a nuestro viejo compañero despixelizado, el lápiz así que a continuación os traigo una pequeña cole de wireframes de aplicaciones para móviles, en concreto para Apple iPhone si bien todos son trasladables a Android, un s.o.m (sistema operativo para móviles) que me da a mi que se va a poner interesante así que boceteando que es gerundio.

boceto aplicacion iphone 02 480x245 Boceto de aplicación para iPhone

boceto aplicacion iphone 01 480x353 Boceto de aplicación para iPhone

boceto aplicacion iphone 03 480x436 Boceto de aplicación para iPhone

boceto aplicacion iphone 04 480x388 Boceto de aplicación para iPhone

Anatomía de una tipografía

without comments

anatomia de una tipografia 480x300 Anatomía de una tipografía

La imagen superior, que se amplía al pulsar sobre ella hasta unos considerales 1920 x 1200 pixelazos, se trata de un póster donde se muestran casi todos los conceptos inherentes al diseño de tipos de letra, tipografías o fuentes.

No es un compendio para clasificar las fuentes atendiendo a su tipología o mensaje, es un descriptor de la física de cada letra, de los rasgos que la conforman.

El póster se encuentra en inglés pero esto no debe ser un handicap. Gracias a él refrescaremos la palabrería utilizada en diseño para describir a una fuente, desde los conceptos como centro óptico, linea base, vértice. bowls, etc. Si te la imprimes o la utilizas de escritorio, aprenderás a hablar como un auténtico diseñador, es decir con tipográfica propiedad.

Written by dedavid

May 20th, 2010 at 6:52 am

6 fuentes Pixel Fonts gratis

without comments

Las mejores tipografías (para mi) de tipo píxel

Font Ronda Seven Bold

font ronda seven bold 480x419 6 fuentes Pixel Fonts gratis

Font Ronda Seven Normal

font ronda seven 480x392 6 fuentes Pixel Fonts gratis

Font Nokia Cellphone

font nokia 480x356 6 fuentes Pixel Fonts gratis

Font Minimal 5

font minimal5 480x261 6 fuentes Pixel Fonts gratis

Font Large 9

font large9 480x358 6 fuentes Pixel Fonts gratis

Font Apple

font apple 480x382 6 fuentes Pixel Fonts gratis

Tras varios días sin postear por falta de tiempo, ya que estamos en plena entrega de un proyecto bajo nuestro sistema de comercio electrónico ecOOmmerce.com hoy os traemos el primero de los nuevos post, algo sencillo pero a veces útiles en los días que corren donde quizá ya existe un exceso de tipografías Grunge y se comienza a añorar lo retro, el bello pixel, así que hemos recopilado para tí nuestra pixel fonts favoritas en un sólo archivo zip listo para descargarar e instalar.

Estas fuentes pueden ser utilizadas en cualquier tipo de diseño donde lo retro mande, también se pueden utilizar de forma perfecta bajo Flash, sí, Flash algo que muere o que muchos quieren hacer morir y que visto lo visto, si Adobe no espabila y abre rápidamente su código va a apearse de internet en pocos años, prometo un post al respecto, “Una red sin Flashes”.

Las tipografías tipo píxel están especialmente diseñadas para trabajar en tamaños de 8 16 32 64 y sus múltiplos hacia arriba para que se muestren perfectamente definidas sin desenfoque alguno en sus bordes. Por ello son perfectas para aplicaciones web como bajo textos de iconos donde se precisan tipografías ultralimpias que sean perfectamente visibles a pequeños tamaños (8).

Todas las tipografías tipo pixel que incluímos son totalmente gratuitas por lo que puedes utilizarlas allá donde te apetezca.

Descargar Pixel Fonts: Pixel fonts (27)

Written by dedavid

May 10th, 2010 at 3:55 pm