Utensilios y herramientas útiles (fuera de línea) para diseñadores

La mayoría de los diseñadores web comienzan nuevos proyectos en su computadora. Hay cientos de herramientas para crear wireframes, maquetas, prototipos y otras actividades de planificación en su computadora o en línea. Pero también hay toneladas de herramientas sin conexión, basadas en papel, que pueden acelerar su proceso de desarrollo y diseño. Los diseñadores que comienzan su planificación fuera de línea a menudo solo usan papel en blanco o gráfico y comienzan desde cero.

¿Por qué empezar completamente desde cero cuando puedes usar una de estas guías prefabricadas para ahorrar tiempo? ¿Y mejor dirigir tus energías creativas? A continuación, hemos compilado una gran lista de herramientas gratuitas y descargables, así como una colección de cuadernos de notas y otros productos que puede comprar para la planificación y el diseño fuera de línea..

Aquí hay más artículos útiles de diseñadores que puede querer revisar:

27 Must-Have Starter Kits para diseñadores web
Conjuntos de iconos GUI para diseñadores web
50 (más) excelentes mini conjuntos de iconos

Descargas

Las siguientes herramientas están disponibles para su descarga gratuita. Incluyen navegadores, cuadrículas y herramientas pre-dibujadas para el desarrollo de iPad y iPhone.

Navegador de papel

Una ventana del navegador simple e imprimible para el cableado. Hay una cuadrícula sutil dentro de la ventana para un mejor diseño (tanto para diseños de 960px de ancho como de 800px de ancho). Se escala proporcionalmente para una resolución de pantalla de 1024 × 768..

Papel de boceto MBTI para la ideación

El MBTI Sketching Paper contiene cuatro áreas distintas para generar ideas para las cuatro modalidades de compra específicas: competitiva, espontánea, metódica y humanística. Está disponible en cuatro tamaños: A4, A3, Carta y Legal..

Papel para bocetos Concept7

Este papel de boceto proporciona una ventana del navegador con líneas de cuadrícula prefabricadas, además de un área de notas en el lateral. Está disponible en tamaños A4 y A3..

Hojas de boceto del sistema de cuadrícula 960

El 960 Grid System tiene muchas plantillas disponibles para varios programas de diseño. Pero muchas personas no son conscientes de que también hay plantillas de PDF descargables para wireframing con 960.gs en papel.

Grid Design Graph Paper

Konigi tiene papel para gráficos gratuito e imprimible para maquetas de diseño de cuadrículas. Las plantillas disponibles incluyen una estructura alámbrica con área de notas, alámbricas orientadas al paisaje y al retrato, guiones gráficos (con y sin notas), papel cuadriculado de dos por dos y papel cuadriculado básico.

Kit de bricolaje de imanes de alambre

Un conjunto de plantillas de imán de Konigi. Simplemente imprímalos en hojas magnéticas y estará listo para comenzar a armar y hacer prototipos en su pizarra o en otra superficie magnética. También puede laminarlos para usarlos con marcadores de borrado en seco..

Sketchboards

Estas tablas de boceto están disponibles en dos versiones: una sola pantalla con espacio para notas, o seis con espacio para notas. La versión de varias páginas es ideal para la creación rápida de prototipos de varias páginas, mientras que la versión de una sola página es ideal para un cableado más detallado de páginas específicas.

Plantilla de 6 páginas

Esta es una plantilla simple con ventanas de navegador pre-dibujadas para maquetas de seis páginas en cada hoja, con espacio adicional para notas en el lateral. Muy simple, pero muy útil para la planificación de alto nivel..

Plantillas de papel alámbrico

Una variedad de plantillas de estructura de alambre, con un total de siete incluidas en la descarga. También hay plantillas PSD disponibles, si desea personalizarlas antes de imprimirlas.

Plantilla de estructura de alambre

Una plantilla de estructura de alambre simple con espacio para el título de la página en la parte superior y notas a lo largo del lado. Es lo suficientemente profesional como para usarlo en los últimos esquemas y maquetas para mostrar a los clientes.

Plantilla de estructura de alambre de la aplicación para iPhone

Una plantilla de aplicación de iPhone muy elegante, disponible en orientación vertical y horizontal. Hay versiones con modelos de iPhone individuales con mucho espacio para notas, así como páginas con tres iPhones en una sola página..

Hoja de ideas para iPad

Hay tres versiones disponibles: una hoja de dos páginas con iPads orientadas al retrato, una hoja de cuatro hojas con iPads orientadas al paisaje y una hoja de una hoja con un iPad orientado a los paisajes. También tienen una hoja de ideas para iPhone disponible para descargar.

Escenario, flujo de tareas y hojas de croquis de cuadrícula

Estas hojas de boceto son herramientas invaluables para la planificación de sitios web. La hoja de escenarios le ayuda a planificar cómo atraer visitantes a su sitio para realizar una acción deseada. La hoja de flujo de tareas le ayuda a determinar qué pasos están involucrados en el desempeño de tareas específicas en su sitio. Y la hoja de cuadrícula le da espacio para wireframes y notas en páginas específicas.

Productos

Los productos a continuación son a menudo similares a los disponibles para descargar anteriormente, pero vienen preimpresos. También se incluyen otras herramientas, como plantillas y notas adhesivas..

Cojín de ratón poderoso

Un mouse pad que también es un bloc de notas. Hay tres versiones diferentes: 5 días a la semana (con espacio para cinco días de listas de tareas pendientes), Information Central (con mucho espacio para notas) y Random Dawdle. $ 10 cada uno.

Kit de plantillas para iPad

Una plantilla metálica de UI Stencils para diseñar para el iPad de Apple. Tiene todo lo que necesitas para simular aplicaciones para el iPad. El kit también incluye un lápiz mecánico de cebra de 7 mm y una tabla de técnicas de interacción. $ 24.95

Kit de plantillas para iPhone

Otro kit de plantillas de metal de UI Stencils, esta vez para el iPhone. También viene con las calcomanías Zebra Mechanical Pencil y UI Stencils. $ 24.95

App Sketchbook

Ofrece libros de bocetos de aplicaciones en espiral para diseñar aplicaciones para iPhone y iPad. Hay versiones estándar, perforadas, y iPad disponibles. Las versiones de iPhone vienen con tres imágenes de iPhone de tamaño real por página, con un total de 50 páginas (doble cara). El cuaderno de bocetos de iPad (aún no disponible) viene con una imagen por página. $ 12 cada uno.

Notepod y Notepod+

Blocs de notas de tamaño natural para diseñar aplicaciones de iPod y iPad. Los portátiles iPod vienen en un paquete de 3, con 100 páginas por teclado. La versión para iPad (Notepod +) se vende por separado y también tiene 100 páginas por pad. Notepod + es $ 19.95; Notepod es $ 17.95 / tres.

Bloc de notas

Bloc de notas de 8 1/2 x 11 pulgadas de Konigi con 50 hojas de guión gráfico, cada una con espacio para notas. Lo que los diferencia de la mayoría de los blocs de notas del guión gráfico es que cada sección del mismo se divide en una cuadrícula, lo que los hace mucho más apropiados para el diseño de interacción. $ 9 cada uno, solo disponible en los Estados Unidos..

Navegador Sketch Pad

Un bloc de notas que incluye una plantilla de ventana del navegador en cada página. Cada ventana incluye una cuadrícula, que es compatible con el kit de plantillas de sitios web ($ 24.95), también de plantillas de interfaz de usuario. $ 8.95 cada uno.

Dot Grid Book

Estos libros de cuadrículas de puntos de Behance son similares al papel cuadriculado tradicional, pero en lugar de líneas, tienen puntos donde las líneas se intersecarían. Proporciona una excelente cuadrícula para dibujar sin la intrusión de líneas sólidas. $ 14 cada uno.

Cada vez que se pegan notas adhesivas

Para aquellos de nosotros que usamos notas adhesivas para mantenernos organizados, esto podría ser lo correcto para llevar su sistema de productividad al siguiente nivel. Separe los tipos de notas para lo que debe hacer hoy, pronto o algún día, más tres tipos de notas adicionales. $ 12.99.

Recursos adicionales

Encuentre aún más recursos a través de los rodeos a continuación:

50 UI gratuitos y diseño de páginas web Kits de cableado, recursos y archivos fuente: un resumen fantástico de la revista Smashing que incluye recursos en línea y fuera de línea.
Plantillas PDF para realizar bocetos, dibujos alámbricos y toma de notas de forma gratuita: otro excelente resumen de Smashing Magazine, que consiste en recursos imprimibles esta vez..
Recursos de UI, Wireframing y Layout Design - Un pequeño resumen de recursos imprimibles compilados por Es Developed.