Tag de artículos: plantillas

Tipografía recortable

Desde dafont nos llega una tipografía en 3D recortable estilo pixel. Gracias a Tobias Sommer podemos tener a nuestra disposición, para uso personal, una tipografía que podemos imprimir, recortar y pegar de la misma forma que un recortable.

punched_out

pForm: Crea formularios en segundos

Si el hecho de realizar el diseño y la maquetación de un formulario web te da más de un quebradero de cabeza, no te compliques la vida, con pForm puedes realizar todo el trabajo en tres sencillos pasos y de una forma rápida y sencilla.

pform1

El proceso se inicia con la selección del diseño del formulario, donde puedes elegir entre 25 diferentes modelos según el color deseado.

A continuación seleccionas el tipo y la cantidad de los campos que componen el formulario. Aquí tienes bastantes posibilidades, entre las cuales puedes obtener campos de texto sencillo, de texto multilínea, checkboxes, listas desplegables, o campos específicos para introducir enlaces a páginas web, correo electrónico, direcciones, teléfonos, etc. Todo ello con diferentes elementos de configuración y modificación de los textos que acompañan a cada campo.

pform2

Finalmente, tendremos la posibilidad de previsualizar el formulario y descargarlo con todos los archivos necesarios, donde se incluyen el archivo “.html”, el “.css”, un archivo JavaScript y las imágenes correspondientes.

Formatos y tamaños de papel

444px-A_size_illustration.svg

Los formatos de papel estándar en la mayor parte del mundo se basan en los formatos definidos en el año 1922 en la norma DIN 476 del Deutsches Institut für Normung (”Instituto Alemán de Normalización”), más conocido como DIN. Este estándar ha sido desarrollado por el ingeniero berlinés Dr. Walter Porstmann y se parece a bocetos olvidados datados en la época de la Revolución Francesa.

La norma alemana ha sido la base de su equivalente internacional ISO 216 de la Organización Internacional para la Estandarización que, a su vez, ha sido adoptada por la mayoría de los países. En general, tan sólo existen diferencias en las tolerancias permitidas. Paralelamente siguen existiendo, por ejemplo en los EE.UU. y en Canadá, otros sistemas tradicionales. Esto ocasiona regularmente problemas y costos adicionales.

Aunque algunos están en desuso, existen otros formatos de papel normalizados. El folio, palabra que ha quedado asociada a hoja de papel en algunos países como España, mide 215×315 mm; la mitad de un folio es una cuartilla (o cuarto) y la mitad de una cuartilla, una “octavilla” u octavo. También se conoce como Folio el formato de 8.5 pulgadas por 11 pulgadas. También existía la holandesa (ya en desuso), de mayor ancho que el folio (220 mm) pero más corta (unos 280 mm).

Aunque usualmente el tamaño del papel viene dado por el tamaño del producto final que se quiere obtener y el tamaño de las máquinas impresoras, los tamaños más habituales para Europa son:

Nombre Tamaño (mm)
A0
Ancho: 841
Alto: 1189
A1
Ancho: 594
Alto: 841
A2
Ancho: 420
Alto: 594
A3
Ancho: 297
Alto: 420
A4
Ancho: 210
Alto: 297
A5
Ancho: 148
Alto: 210
A6
Ancho: 105
Alto: 148
A7
Ancho: 74
Alto: 105
A8
Ancho: 52
Alto: 74
A9
Ancho: 37
Alto: 52
A10
Ancho: 26
Alto: 37
Nombre Tamaño (mm)
B0
Ancho: 1000
Alto: 1414
B1
Ancho: 707
Alto: 1000
B2
Ancho: 500
Alto: 707
B3
Ancho: 353
Alto: 500
B4
Ancho: 250
Alto: 353
B5
Ancho: 176
Alto: 250
B6
Ancho: 125
Alto: 176
B7
Ancho: 88
Alto: 125
B8
Ancho: 62
Alto: 88
B9
Ancho: 44
Alto: 62
B10
Ancho: 31
Alto: 44
Nombre Tamaño (mm)
C0
Ancho: 917
Alto: 1297
C1
Ancho: 648
Alto: 917
C2
Ancho: 458
Alto: 648
C3
Ancho: 324
Alto: 458
C4
Ancho: 229
Alto: 324
C5
Ancho: 162
Alto: 229
C6
Ancho: 114
Alto: 162
C7
Ancho: 81
Alto: 114
C8
Ancho: 57
Alto: 81
C9
Ancho: 40
Alto: 57
C10
Ancho: 28
Alto: 40
Nombre Tamaño (mm)
4A0
Ancho: 1682
Alto: 2378
2A0
Ancho: 1189
Alto: 1682

psdGraphics

psdGraphics es un sitio que recopila archivos en formato PSD para descarga. Entre los elementos que se pueden descargar nos podemos encontrar con fondos de pantalla, texturas, botones, elementos 3D, gráficos para la web, iconos y algunos tutoriales. Aún no tiene una gran cantidad de recursos para descarga, pero seguro que irá a más, y por lo tanto es un buen sitio a tener en cuenta.

horizontal-html-css-menu

purple-lights

push-button

top-secret-envelope

abstract-design

wooden-theme-business-card

Sitios para descarga gratuita de plantillas web

Dezinehub

Una forma interesante de empezar con maquetación o diseño web, es utilizar plantillas ya preparadas para su uso. Con ellas se puede aprender mucho: cómo están realizadas, estructura, estilos, etc. Es una opción interesante, aunque únicamente para iniciarse. Una vez aprendas a realizar tus propios diseños y maquetarlos correctamente, este tipo de plantillas se te quedarán “pequeñas”.

En el enlace siguiente, tenemos varios sitios donde poder descargar de forma gratuita y para uso libre, cientos de plantillas web.

1- OSWD (Open Source Web Design)

2- Open Designs

3- Free Website Templates

4- Templates Box

5- Art Of The Web

6- Zymic

7- Arcsin

8- Template Eyes

9- Template Navigator

10- Elated

11- Dezine Hub

12- DotCom Web Design

13- Style Shout

14- CSS Temps

15- Studio7 Designs

16- Six Shooter Media

17-  Ex-Designz

18-  Simavera

19- CMG Technologies

20- Nuvio Templates

Plantillas XHTML/CSS gratuitas

Nada mejor para empezar un proyecto web, si no sabes maquetación o diseño web, que utilizar alguna de estas plantillas gratuitas y de gran calidad. Desde el siguiente enlace puedes acceder a un listado de páginas que tiene disponibles plantillas para descarga y uso totalmente libre de las mismas.

xhtml-css-2

xhtml-css-6

xhtml-css-13

xhtml-css-18

xhtml-css-16

xhtml-css-28