¿Cómo crear un proyecto para un sitio web en papel?

He estado haciendo diseño web durante un par de años. Estoy tratando de diseñarlo en papel, pero no soy el mejor en eso.

¿Podría darme algún consejo sobre cómo hacer un plano? ¿Cómo puedo crear maquetas similares a una estructura alámbrica de un sitio web en papel con un lápiz o un bolígrafo?

¿Por "plano" te refieres a "estructura alámbrica"? Dibuja cajas y líneas. ¿Qué problema tienes?
Hola, Lauren Ipsum, lo que sucede es que solo tengo problemas con los pasos de diseño y la puesta en papel antes de Photoshop. Y si. Estructura alámbrica.
Se trata del proceso conceptual. Es muy subjetivo y es un gran desafío crear algo no interactivo que represente lo interactivo. Esta publicación puede ser de su interés, no tiene que usar estas técnicas de prueba en otras personas, puede jugar con ellas usted mismo: graphicdesign.stackexchange.com/questions/27658/…
Esto está más relacionado con el diseño de UX, por lo que probablemente estaría mejor en UX.se, pero aun así, sigue siendo una pregunta bastante amplia. En general, sin embargo, estás dibujando. Al igual que con cualquier proyecto de diseño, la fase inicial es solo muchos bocetos para obtener muchas ideas lo más rápido posible.

Respuestas (3)

He usado un método en el que las cajas son en realidad pedazos de notas adhesivas. Hoy uso los del tamaño de un teléfono celular porque generalmente son lo suficientemente grandes. Puedes cortarlos en forma y ponerles texto. Pero la mejor función es que puedes moverlos. Aún mejor, su cliente puede moverlos.

La cosa es que la etapa de maqueta no puede parecer demasiado terminada. Las personas que no están acostumbradas a su flujo de trabajo podrían pensar que es definitivo y no sugerir cambios. Recuerde que puede ser algo rápido para usted en Photoshop, pero puede que no lo parezca para alguien que no esté capacitado en esto.

Incluso es posible imprimir en notas post-it. Por lo tanto, podría tener un caché de notas preimpresas para cosas como contenedores de video incrustados, mapas, etc. Deje que sus prototipos se vean como tales.

Muy bueno, que tengamos formas similares de trabajar conceptualmente; ver enlace en mi comentario de arriba :)

Para ser honesto, puede que lo estés pensando demasiado. Realmente son solo cajas en papel. Deja que la fuerza fluya desde tu interior. Comience con la página principal y desarrolle desde allí.

Si necesita estructurar alguna estructura en papel, este sitio tiene algunos recursos. http://skysisterstudio.com/10-best-wireframe-printables/

Algo incluso mejor que los post-it: " Papel de pizarra mágica ".

Básicamente, es un tipo de papel plástico blanco delgado con la electricidad estática suficiente para que se adhiera suavemente a cualquier superficie plana, sin pegamento ni desorden:

  • Como es electricidad estática, no pegamento, puedes moverlo tantas veces como quieras.
  • Como básicamente es papel, puedes comprar un rollo o una pila de hojas y cortarlas o doblarlas en cualquier tamaño y forma que necesites.
  • Dado que es de plástico blanco, puede escribir en él con marcadores de pizarra borrables y borrar o cambiar lo que escribe tanto como sea necesario.
  • Dado que viene en una variedad de tamaños, puede hacer estructuras alámbricas de tamaño A4, de mesa o incluso de tamaño de pared, según el tamaño del grupo con el que esté trabajando.
  • Dado que la electricidad estática está en ambos lados, aparentemente puede pegar papel encima, por lo que podría usarlo junto con elementos de estructura metálica imprimibles para cosas que no pueden variar.

El único inconveniente es que es bastante complicado; por ejemplo, le encanta doblarse y luego pegarse a sí mismo. Existe el riesgo de distraerse con las cosas. Pero si puedes domarlo, es genial.

Hay bastantes compañías que fabrican las cosas ahora, pero esta parece ser la original . Es más caro que los post-its, pero es reutilizable, por lo que no tiene una mala relación calidad-precio.


No puedo encontrar ninguna imagen de su uso para estructuras alámbricas, así que aquí está siendo utilizado en un avión y en un cobertizo (de la página oficial de Facebook ):

ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí

He usado esto y está bien, también usé: imanes, alfileres, cinta adhesiva y pegamento simple para sujetar. Hay algo de baja tecnología en el uso de notas post-it que siempre están disponibles y el cliente no se siente tan intimidado por las herramientas especiales. Pero sí, usamos este documento en el laboratorio de diseño de máquinas cuando presentamos el método de galería. La translucidez es un problema difícil ya que no se pueden cubrir áreas con nuevas revisiones, y otro problema es que la superficie utilizada no se puede plegar ni mover de forma ordenada.
AKA: una pizarra.
@ DA01 AKA: muchas pizarras pequeñas que puedes mover libremente como notas adhesivas.