de webmaster a webmaster

Lo que tenemos sobre la etiqueta ‘bocetos’

Papel para bocetos web

sin comentarios, by the moment porfaplis, deja uno que "é grati"

Volvemos al boceteando que es gerundio, como nos gusta esta frase, como nos gusta bocetear.

Os traemos dos archivos en sendos PDFs uno con disposición vertical y otro horizontal, en ellos encontrarás una hoja perfectamente imprimible y cuadriculada donde podrás desarrollar tus bocetos para páginas y aplicaciones web para que quedes como un artistilla al presentar tus presupuestos. La página cuenta con alguna pega, la palabra TITLE que figura en inglés, pero bueno mal menor.

Estos bocetos están creados por raincreativelab.com, no son nada del otro jueves pero hoy estamos a viernes y algo es algo.

Los archivos aquí: Horizontal: Papel para boceto web horizontal (635) Vertical: Papel para boceto web vertical (606)

Blogueado por uvedobles.com alias uvedobles.com

May 28th, 2010 a las 7:06 am

Boceto de aplicación para iPhone

sin comentarios, by the moment porfaplis, deja uno que "é grati"

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.

Blogueado por uvedobles.com alias uvedobles.com

May 24th, 2010 a las 8:09 am

Generador de plantilla de columnas para web

sin comentarios, by the moment porfaplis, deja uno que "é grati"

The 1Kb CSS Grid es una aplicación online que permite generar frameworks o estructuras de ficheros con el encolumnado ya creado bajo HTML y CSS. Ideal para realizar bocetos, mockups y todo tipo de pruebas.

Para configurar tu parrilla dispones de tres deslizadores desde donde debes configurar una parrilla imaginaria de columnas para dar forma a las capas de tu web.

El resultado te lo descargas en un fichero zipeado: Si abres el html te encontrás una plantilla como la siguiente:

El código que te genera es muy limpio. Únicamente dos archivos, un HTML y un CSS.

En nuestras pruebas hemos obtenido el siguiente código HTML

	



The 1Kb Grid Demo – 9 columns, 80 pixels each, with 20 pixel gutter




9

6

3

3

3

y el siguiente CSS

.grid_1 { width:80px; }
.grid_2 { width:180px; }
.grid_3 { width:280px; }
.grid_4 { width:380px; }
.grid_5 { width:480px; }
.grid_6 { width:580px; }
.grid_7 { width:680px; }
.grid_8 { width:780px; }
.grid_9 { width:880px; }

.column {
margin: 0 10px;
overflow: hidden;
float: left;
display: inline;
}
.row {
width: 900px;
margin: 0 auto;
overflow: hidden;
}
.row .row {
margin: 0 -10px;
width: auto;
display: inline-block;
}

Enlace: http://www.1kbgrid.com

Blogueado por uvedobles.com alias uvedobles.com

April 23rd, 2010 a las 8:15 am

Boceteando que es gerundio

sin comentarios, by the moment porfaplis, deja uno que "é grati"

Aplicacion para crear bocetos

Aplicacion para crear bocetos

Os presentamos una útil herramienta online para realizar bocetos, no obstante ya os avisamos que es una herramienta de pago pero bien puedes utilizarla para inspirarte.

Esta aplicación permite bocetear proyectos, crear de forma ultrarápida capturas pantallas con la estructura y funcionalidad de un site o aplicación web, de esta forma le puedes mostrar a tus clientes de una forma muy graciosa, debido a que la gráfica obtenida es muy casual, cómo puede quedar estructuralmente la idea del diseño del site.

Existe una versión de escritorio, descargable e instalable por 79 dólares y otra en capa web, es decir una aplicación web.

Enlace: http://www.balsamiq.com/demos/mockups/Mockups.html

Blogueado por uvedobles.com alias uvedobles.com

October 11th, 2009 a las 11:21 am